@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li, form, label, table, tbody, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	outline:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	line-height:1;
	font-size:14px;
	font-weight:normal;
	font-family: 'Lato', sans-serif;
	background:#fff;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
table {
	border-spacing:1px;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* ie 6/7 */
}


input,option,radio,textarea,select,option{outline:none;}

.fl {
	float:left;
}
.fr {
	float:right;
}
a {
	text-decoration:none;
}
img{
	max-width:100%; 
	height:auto;
}



h1, h2, h3, h4, h5, h6{
	font-family: 'Lato', sans-serif;
}


.fixed {
    position:fixed;
    top:0;
}
.header_outer{
	width:100%;
	z-index:999;
	background:#fff;
}

.main_container{
	width:1170px; 
	margin:0 auto;
}
.header{
	width:100%;
}
.header h1{
	float:left;
	padding:15px 0 15px 0;
}
.header ul{
	margin:0px 0 0px 0;
	padding:0;
	float:right;
}
.header li{
	float:left;
	width:auto;
	font-size:15px;
	color:#686868;
	padding:40px 0 20px 40px;
}
.header li span{
	color:#686868;
	display:block;
	padding:5px 0 0 30px;
}
.header li strong{
	color:#000062;
}
.header li img{
	display:inline-block;
	vertical-align:middle;
	margin:0px 10px 0px 0;
}
.header li a{
	color:#686868;
}
.menubg{
	width:100%;
	background:#000062;
}
.navi{
	width:100%;
}
.banner{
	width:100%;
	position:relative;
}
.banner img{
	width:100%;
	display:block;
	border:none;
}
.sloganbg{
	width:100%;
	background:#0496d5;
}
.slogan{
	width:100%;
}
.slogan h2{
	color:#fff;
	font-size:40px;
	text-align:center;
	padding:20px 0 10px 0;
}
.slogan h6{
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:28px;
	text-align:center;
	padding:0px 0 20px 0;
}
.contant,.about_contant,.demonstrations,.accordion{
	width:100%;
	padding:20px 0 20px 0;
}
.contant h3{
	color:#0496d5;
	font-size:40px;
	text-align:center;
	padding:10px 0 10px 0;
}
.contant h5{
	font-family: 'Lato', sans-serif;
	font-size:20px;
	color:#fff;
	text-align:center;
	margin:0 0 20px 0;
}
.contant h5 span{
	color:#fff;
	display:inline-block;
	margin:20px 0 0 0;
	padding:15px 80px 15px 40px;
	background:#0496d5 url(../images/service_arrow.png) 80% 50% no-repeat;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-ms-border-radius:25px;
}
.contant h5 span:hover{
	color:#fff;
	background:#000064 url(../images/service_arrow.png) 80% 50% no-repeat;
}
.contant h5 a{
	color:#fff;
}
.contant p{
	color:#686868;
	font-size:18px;
	text-align:center;
	line-height:29px;
	padding:20px 20px 20px 20px;
}
.contant ul{
	margin:20px 0 20px 0;
	padding:0;
}
.contant li{
	float:left;
	width:24.8%;
	color:#686868;
	text-align:center;
	padding:20px 0 20px 0;
}
.contant li span{
	color:#686868;
	line-height:24px;
	display:block;
	font-size:14px;
	padding:0 25px 0 25px;
}
.contant li figure{
	display:block;
	text-align:center;
}
.contant li figure img{
	padding:15px 10px 15px 10px;
}
.contant li figure img:hover{
	background:#d5d5d5;
	border-radius:50px;
}
.contant li:hover img{
	background:#d5d5d5;
	-webkit-transition:all 0.5s ease-in-out 0s;
	-moz-transition:all 0.5s ease-in-out 0s;
	-o-transition:all 0.5s ease-in-out 0s;
	-ms-transition:all 0.5s ease-in-out 0s;
	transition:all 0.5s ease-in-out 0s;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
}
.contant li h6{
	display:block;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	line-height:26px;
	padding:0 0px 10px 0px;
}
.contant li h6 strong{
	display:block;
	font-weight:normal;
}
.contant li.bot{
	border-bottom:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
}
.contant li.bot_no{
	border-bottom:1px solid #dfdfdf;
}
.contant li.bort{
	border-right:1px solid #dfdfdf;
}


.home_gallerybg{
	width:100%;
	background:#eeeeee;
	padding:20px 0 20px 0;
}
.home_gallery{
	width:100%;
}
.home_gallery h3,.home_clients h3{
	color:#000;
	font-size:40px;
	text-align:center;
	padding:20px 0 20px 0;
}
.home_gallery ul{
	margin:0;
	padding:0;
}
.home_gallery li{
	float:left;
	width:25%;
	color:#5a5a5a;
	font-size:18px;
	position:relative;
	text-align:center;
	border:10px solid transparent;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
.home_gallery li a{
	color:#5a5a5a;
}
.home_gallery li figure img{
	display:block;
	height: 200px;
	width:100%;
}
.home_gallery li figure img:hover{
	display:block;
	opacity:0.6;
	
}

.home_gallery li span{
	display:block;
	background:#fff;
	padding:15px 0 15px 0;
}
.home_clients{
	width:100%;
	padding:20px 0 40px 0;
}


.about_contant h3,.demonstrations h3,.accordion h3{
	color:#0496d5;
	font-size:40px;
	border-bottom:1px solid #d1d1d1;
	padding:0px 0 10px 0;
}
.about_contant h4{
	color:#000;
	font-size:24px;
	padding:10px 0 10px 0;
}
.about_contant h6{
	color:#000;
	font-size:24px;
	padding:20px 0 10px 0;
}
.about_contant p,.accordion p{
	color:#686868;
	line-height:24px;
	padding:10px 0px 10px 0px;
}
.about_contant p a{
	color:#0496d5;
}
.about_contant p span{
	color:#686868;
	display:block;
}
.about_contant p strong{
	color:#000;
	font-size:18px;
}
.about_contant p span em{
	color:#000;
}
.about_contant p em{
	color:#0496d5;
	font-style:normal;
}
.about_contant ul{
	margin:20px 0 0 0;
	padding:0;
}
.about_contant li{
	float:left;
	width:14.2%;
	color:#5a5a5a;
	border:5px solid transparent;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
.about_contant li img{
	border:1px solid #d1d1d1;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
.about_contant hr{
	height:1px;
	background:#cfcfcf;
	border:none;
	margin:20px 0 0 0;
}
.about_contant figure{
	display:block;
	text-align:center;
}

.about_contant figure img{
	width:auto;
	padding:10px 0 0 0;
}
.about_contant_row{
	width:100%;
	padding:10px 0 0 0;
}
.about_contant_left{
	width:25%;
	float:left;
}
.about_contant_right{
	width:73%;
	float:right;
}
.contactus_left{
	width:48%;
	float:left;
}
.contactus_right{
	width:48%;
	float:right;
}
.about_contant p label{
	color:#686868;
	width:15%;
	float:left;
	display:inline-block;
}
.about_contant p input[type="text"]{
	width:75%;
	border:1px solid #d1d1d1;
	padding:10px 10px;
}
.about_contant p textarea{
	width:75%;
	border:1px solid #d1d1d1;
	padding:10px 10px;
}
.about_contant p input[type="submit"]{
	border:none;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	background:#0496d5;
	text-transform:uppercase;
	cursor:pointer;
	padding:10px 10px;
}


.demonstrations ul{
	margin:0; 
	padding:0;
}
.demonstrations li{
	float:left;
	width:20%;
	margin:15px 0px 0 0px;
	border:5px solid transparent;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	overflow:hidden;
}
.demonstrations li a{
	cursor:pointer;
}
.demonstrations li img {
	border:none;
	display:block;
	width:100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.demonstrations li:hover img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}







.footerbg{
	width:100%;
	background:#f0f0f0;
	padding:20px 0 20px 0;
	margin:30px 0 0 0;
}
.footer{
	width:100%;
	padding:20px 0 20px 0;
}
.footer_one{
	width:18%;
	float:left;
}
.footer_two{
	width:27%;
	float:left;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	padding:0 0 0 3%;
}
.footer_three{
	width:27%;
	float:left;
	border-right:1px solid #dedede;
	padding:0 0 0 3%;
}
.footer_fourth{
	width:18%;
	float:right;
	padding:0 0 0 3%;
}
.footer_one h5,.footer_two h5,.footer_three h5,.footer_fourth h5{
	color:#000;
	font-size:20px;
	padding:10px 0 20px 0px;
}
.footer_two p,.footer_three p,.footer_fourth p{
	color:#6a6a6a;
	font-size:15px;
	line-height:28px;
	padding:0px 0 10px 0px;
}
.footer_two p span,.footer_three p span{
	display:block;
}
.footer_three p span em{
	display:inline-block;
	color:#000;
	font-weight:bold;
	font-style:normal;
}
.footer_two p strong,.footer_three p strong{
	display:block;
	color:#000;
	font-size:17px;
	font-weight:bold;
}
.footer_fourth p a img{
	vertical-align:middle;
	margin:0 10px 0 0;
}
.footer_one ul{
	margin:0;
	padding:0 20px 0 0;
	float:left;
}
.footer_one li{
	font-size:15px;
	color:#6a6a6a;
	line-height:39px;
	padding:0px 0px 0px 0px;
}
.footer_one li a{
	color:#6a6a6a;
}
.footer_one li a:hover{
	color:#000;
}

.copybg{
	width:100%;
	background:#3c3c3c;
}
.copy{
	width:100%;
}

.copy p{
	color:#fff;
	font-size:15px;
	line-height:24px;
	text-align:center;
	padding:15px 0 15px 0;
}


.scrollToTop{
	width:48px; 
	height:48px;
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:10px;
	right:10px;
	display:none;
	text-indent:-99999999px;
	z-index:99999999;
	background: url('../images/top-arrow.png') no-repeat 0px 0px;
}
.scrollToTop:hover{
	text-decoration:none;
}