p{
font-size: 14px;
}
.logo p, .social2 a{
	font-size: 12px;
}
.endf1 li a{
	font-size: 14px;
}
	.top{
	
	padding-top: 16px;
	padding-bottom: 6px;
	color: white;
	font-size: 14px;
	background-color: #02a1e3;
background-image: -webkit-linear-gradient(19deg, #01a0e2 63%, #000 35%);
}

.top span{
	color: black;
	font-family: 'Rubik', sans-serif;
}
.chat{
	height: 24px;
	
}
.social{
	font-size: 09px;
}
.social1{
	margin-left: 20px;
	height: 15px;
}
.social2{
	
	color: #9b9b9b;
}
.logo a{
	color: #212529;
}
.logo a:hover{
	color: #01a0e2;
}
a:hover{
	text-decoration: none !important;
}
.social2 a{
	color: #9b9b9b;
}

.social2 a:hover{
	color: #c1c1c1;
}
.logo{
	padding-top: 20px;
	padding-bottom: 11PX;
}
.naa{
	padding-top: 8px;
}

.logo1{
	height: 54px;
}
.blue{
	color: #03a1e2;
	margin-bottom: 0px;
}
.call{
	margin-top: 10px;
}
.mainmenu .collapse ul > li:hover > a{
	color: #03a1e2;
	transition: 0.5s ease;
}

.facts22{
	font-size: 16px;
}

.mt20px{
	margin-top:40px;
}
.menu-area{
	background-color: #02a1e3;
background-image: -webkit-linear-gradient(-30deg, #000 80%, #01a0e2 25%);
}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:12px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #4CAF50;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#1565C0;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{font-family: 'Rubik', sans-serif; font-weight: bold;background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;margin-left:60px;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}
.navbar-nav li{
	margin-right: 16px;
}
.c{
	margin-left: 150px;
	font-size: 12px;
	margin-top: 17px;
}
.naa{
	
}
.abbb{
	font-size: 40px;
	text-align: center;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
}
.c1{
margin-left: 8px;
font-size: 12px;
margin-top: 2px;
color: white;
font-weight: 601;
text-transform: uppercase;
}
.carousel-caption p{
	text-align: left;

}
.carousel-caption h1{
	text-align: left;
margin-bottom: 10%;
font-size: 46px;
/*width: 51%;*/
font-weight: 518;
font-family: 'Titillium Web', sans-serif;
}
.car{
	padding: 40px;
	background-image: -webkit-linear-gradient(0deg, #02a1e3 10%, transparent 0%);
	height: 370px;
	margin-bottom: 36px;
}

h2:before {
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  background: #000;
  left: -24px;
  top: 65%;
  position: absolute;
   
}
.slii{
	font-size: 12px;
	font-family: 'Rubik', sans-serif;
 
  color: #fff;
 left: 27px;
font-size: 15px;
  max-width: 600px;
  position: relative;
}
.btn-primary {
  
  background-color: #000 !important;
  border-color: #000 !important;
}
.carousel-caption {
	left: 9% !important;
	float: left;
	text-align: left !important;
	width: 40%;
}
.inn{
	display: inline-block !important;
	margin-left: 85% !important;
}

.inn li{
margin-bottom: 12px !important;
}

.carousel-indicators .active {
  background-color: #02a1e3;
}
.head{
z-index: 99999999;
position: relative;

}
.se{
	margin-top: -27px;
}
.bu{
	position: absolute;
border: none;

background-color: black;
font-weight: 501;
font-size: 16px;
}
.fa{
	padding: 5px;
margin-left: 11px;
background-color: #02a1e3;
padding-left: 10px;
padding-right: 5px;
color: black;
font-size: 14px !important;
}
.navbar {
	padding: 0 0  !important;
}
.serch{
	height: 35px;
	margin-top: 7px;
}
@media screen and (max-width: 767px) {
.top{
	display: none !important;
}
.naa{
	display: none !important;
}
.se {
  margin-top: 0px !important;
}
.menu-area {
  background-color: #02a1e3;
  background-image: none !important;
}
.navbar-toggler {
	margin-left: 245px !important;
	margin-top: -110px !important;
}
	
.navbar-nav li {
  margin-right: 0px !important;
}
.mainmenu {
	min-height: 0px !important;
}
.serch{
	height: 48px !important;
	width: 47px !important;
	margin-left: 10px !important;
}
.head{
	margin-bottom: 18px !important;
}
.c1 {
  margin-left: 45px !important;
  color: white;
  margin-top: -19px !important;
  margin-bottom: 20px !important;
}
.c {
  margin-left: 13px !important;
  }
}

.ab1{

  font-family: sans-serif;
 
  color: #fff;
 
  font-size: 15px;
 
  position: relative;
}
.ab1:before {
  content: "";
  display: block;
  width: 18px;
  height: 3px;
  background: #000;
  margin-left: 448px;
  top: 54%;
  position: absolute;
   
}
.ab5{

  font-family: sans-serif;
 
  color: #fff;
 
  font-size: 15px;
 
  position: relative;
}
.ab5:before {
  content: "";
  display: block;
  width: 18px;
  height: 3px;
  background: #000;
  margin-left: 484px;
  top: 54%;
  position: absolute;
   
}
.abu{
	text-align: center;
}
.bold{
	font-weight: bold;
	margin-bottom: -1px;
}
.miss{
	height: 100px;
}
.ab{
	text-align: center;
	text-transform: uppercase;
	color: #02a1e3;
	font-weight: 801;
	font-family: 'Rubik', sans-serif;
	font-size: 13px;
}
.about{
	padding-top: 70px;
	padding-bottom: 70px;
}
.about1{
	height: 35%;
	margin-bottom: -35px;
}
.vision{
	margin-top: 20px;
	margin-bottom: 20px;
}
.vision1{
		padding-left: 50px;
		padding-right: 50px;
}
.abo{
	padding-bottom: 30px;
}
.why{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.wh{
	margin-top: 70px;
	background-image: url(img/why1.png);
	background-size: 100%;
	 background-repeat: no-repeat, repeat;
	 padding-left: 40px;
}
.ab2{

  font-family: sans-serif;
 
  color: #fff;
 
  font-size: 15px;
 
  position: relative;
}
.ab2:before {
  content: "";
display: block;
width: 18px;
height: 3px;
background: #000;

top: 65%;
position: absolute;
}
.abv{
	text-transform: uppercase;
	color: #02a1e3;
	margin-top: 55px;
	margin-left: 26px;
	font-weight: 801;
font-family: 'Rubik', sans-serif;
font-size: 13px;
}
.choose{

}

.dot {
  height: 15px;
  width: 15px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  border-style: solid;
  border-color: #02a1e3;
  margin-top: 12px;
margin-left: 11%;
}





.img1 {
  
  height: 145px;
  animation: scroll 60s linear infinite;
}

.slide-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}

.slider {
	border-radius: 15px;
  margin-top: -70px;
position: relative;
  background-color: #02a1e3;
  background-image: url(img/clientbg.png);
  background-size: 100%;
}

@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}

.card{
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.07);
	border:none !important;
	margin-top: 30px;
	z-index:99999999999;
}


.line-1 {
 height: 2px;
background: #00a0e3;
margin-left: 10%;
width: 90px;
margin-top: 37px;
}

.line-2 {
  border-top: 2px solid black;
margin-left: 70%;
width: 22px;
margin-top: -2px;
}

.card-body {
	margin-bottom: 0px;min-height: 150px;
}

.fixedi{
    text-align: left;
top: 23%;
position: absolute;
left: -2%;
}

.fixedi img{
    height: 80px;
}
.fixedi2 img{
    height: 80px;
}
.fixedi2 {
text-align: left;
bottom: -5%;
position: absolute;
right: -3%;
}

  

.services{
	padding-top: 70px;
	padding-bottom: 70px;
}
.card-title{
	text-align: left;
	font-size: 15px;
font-weight: bold;
margin-top: 10px;
}
.card-text{
	text-align: left;
	color: #7c8690;
}



.bu1{
	
border: none;

background-color: black;
font-size: 13px;
margin-left: -70px;
margin-top: 12px;
padding: 5px;
  position: absolute;
padding-left: 7px;
padding-right: 7px;
font-size: 13px;
padding: 5px 12px;
background: #1b1a18;
}
.presence{
	background-image: url(img/pre.png);
}
.presence h1{
	text-align: center;
	padding-bottom: 40px;
	color: white;
	padding-top: 40px;
	font-size: 40px;
	font-weight: 700;
font-family: 'Titillium Web', sans-serif;
}
.pre{
	text-align: center;
	padding-bottom: 40px;
}
.presence p{
color: white;

font-size: 17px;
text-transform: uppercase;

}
.presence h4{
color: white;
margin-top: 20px;
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
}
.test{
	padding: 100px 0 0;
	background-image: url('images/testi.jpg');
	background-size: 100% 100%;
}
.abv1{
	text-transform: uppercase;
	color: #02a1e3;
	margin-left: 26px;
	font-weight: 613;
}
.ab3{
	margin-top: 4%;
}
.endf p a{
	color: #fff;
}
.endf1 li a{
	color: #7a8895;
}
.copy1 a{
	color: #7a8895;
}
.services .card{

}
.ab3{

  font-family: sans-serif;
 
  color: #fff;
 
  font-size: 15px;
 
  position: relative;
}
.ab3:before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background: #000;
 
  top: 65%;
  position: absolute;
   border-radius: 50%;
}


.avat{
	margin-left: -20px;

}

#client-testimonial-carousel {min-height: 200px;}
.am{
	text-align: left;
	
}

.pb-5 {
  padding-bottom: 6rem !important;
}
.avat1{
/*	margin-left: 12px;*/
margin-top: 20px;
}
.carousel-control-prev {
  left: 70% !important;
}
.carousel-control-next {
  right: 3% !important;
}

.carousel-control-next, .carousel-control-prev{
	top: 85% !important;
}
.ta{
	padding-left: 0px;
	padding-right: 0px;
	flex: 0 0 4.333333%;
max-width: 15.333333%;
}
.carousel-control-next-icon {
  background-image: url("images/next.png") !important;
}
.carousel-control-prev-icon {
  background-image: url("images/prev.png") !important;
}
.poab{
	position: absolute;
height: 90px;
width: 90px;
left: 60%;
top: 19%;
}
.ptptpt{
	padding-top: 20px;
}
.poab2{
position: absolute;
height: 60px;
width: 60px;
left: -5%;
top: 60%;
}.avat {
  margin-left: -20px;
  z-index: 9999999999 !important;
  position: relative;
}
#client-testimonial-carousel{
	padding: 30px 40px !important;
	background-color: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
border-radius: 15px;
}
.testi{
	margin-bottom: 20px;
font-weight: 700;
	font-size: 40px;
	font-family: 'Titillium Web', sans-serif;
}
.que{
	margin-top: 50px;
	margin-top: -64px;
margin-left: 78px;
position: absolute;
}
.footer{
	padding-top: 0px;
	padding-top: 100px;
	margin-bottom: -75px;
position: relative;
	
}
.footer1{
	margin-left: 60px;
	margin-right: 60px;
background-image: url(img/footer.png);
background-repeat: no-repeat;
background-size: 100%;
border-radius: 10px;
border: 1px solid #a2a2a2;
padding-top: 20px;
padding-bottom: 10px;
color: white;

}
.dddd{
		font-weight: 700;
		font-size: 40px;
		font-family: 'Titillium Web', sans-serif;
	}

.footer3{
	margin-left: 100px;
	  font-size: 35px;
	  

	
	font-family: 'Titillium Web', sans-serif;
}
.but{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 40px;
border: none;
margin-left: -25px;

background-color: white;
font-size: 12px;
text-transform: uppercase;
}
li{
	list-style: none;
}
.endf{
	background-color: black;
padding-bottom: 28px;
padding-top: 120px;
}
.endf1{
	
}
.endff{
	color: white;
	margin-top: 20px;
}
.endf p{
	color: white;
	font-family: 'Rubik', sans-serif;
}
.endf1 h3{
	text-transform: uppercase;
	color: white;
	margin-left: 25px;
	font-size: 13px;
	margin-bottom: 18px;
	font-family: 'Rubik', sans-serif;
	font-weight: bold;
}
.endf1 li{
	color:#7a8895;
	line-height: 35px;
	list-style: disc;
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.so{
	border: 1px solid #545454;
	border-radius: 10px;
	padding-top: 50px;
	text-align: center;
	margin-bottom: 22px;
}
.soc{
	margin-top: 30px;
}
.so h4{
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'Rubik', sans-serif;
}
.socc{
	margin-right: 10px;
	height: 25px;
}
.right{
	color: white;
}
.news{
	margin-top: 40px;
}
.copy{
	background-image: -webkit-linear-gradient(36deg, #02a1e3 43%, #000 35%);
	padding-top: 20px;
	
	color: white;
}
.copy p{
	font-size: 14px;
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
}
.copy1{
	color: #788895;
	font-family: 'Rubik', sans-serif;
	text-align: right;
}
.ne{
	border-radius: 5px;
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
}
.butt{
	border: none;
	padding: 10px;
	margin-left: -10px;
	background-color: #02a1e3;
	border-radius: 5px;
padding-left: 13px;
padding-right: 13px;
}
.svgg{
	height: 50px;
width: 500px;
}

.svv{
	display: none;
}
@media screen and (max-width: 767px) {
    .fixedi{
        display:none;
    }
    
	.navbar{
		padding-left: 20px !important;
		padding: 0 !important;
	}
	.slider {
		margin-top: 0px !important;
	}
	.card{
		margin-left: 50px;
	}
	.endf1 {
  margin-top: 40px;
}
.so {
	padding-bottom: 50px;
padding-left: 17px;
margin-left: 20px;
margin-right: 20px;
}
.ab1::before {
	margin-left: 70px;
}
.copy {
	background-color: #000 !important;
	background-image: none;
}
.ta{
	padding-left: 0px;
	padding-right: 0px;
	flex: 0 0 4.333333%;
max-width: 12.333333%;
}
.avat1{
	margin-left: 0px;
margin-top: 0;
}
.footer3 {
 margin-left: 34px;
font-size: 12px;

  
}
.footer1 {
  margin-left: 0px;
  margin-right: 0px;
 padding-top: 6px;
 padding-bottom: 0;
  
  border: 1px solid #a2a2a2;
  
  
}
.but {
margin-top: 0px;
}
.va{
	display: none;
}
.footer{
	margin-bottom: -29px;
}
.endf{
	padding-top: 75px;
}
.svgg{
	height: 50px;
width: 300px;
}
.svvv{
	display: none;
}
.svv{
	display: block;
}
.dot{
	margin-left: 13px;
}
.about1 {
  height: 19%;
  }
  .avat {
  height: 100%;
  margin-top: 0px;
}
 ul {
 
  padding-left: 0;
}

.endf1 h3 {
	margin-left: 0px;
}

blockquote {
  margin: 17px 20px 1rem;
    

}
.line-1 {
	margin-top: 14px;
	margin-left: -10%x;
}
.but {
	margin-left: 0;
}
.line-2 {
	margin-left: -4px;
}
}

.f{
	height: 47px;
}






@media screen and (min-width:980px){
	.vai{
	margin-top: -2%;
}
}




/*start in about us page*/
.vai{
	background-image: url(Images/banner.jpg);
	background-size: 100% 100%;
}
.vai h1{
	text-align: center;
	margin-top: 70px;background: rgba(255, 255, 255, 0.3);
padding: 10px 0;
	margin-bottom: 50px;
	font-family: 'Titillium Web', sans-serif;
}
.pt-100{
	padding-top: 100px;
	padding-bottom: 50px;
}
.vvv{
	font-family: 'Titillium Web', sans-serif;color: #01a0e2;
	font-weight: 700;
	margin-bottom: 20px;

}
.us{
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	line-height: 26.5px;

}
.uss{
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	line-height: 26.5px;
	margin-top: 50px;
	}
.ab{
	
	width: 100%;
}
.abb1{
	
}

.text-left{
	text-align: left;
}
@media screen and (max-width: 767px) {
	.vvv {
		font-size: 39px;
	}
.abb1{
	width: 100%;	
}
.map{
	margin-top: 30px;
}
}

@media screen and (min-width:1200px){
	.wh{
		padding-left: 40px !important;
	}
}



.clientsimg{
	border: 1px solid #bfbfbf42;
border-radius: 10px;
padding: 5px 10px;
}
.test p{
padding: 10px 20px;
background: #000;
color: #fff;
border-radius: 5px;
text-align: center;
font-size: 16px;
}

/*...//////////start contact us*/
.contact{
	padding-top: 100px;
}
.contact1{
	padding-top: 50px;
}
input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0 !important;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
input[type=submit] {
  
  background-color: #01a0e2;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
}

input[type=submit]:hover {
  background-color: #fff;
  color: #01a0e2;
  border: 1px solid #01a0e2;
}

.buttonexploremore{
	margin-left: -10px;
background-color: #02a1e3;
border-radius: 5px;
border: none;
padding: 3px 10px;
font-size: 14px;
cursor: pointer;
margin-top: 10px;
}

textarea{
	width: 100%;
}
.con{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;color: #01a0e2;
}
.conn{
	text-align: center;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.address{
	margin-top: 14px;
}
hr.new1 {
  border-top: 1px solid #00a0e3;

}
hr{
margin-top: 4rem !important;
}


.mobile-screen-footer {
     margin top: 50px;
  float: left;
  display: none;
  width: 100%;
  position: fixed;
  z-index: 9999999999 !important;
  bottom: 0px;
  background: #00a0e3;
  border-radius: 30px 30px 0px 0px;border: 1px solid white;
  border-bottom-color: white;
  border-bottom-style: solid;
  border-bottom-width: 1px;
border-bottom: none;
}.mobile-footer-block {
  width: 20%;
  float: left;
  text-align: center;
}.mobile-footer-box a {
  width: 100%;
  text-decoration: none;
  padding: 10px 0px;
    padding-bottom: 10px;
  float: left;
  padding-bottom: 5px;
}.mobile-footer-box a img {
  width: 25px;
  margin: 0px auto;
}.mobile-footer-box a h5 {
  font-size: 10px;
  margin: 5px 0px 0px 0px;
  color: #fff;
  line-height: 15px;
  letter-spacing: 0px;
  text-transform: uppercase;
  font-weight: normal;
 
}


/*product start*/
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 300px;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.product{
	width: 100%;
}
.produ{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
}
.produ1{
	font-size: 15px;

}
.soda{
	border-width: 1px 0 0 !important;
border-style: solid ;
position: relative;
color: #747474;
font-size: 20px;
}
.nav-pills .nav-link {
	border-radius: .0rem !important;
}
.nav-pills .nav-link.active{
	background-color: #00a0e3 !important ;
}
.ser{
margin-bottom: 19px;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
color: #01a0e2;
font-size: 38px;
}
.servi{
font-family: 'Rubik', sans-serif;
font-size: 15px;
line-height: 26.5px;
}
.imims{
	height: 25px;
margin-top: 5px;
}
.seee{
	width: 100%;
}

.che{
	background-color: none;
}
.ptpb0{
	padding:0 !important;
}
#form input[type="email"], select {
  width: 100%;
  padding: 12px 20px;
  margin: 0px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;

}
#desctophide{
	display: none !important;
}
@media screen and (min-width:1000px){
	.no-rightpadding
{
	padding-right:0 !important;padding-bottom: 10px;
}
.no-rightpadding img{
margin-top: -5px;	padding-bottom: 5px;
}
}
#form input[type="text"], select{
	 margin: 0px 0;
}.btn-success {
  color: #fff;
  background-color: #01a0e2 !important;
  border-color: #01a0e2 !important;
}
.btn-success:hover {
  color: #fff;
  background-color: #01628a !important;
  border-color: #01628a !important;
}
.modal-body{
	padding-top: 40px !important;
	padding-bottom: 0 !important;
}
.modal-title{
	color: #fff;
}
.modal-header{
	background: #01a0e2;
}
.border-bottom-0{
	padding-top: 10px !important;
}
.modal{
	z-index: 999999999999999999999 !important;
}
.close{
	color: #fff !important;
}
.close:focus, .close:hover {
  color: #fff;
}

.carousel-indicators li{
	width: 46px !important;
	height: 5px !important;
	border-radius: 22px;
	float: right;

}
.carousel-indicators .active {
  background-color: #02a1e3 !important;width: 65px !important;
}
.pb-2020{
	margin-bottom: 30px;
}

/*Responsive Css*/
@media screen and (max-width:1199px){
    .ab5::before {
     margin-left: 42%;   
    }
	#client-testimonial-carousel {
  padding: 30px 20px !important;
}
.c{
	margin-left: 143px;
}
.testi{
	font-size: 36px;
}
	.mainmenu{
	margin-left: 22px;
}.carousel-control-next, .carousel-control-prev {
  top: 89% !important;
}
.footer1{
	background-size: 100% 100%;padding-top: 10px;
padding-bottom: 0px;
}
.abbb {
  font-size: 30px;
  }
.carousel-caption{
	width: 50%;
}
.navbar-nav li {
  margin-right: 0;
}
.top{
	background-image: -webkit-linear-gradient(19deg, #01a0e2 60%, #000 35%);
}
.logo1 {
  height: 54px;
  margin-top: 20px;
}

  .car{
  	margin-bottom: 0;
  }.carousel-caption h1 {
  font-size: 38px;
 
}
.car{
	height: 351px;
}
.carousel-caption{
	margin-bottom: 3%;
}
.ab1::before{
	margin-left: 39%;
}

}

@media screen and (max-width:1100px){
	.slider{
		margin-top: 50px;
	}
}


@media screen and (max-width:991px){

	.no-l-p{
  padding-left: 0 !important;
	}
.card-body {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.card-title{
	font-size: 14px;
}
#desctopshow{
	display: none !important;
}
#desctophide{
	display: block !important;
}
.test {
  padding: 30px 0;
}
.carousel-control-next, .carousel-control-prev {
  top: 79% !important;
}
.footer{
	padding-top: 30px;
}
	.wh {
  margin-top: 0px;background-size: cover;
}
	.footer3 {
  margin-left: 18%;font-size: 28px;
}
.but{
	margin-top: 31px;
}
.footer1{
	background-size: cover;
}
.carousel-caption {
  margin-bottom: 3%;
}
.ab1::before{
	margin-left: 35%;
}
.menu-area {
  background-color: #02a1e3 !important ;
  background-image: none !important;
}
.mainmenu{
	margin-top: -22px;padding-top: 20px !important;
}
.car{
	height: 300px;
}
.top{
	display: none;
}
.naa{
	display: none;
}	.navbar-toggler {
  margin-left: 90% !important;
  margin-top: -131px  !important;
}.menu-area {
  background:none;
  background-image: none !important;
}
.logo {
  padding-top: 30px;
  padding-bottom: 18PX;
}
.logo1 {
  margin-top: -14px;
  margin-bottom: 25px;
}.mainmenu .collapse ul > li:hover > a {
  color: #e9f9ff;
  transition: 0.5s ease;
}
.serch{
display: none;
}
.c, .c1{
	display: none !important;
}
.d-noness{
	display: none !important;
}
.copy {
  background-image: -webkit-linear-gradient(36deg, #02a1e3 53%, #000 35%);
}
.endf1 {
  margin-top: 20px;
}
.endf1 h3 {
  margin-left: 0;
  }
  .endf1 ul{
  	padding-left: 10px;
  }
  .so {
  padding-top: 30px;
  padding-bottom: 30px;
}
.mobile-screen-footer{
	display: block;
}.contact {
  padding-top: 60px;
}
.product {
  margin-top: 30px;margin-bottom: 30px;
}	.clientsimg{
		margin-bottom: 20px;
	}
	.ab5::before {
	margin-left: 40%;
}
}

@media screen and (max-width:820px){

    .ab5::before {
        margin-left: 40%
    }
	.carousel-caption {
  width: 60%;
}
.carousel-caption{
	bottom: 0 !important;
}
carousel-caption {
  padding-top: 5% !important;
}
}


@media screen and (max-width:767px){
    .slii {
        left: 12px !important;;
    }
    .ab5::before {
        margin-left: 36% !important;
    }

		.slider{
		margin-top: 50px !important;
	}
	.img1 {
  height: 90px;
}
.wh{
	padding-bottom: 40px;
}
	.footer3 {
  font-size: 20px;
}.but {
  margin-top: 16px;float: right;
margin-right: 40px;
}
	.wh{
		  margin-top: 0;
	}.services {

  padding-bottom: 40px;
}
.vision1{
	margin-bottom: 20px;
}.about {
  padding-bottom: 50px;
}
.ab1::before {
  margin-left: 29%;
}
.carousel-caption h1 {
  font-size: 26px;
}
.car {
  height: 250px;
}
.head {
  margin-bottom: 0px !important;
}.logo1 {
  margin-top: -14px;
  margin-bottom: 0px;
}.navbar-toggler {
  margin-top: -85px !important;
}.card {
  margin-left: 0;margin-bottom: 30px !important;
}.about1 {
  height: auto;
  margin-bottom: 0;
  padding-bottom: 0 !important;
  width: 13%;
}.pt-100 {
  padding-top: 50px;
  padding-bottom: 50px;
}
}

@media screen and (max-width:660px){
    .ab5::before {
        margin-left: 33% !important;
    }
.con{
	font-size: 28px;
}.contact2 {
  padding-top: 35px;
}
	.pnpn{
		padding-top: 37px;
	}
	.ser{
		font-size: 26px ;
	}
	.footer3 {
  margin-left: 24%;font-size: 16px;
}
.but {
  margin-top: 12px;margin-right: 20px;
  }

	.navbar-toggler {
  margin-left: 83% !important;

}.carousel-caption h1 {
  font-size: 20px;
}
.endf ul{
	padding-left: 10px;
}
.car {
  height: 180px;
}
.carousel-caption {
  left: 5% !important;
  padding-left: 20px;
}
.carousel-indicators li {
  width: 34px !important;
  height: 2px !important;
}
.carousel-indicators .active {
  width: 45px !important;
}
.carousel-caption{
	padding-top: 14px;
}.ab1::before {
  margin-left: 27%;
}.about {
  padding-top: 40px;
  padding-bottom: 20px;
}.abbb {
  font-size: 28px;
}.abo {
  padding-bottom: 0px;
}
.abu{
	padding-bottom: 20px;
}.about1 {
  height: auto;
  margin-bottom: 0;
  padding-bottom: 0 !important;
  width: 13%;
}
.vision1{
	margin-bottom: 20px;
}
.wh {
  margin-top: 0;background-size: 100% 100%;
  }.dot {
  margin-left: 1%;
}.services {
  padding-top: 50px;
  padding-bottom: 50px;
}
.dddd{
	 font-size: 28px;
}
#linenone{
	display: none;
}.test {
  padding: 30px 0 0;
}
.carousel-control-next, .carousel-control-prev {
  top: 85% !important;
}
	#client-testimonial-carousel {
  padding: 0px 0px !important;
}.am {
  text-align: center;
}
.about {
  padding-bottom: 5px;
}
.abv{
	margin-top: 30px;
}
.slider {
  margin-top: 42px !important;
}
.services {
  padding-bottom: 30px;
}
.presence h1{
	padding-top: 30px;padding-bottom: 9px;font-size: 28px;
}
.pre {
  text-align: center;
  padding-bottom: 25px;
}
.copy{
	background-image: none;padding-top: 0;
}
.so{
	margin-bottom: 10px;
}
.copy p{
	text-align: center;
}
.pt-100 {
  padding-top: 30px;padding-bottom: 30px;
}.vvv {
  font-size: 30px;
}
#dnone{
	display: none;
}
.uss{
	margin-top: 0;
}
.conn{
	margin-bottom: 16px;
}hr {
  margin-top: 1rem !important;
  margin-bottom: 0rem !important;
}.contact1 {
  padding-top: 40px;
}
.vai h1{
	margin-top: 26px;
margin-bottom: 26px;font-size: 26px;
}
.poab2{
	left: 20%;
}
}

@media screen and (max-width:430px){
   

.card-body {
  margin-bottom: 0px;
}
.bu1{
	margin-top: 4px;
}.presence h4 {
  margin-top: 5px;
  font-size: 16px;
}
	.navbar-toggler {
  margin-left: 80% !important; margin-top: -59px !important;

}
.ab1::before {
  margin-left: 23%;
}
  .ab5::before {
    margin-left: 32%;
}

.bu {
  position: absolute;
  padding: 3px 16px !important;
  font-size: 12px !important;
}
.carousel-caption h1{
	margin-bottom: 4%;
}.car {
  height: 150px;
}.carousel-caption h1 {
  font-size: 16px;
}
.slii{
	left: 18px;
font-size: 12px;
}
.head {
  margin-bottom: 10px !important;
}
.logo {
  padding-top: 30px;
  padding-bottom: 2PX;
}
}

@media screen and (max-width:390px){
    .ab5::before {
        margin-left: 25% !important;
    }
.car {
  height: 140px;
}
.navbar-toggler {
  margin-left: 80% !important;
  margin-top: -55px !important;
}
.bu {
  position: absolute;
  padding: 0px 16px !important;
  font-size: 12px !important;
}.ab1::before {
  margin-left: 21%;
}
}
.carousel-caption {
    padding-top: 50px !important;
}
@media screen and (max-width:430px){
    .carousel-caption {
    padding-top: 7px !important;
}
}
@media screen and (max-width:500px){
	.mt20px img{
		height:40px;
		margin-bottom: 10px;margin-top: 5px;
	}
	.mt20px .col-2{
		padding-right:0px
	}
	.copy{padding-bottom: 70px;
	}
	.copy p{
		padding-bottom: 10px;
		margin-bottom:0
	}
}

@media screen and (max-width:1000px){
	.fixedi2{
		display:none;
	}
}
@media screen and (max-width:500px){
	.ab1::before {
  margin-left: 25%;
}
}
@media screen and (max-width:450px){
	.ab1::before {
  margin-left: 22%;
}
}
@media screen and (max-width:394px){
	.ab1::before {
  margin-left: 20%;
}
}
@media screen and (max-width:360px){
	.ab1::before {
  margin-left: 17%;
}
	.footer3 {
  margin-left: 27%;
  font-size: 14px;
}.but {
  margin-right: 10px;
}
}
@media screen and (max-width:346px){
	.ab1::before {
  margin-left: 14%;
}
}