@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

body{
	margin:0px ;
 	padding:0px;
	font-family: 'Poppins', sans-serif !important;
	background:#fff !important;
}

div,h1,h2,h3,h4,h5,h6,p,img,a,ul,li{
  margin:0px ;
  padding:0px;
}




/*font-family: 'Poppins', sans-serif;*/
/*needed*/
a{
  text-decoration:none !important;
  -webkit-transition:300ms;
  -moz-transition:300ms;
  -ms-transition:300ms;
  -o-transition:300ms;
  transition:300ms;
}
a:hover{
  text-decoration:none !important;
}
ul{
  list-style-type:none;
}
.clear{
  clear:both;
}
/*needed*/


			/**************** start of banner ************/
			
.banner{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:transparent;
	background-size:cover;
	width:100%;
	overflow:hidden;
	
}

.item{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px !important;
	background:url(../images/banner-bg4.png) 0 0 no-repeat;
	background-size:cover;
	width:100%;
	overflow:hidden;
	height: 773px;
}
.item2{
	background:url(../images/banner-bg.png) 0 0 no-repeat;
	background-size:cover;
}
.item3{
	background:url(../images/banner-bg3.png) 0 0 no-repeat;
	background-size:cover;
}
.item4{
	background:url(../images/banner-bg5.png) 0 0 no-repeat;
	background-size:cover;
}
.item5{
	background:url(../images/banner-bg2.png) 0 0 no-repeat;
	background-size:cover;
}
.item6{
	background:url(../images/banner-bg6.png) 0 0 no-repeat;
	background-size:cover;
}
.item7{
	background:url(../images/banner-bg7.png) 0 0 no-repeat;
	background-size:cover;
}
.item8{
	background:url(../images/banner-bg8.png) 0 0 no-repeat;
	background-size:cover;
}
.item9{
	background:url(../images/banner-bg9.png) 0 0 no-repeat;
	background-size:cover;
}

.banner-text{
	margin:0px 0px 0px 0px;
	padding:340px 0px 0px 0px;
	width:835px;
}

.banner-text h4{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight:normal;
	font-size:25px;
	color:#fff;
}
.banner-text h2{
	margin:20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	font-size:45px;
	color:#fff;
	line-height:49px;
}


				/******* start header *********************/
				
.header{
	margin:0px 0px 0px 0px;
	padding:25px 0px 0px 0px;
	width:100%;
	background:transparent;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
}


.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background: none !important;
}
.navbar{
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	border-radius:0px !important;
	border:none !important;
	
}

.navbar-brand {
    height:auto !important;
    margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
}

.navbar-right{
	margin:30px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}
.navbar-right li{
	margin:0px 54px 0px 0px !important;
	padding:7px 0px 0px 0px !important;
}
.navbar-right li a{
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 10px 0px !important;
	font-size:16px;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight:600;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	border-bottom:3px solid transparent;
}
.navbar-right li a.active{
	background:none !important;
	text-align:center;
	color:#fff;
	border-bottom:3px solid #08ccff;
}
.navbar-right li a:hover{
	background:none !important;
	text-align:center;
	color:#fff;
	border-bottom:3px solid #08ccff;
}
.navbar-right li.last{
	margin:0px 0px 0px 0px !important;
}	



		/***** start of about *******/

.about{
	margin:0px 0px 0px 0px;
	padding:80px 0px 88px 0px;
	background:#fff;
	overflow:hidden;
	width:100%;
}
.about-row{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:1045px;
}	
.about-row h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:35px;
	color:#353535;
	text-align:center;
}
.about-row p{
	margin:33px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight:normal;
	font-size:19px;
	color:#353535;
	text-align:center;
	line-height:31px;
}	
a.read{
	margin:33px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight:600;
	font-size:20px;
	color:#fff;
	text-align:center;
	line-height:50px;
	width:162px;
	background:#00b9e8;
	display:block;
	border-radius:40px;
	box-shadow: 0px 7px 0px 0px #f2f4f5;
}
a.video{
	margin:33px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight:600;
	font-size:20px;
	color:#fff;
	line-height:50px;
	width:262px;
	background:#00b9e8;
	text-align:center;
	display:block;
	border-radius:40px;
	box-shadow: 0px 7px 0px 0px #f2f4f5;
}
.about-row a.read:hover{
	color:#fff;
	background:#0596bb;
	box-shadow: 0px 7px 0px 0px #f0f1f1;
}
		
		
		
			/******* start of service ***********/
			
.service{
	margin:0px 0px 0px 0px;
	padding:110px 0px 135px 0px;
	background:#00b9e8;
	overflow:hidden;
	width:100%;
}
.service-row {
    margin: 62px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 1100px;
}	
.service h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:35px;
	color:#fff;
	text-align:center;
}
.service1{
	margin:0px 30px 0px 0px;
	padding:15px 15px 0px 15px;
	float:left;
	width:252px;
	background:#fff;
	border-radius:5px;
	height:342px;
}
.service1 img.serv-pic{
	margin:0px auto 20px auto;
	display:block;
	width:100%;
}
.service1 h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight:bold;
	font-size:23px;
	color:#000;
	text-align:center;
	line-height:29px;
}	
.service4{
	margin:0px 0px 0px 0px;
}


			
				/******* start of product *****/
				
.product{
	margin:0px 0px 0px 0px;
	padding:98px 0px 110px 0px;
	background:#fff;
	overflow:hidden;
	width:100%;
}	
.product h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:40px;
	color:#242424;
	text-align:center;
}				
.product-row{
	margin:100px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}				
.product1{
	margin:0px 3px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:225px;
}
img.product-pic{
	margin:0px 0px 0px 0px;
}
.product1 p{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight:bold;
	font-size:21px;
	color:#000;
	text-align:center;
}	
.product5{
	margin:0px 0px 0px 0px;
}	



		/****** start of include ******/
		
.include{
	margin:0px 0px 0px 0px;
	padding:115px 0px 124px 0px;
	background:#f7f8f9;
	overflow:hidden;
	width:100%;
}	
.include h3{
	margin:0px 0px 70px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:40px;
	color:#242424;
	text-align:center;
}				
.include-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	
.include1{
	margin:0px 11px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:219px;
}
.include1 img.pro-pic{
	margin:0px 11px 0px 0px;
	border:5px solid transparent;
	border-radius:15px;
}
.include1 img.pro-pic:hover{
	border:5px solid #fff;
	box-shadow: 0px 8px 11px 0px rgba(0,0,0,.10);
}	
.include1 h4{
	margin:16px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight:bold;
	font-size:21px;
	color:#242424;
	line-height:26px;
	text-align:center;
}	


.include5{
	margin:0px 0px 0px 0px;
}
.include-row2{
	margin:45px 0px 0px 0px;
}	
		
		
			/******** start of footer ******/
			
.footer{
	margin:0px 0px 0px 0px;
	padding:72px 0px 40px 0px;
	background:#212121;
	overflow:hidden;
	width:100%;
}
.footer-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	
.footer1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:310px;
}	
a.logoft{
	margin:0px 0px 15px 0px;
	display:block;
}
.footer1 p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:18px;
	color:#e8e8e8;
}
.footer1 p b{
	font-weight:600;
	color:#fff;
}	
.footer1 ul{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	
.footer1 ul li{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:18px;
	color:#e8e8e8;
}
.footer1 ul li a{
	color:#e8e8e8;
}
.footer1 ul li img{
	margin:4px 18px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}	
.footer1 ul li span{
	margin:0px 0px 0px 0px;
}	
	
.footer1 ul li.last{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	

.footer2{
	margin:0px 0px 0px 230px;
	padding:0px 0px 0px 0px;
	width:240px;
	float:left;
}
.footer h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 25px 0px;
	font-weight:600;
	font-size:20px;
	color:#fff;
}
.footer2 ul.one{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}	
.footer2 ul li{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
.footer2 ul li a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 18px;
	font-weight:300;
	font-size:16px;
	color:#e3e3e3;
	display:block;
	background:url(../images/arrow.png) left center no-repeat;
}	
.footer2 ul li.last{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.footer2 ul a:hover{
	color:#fff;
}		
.footer2 ul.two{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}	


.footer3{
	margin:0px 0px 0px 180px;
	padding:0px 0px 0px 0px;
	float:left;
	width:135px;
}
.footer3 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	
.footer3 ul li{
	margin:0px 7px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}
.footer3 ul li.last{
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.footer3 ul li a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	text-align:center;
	font-weight:300;
	font-size:25px;
	color:#fff;
	width:60px;
	line-height:56px;
	background:#5b5b5b;
}
.footer3 ul li a:hover{
	background:#08cdff;
}
			
			
			
			
			/*********** start of copy ********/
	
.copy{
	margin:0px 0px 0px 0px;
	padding:28px 0px 28px 0px;
	background:#0085ba;
	overflow:hidden;
	width:100%;
}
.copy p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:16px;
	color:#fff;
}	
.copy p.left{
	float:left;
}
.copy p.right{
	float:right;
}