*{
	box-sizing: border-box;
}

body{
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	font-size: 16px;
	font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

a{
	text-decoration: none;
}
p{
	font-size: 17px;
	color: #464646;
	line-height: 2;
}
button{
	padding: 5px 10px;
	font-size: 18px;
	border-radius: 5px;
	border: 1px #ffffff solid;
	color: white;
	background:none ;
	cursor: pointer;
}
button.button_1{
  height: 38px;
  width: 130px;
	border: 1px white solid;
  margin: 0;
  color: white;
  font-weight: bold;
	text-align: center;
	border-radius: 20px;
}
a img:hover{
	opacity: .5;
	transition: .6;
}
button.button_1:hover{
	background:  #032565;
	color: white;
}

/*Top Header */
.nav-list {
	margin-top: 6px;
  }

 .navigation {
     height: 88px;
	 margin-top: 0px;
	 padding: 10px 48px;
	 background:#fff;
	 z-index: 500000000;
  	position: relative;
}
 .brand {
	width: 23%;
     position: absolute;
     padding-left: 20px;
     float: left;
     margin-top: -15px;
	 z-index: 200;
}
.brand img{
	width: 100%;
	float: left;
	padding: 10px;
}

 .brand a, .brand a:visited {
     color: #ffffff;
     text-decoration: none;
}
 .nav-container {
     max-width: 100%;
     margin: 0 auto;
}nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
nav ul li {
	float: left;
	position: relative;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 5px 3px;
}
nav ul li a,nav ul li a:visited,nav ul li h5 {
	display: block;
	padding: 18px 10px;
	font-size: 16px;
	line-height: 5px;
	font-weight: 400;
	margin: 0px;
	color: #032565;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
nav ul li a{
	background: transparent;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

header nav ul span a{
	color: #fff;
	background: #001d69;
	border: 2px #001d69 solid;
	padding: 6px 20px;
	margin-top: 4px;
	border-radius: 21px;
	font-size: 23px;
	line-height: 9px;
	font-weight: 400;
	float: right;
}
header nav ul span a:hover{
	background: none;
	color: #001d69;
	border: 2px #001d69 solid;
}
header nav ul li a.active{
	border-bottom: 3px #032565 solid;
}

nav ul li a:hover, nav ul li a:visited:hover,nav ul li h5:hover {
   color: #00aae8;
   cursor: pointer;
   border-bottom: 3px #00aae8 solid;
   -webkit-transform: translateX(5px);
   -moz-transform: translateX(5px);
   -ms-transform: translateX(5px);
   -o-transform: translateX(5px);
   transform: translateX(5px);
}

/* Mobile navigation */
.nav-mobile {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background: transparent;
	height: 55px;
	width: 70px;
}
#navbar-toggle {
	position: absolute;
	left: 18px;
	top: 15px;
	cursor: pointer;
	padding: 10px 35px 16px 0px;
}
#navbar-toggle .active{
   background: #fff;
}
#navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 3px;
	width: 30px;
	background: #001d69;
	position: absolute;
	display: block;
	content: '';
	transition: all 300ms ease-in-out;
}
#navbar-toggle span:before {
	top: -10px;
}
#navbar-toggle span:after {
	bottom: -10px;
}
#navbar-toggle.active span {
	background-color: transparent;
}
#navbar-toggle.active span:before, #navbar-toggle.active span:after {
	top: 0;
}
#navbar-toggle.active span:before {
	transform: rotate(45deg);
}
#navbar-toggle.active span:after {
	transform: rotate(-45deg);
}
#navbar-toggle.active{
	background: none;
}
header .head{
   background: #000054;
}

nav ul li a.current{
   border-bottom: 3px #000 solid;
   color: #000;
 }

  	/*Sticky */
	.sticky{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #000054;
	z-index: 250;
	box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
	border-bottom: 1px #9d9d9d solid;
	}
/*

/* start home */


/*FlexSlider */
#FlexSlider {
	margin: 0;
	padding: 0;
	top: 0;
  }
  .slider1 {
	float: left;
	width: 100%;
	position: relative;
	z-index: 5000;
  }
  .slider1:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.7;
	z-index: -10;
  }
  .slider1 .flex-caption {
	width: 100%;
	float: left;
	margin-top: -25%;
	padding: 0 100px;
	text-align: center;
  }
  .slider1 .flex-caption h2 {
	color: #fff;
	font-size: 45px;
	font-weight: 700;
	margin: 0 0 20px;
	line-height: 1;
	text-transform: capitalize;
  }
  .slider1 .flex-caption h3 {
	color: #f3f3f3f3;
	font-size: 30px;
	font-weight: 600;
	margin: 0;
  }
 
  .slider1 .flex-caption button{
	background: none;
	border: none;
	margin-top: 20px;
  }

  .slider1 .flex-caption button a{
	font-size: 20px;
	font-weight: 500;
	background: #001d69;
	color: #fff;
	border-radius: 30px;
	padding: 10px 20px;
	border: 1px #fff solid;
  }
  .slider1 .flex-caption button a:hover,
  .slider1 .flex-caption button:hover {
	background: none;
	color: #fff;
  }


#demo {
margin-top: -50px;
float: left;
width: 100%;
}
.indicator{
	position: relative;
	width: 30px;
	height: 30px;
	transform: rotate(45deg);
	z-index: 50;
	left: 50%;
}
.indicator span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	border: none;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	animation: animate 1s linear infinite;
}
.indicator span:nth-child(1){
	top: -30px;
	left: -30px;
	animation-delay: 0s;
}
.indicator span:nth-child(2){
	top: -15px;
	left: -15px;
	animation-delay: 0.2s;
}
.indicator span:nth-child(3){
	top: 0px;
	left: 0px;
	animation-delay: 0.4s;
}
 @keyframes animate {
 	0%{
		border-color: #ffffff;
		transform: translate(0,0);
	}
	100%{
		border-color: #fff;
		transform: translate(15px,15px);
	}
 }
 /*HEad Title*/
 #head-tit{
	width: 100%;
	float: left;
	padding: 60px 100px;
 }
 #head-tit .head-timg{
	width: 50%;
	float: left;
 }
 #head-tit .head-timg img{
	width: 100%;
	border-radius: 30px;
 }
 .head-ti{
	width: 50%;
	float: left;
	padding: 0px 30px;
	text-align: center;
 }
 .head-ti h1{
	font-size: 35px;
	font-weight: 700;
 }
 .head-ti h2{
	font-size: 20px;
	font-weight: 500;
 }
 .head-ti p{
	text-align: left;
 }
 .head-ti .link{
	display: inline-flex;
	position: relative;
	margin: 10px;
 }
 .head-ti .link a{
	background: #001d69;
	border: 2px #001d69 solid;
	color: #fff;
	border-radius: 10px;
	padding: 5px 10px;
	font-size: 20px;
 }
 .head-ti .link a:hover{
	color: #001d69;
	background: #fff;
 }

 #aboutus{
	width: 100%;
	float: left;
	padding: 50px 100px;
 }
 #aboutus .abus-container{
	text-align: center;
	margin-top: 80px;
 }
 #aboutus .abus-all{
	text-align: left;
	width: 100%;
 }
 #aboutus .abus-all h2, #aboutus .abus-content h2{
	font-size: 40px;
	margin: 0;
 }
 .abus-content-2{
	width: 100%;
	float: left;
	margin-top: 30px;
	background: #eaeaea;
 }

 #aboutus .abus-content-2 .abus-content{
	width: 30%;
	text-align: left;
	display: inline-grid;
	margin: 10px;
 }
 #aboutus .abus-content ul{
	padding: 0;
	margin-top: -20px;
 }
 #aboutus .abus-content ul li{
	font-size: 17px;
	color: #464646;
	line-height: 2;
 }
 .abus-all-content-img{
	width: 45%;
	float: left;
	margin-top: 40px;
 }
 .abus-all-content-img img{
	width: 100%;
 }
 .abus-all-content{
	width: 54%;
	padding: 20px;
	float: right;
 }
 
/*==================
 REQUEST  Start
====================*/
.fixed_request {
	padding: 5px;
   bottom: 0;
	float: left;
	position:fixed;
	z-index: 250;
	top:50%;
}
.fixed_request a{
	background: green;
	color: white;
	border-radius: 99%;
  padding: 10px;
  text-align: center;
  font-size: 25px;
  width: 53px;
  position: relative;
  display: block;
  left: 36px;
}
.fixed_request a:hover{
color: green;
background: white;
}
.fixed_request p{
	font-size: 12px;
	background: #fff;
	padding: 5px 10px;
	border-radius: 20px;
}
/*==================
 REQUEST  END
====================*/
/*==================
 breadcrumb start
====================*/

#mu-page-breadcrumb {
		margin: 0;
		padding: 0;
		float: left;
		width: 100%;
		margin-top:  0%;
}
#mu-page-breadcrumb .mu-page-breadcrumb-area{
	background-image: url("../images/slider/CCTV-Camera-Maintenance-1.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	padding: 40px 0;
	color: white;
	text-align: center;
	display: inline-block;
	width: 100%;
	height: 350px;
	background-attachment: fixed;
	position: relative;
	z-index: 10;
	}
	#mu-page-breadcrumb .mu-page-breadcrumb-area:after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background:#000;
		opacity: .6;
		z-index: -200;
		}
.mu-page-breadcrumb-area h1{
  color: #fff;
	font-size: 40px;
	font-weight: 300px;
	margin-top: 150px;
	text-transform: uppercase;
  text-align: center;
}

.mu-page-breadcrumb-area li {
  display: inline-block;
  color: rgb(255, 255, 255);
  margin-left: 20px;
}
.mu-page-breadcrumb-area li a {
  color: #fff;
  font-size: 20px;
}

.mu-page-breadcrumb-area li a:hover{
  text-decoration: underline;
}
.mu-page-breadcrumb-area img{
	width: 5%;
	margin-top: 50px;
}
@media(max-width: 425px){
#mu-page-breadcrumb {
  margin-top: 20%;
  background-size: cover;
  }
  .mu-page-breadcrumb-area li {
    display: block;
  }
  }


/*==================
 breadcrumb  END
====================*/

/*about */
#about{
  margin-top: 50px;
  margin-bottom: 100px;
  padding: 20px 0px;
  margin: 0;
background: #001d69;
	float: left;
	width: 100%;
}
    #about img{
      width: 40%;
      float: left;
      padding: 0px;
			margin-top: 50px;
}
	#about h2{
		color: #000;
		font-size: 43px;
		line-height: 1;
		font-weight: 700;
		text-transform: uppercase;
		text-align: left;
	}

	#about .full-content{
		width:60%;
		background: #fff;
		float: left;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 70px 30px;
		box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
	}


	#about  .content2{
		margin-top: 50px;
		float: left;
	}
	#about  .content2 h3{
		font-size: 30px;
		text-align: center;
	}
	#about ul li h3{
		font-size: 30px;
		color: #001d69;
	}

  #about  p,#about  .content2 p{
    font-size: 16px;
    line-height: 2;
    }
	#about  .about-links{
		width: 45%;
		display: inline-grid;
	}
    #about  .about-links a{
      font-weight: bold;
			line-height: 2;
			background: #000054;
			padding: 10px 30px;
			font-size: 18px;
			text-align: center;
			color: #fff;
			border-radius: 20px;
    }

    #about .about-links a:hover{
      color: #000054;
			background: #fff;
			border: 1px #000054 solid;
    }

#ourworks{
	float: left;
	width: 100%
}


#testimonail-area .active, .accordion:hover {
	background: none;
    color: white;
	}

 .testimonials{
	 float: left;
	 width: 100%;
 }

 .testimonials h3{
	font-size: 40px;
	text-align: center;
	font-weight: 400;
	margin-bottom: -5px;
}

.owl-carousel  .shadow-effect {
		    background: #fff;
		    padding:20px;
		    border-radius: 4px;
		    text-align: center;
				border:1px solid #ECECEC;
				border-bottom: 8px #001d69 solid;
		    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
		}
			#customers-testimonials .shadow-effect span{
			 font-size: 13px;
			 color: #000;
			}

				#customers-testimonials .shadow-effect h4{
					font-size: 18px;
					color: #001d69;
				}

		#customers-testimonials .item {
		    text-align: center;
		    padding: 20px;
				margin-bottom:20px;
		    opacity: .2;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    -webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		}
		#customers-testimonials .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);
		}


		#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
		    background: #001d69;
		    transform: translate3d(0px, -50%, 0px) scale(0.7);
		}
#customers-testimonials.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
		#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
		    background: #001d69;
		    display: inline-block;
		    height: 20px;
		    margin: 0 2px 5px;
		    transform: translate3d(0px, -50%, 0px) scale(0.3);
		    transform-origin: 50% 50% 0;
		    transition: all 250ms ease-out 0s;
		    width: 20px;
		}
/*Home Services*/
#service{
	width: 100%;
	margin: 0;
	padding: 70px;
	float: left;
	background: #eee;
}

/*home_page*/
.home_page1{
	padding: 40px;
	margin-top: -20px;
	margin-bottom: 0px;
	color: #001d69;
	text-align: center;
}

.home_page1 h2{
font-size: 35px;
}
.home_page1 p{
font-size: 17px;
}


.home-service{
	width: 32%;
	display: inline-grid;
	background: #fff;
	padding: 10px;
	margin: 5px;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.home-service:hover{
-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
		box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}

.services .grid-item1 {
	display: block;
	float: right;
  width: 100%;
  padding: 10px;
  margin-top: 0px;
  margin-left: 10px;
}

.services .grid-item1  h3{
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
}

.services .grid-item1 p{
	font-size: 17px;
	line-height: 1.5;
}

.home-service img {
  	width: 100%;
	height: 200px;
		float: left;
		margin-left: 0px;
		margin-top: 0px;
		padding: 0px;
}
.service-link{
	width: 100%;
	float: left;
	text-align: center;
}
.service-link a{
	font-size: 20px;
	background-color: #001d69;
	color: #fff;
	border-radius: 25px;
	padding: 10px 30px;
}

.service-link a:hover{
	background: none;
	color: #001d69;
	border: 2px #001d69 solid;
}

/*Our Services*/
#our-services{
	width: 100%;
	float: left;
	padding: 50px 0px;
}
#our-services .our-service-details{
	margin-top: 60px;
}
#our-services .our-service-details .osd-img{
	width: 45%;
	float: left;
}
#our-services .our-service-details .osd-img img{
	width: 100%;
}
#our-services .our-service-details .osd-content{
	width: 54%;
	float: right;
	padding: 50px;
	margin-top: -50px;
}
#our-services .our-service-details .osd-content ul li{
	line-height: 2;
}
#our-services .our-service-details .osd-content ul li span{
	font-weight: 600;
}
/*Second*/

#our-services .our-service-details2{
	margin-top: 80px;
	margin-bottom: 80px;
	width: 100%;
	padding: 20px 0px;
	float: left;
	background: #eee;
}
#our-services .our-service-details2 .osd-img{
	width: 45%;
	float: right;
	margin-top: 50px;
}
#our-services .our-service-details2 .osd-img img{
	width: 100%;
}
#our-services .our-service-details2 .osd-content{
	width: 54%;
	float: left;
	padding: 50px;
}
#our-services .our-service-details2 .osd-content ul li{
	line-height: 2;
}
#our-services .our-service-details2 .osd-content ul li span{
	font-weight: 600;
}

#product-page{
	width: 100%;
	float: left;
	padding: 50px;
}
 .home-grid-serv{
	width: 100%;
	float: left;
	margin-top: 100px;
	text-align: center;
}

.home-grid-serv .hgs{
	width: 23%;
	display: inline-grid;
	float: left;
	left: 0%;
	position: relative;
	margin: 10px;
	background: #fff;
}
.home-grid-serv .hgs img{
	width: 100%;
	height: 200px;
}
   /*Home Contact Link*/
   #home-contact{
	margin: 0;
	padding: 50px;
	left: 0;
	bottom: 0;
	top: 0;
	float: left;
	width: 100%;
}

.homecontact .address{
	width: 40%;
	float: left;
	margin-top: 80px;
	background: #001d69;
	padding: 20px;
	text-align: center;
}
.homecontact .address h2{
	font-size: 30px;
	color: #fff;
	margin: 0;
}
.homecontact .address p{
	color: #00aae8;
	font-size: 20px;
}
.homecontact .address .addspan{
	padding: 20px;
}
.homecontact .address .addspan i{
	font-size: 35px;
	color: #fff;
}
.homecontact .address .addspan p,.homecontact .address .addspan a{
	font-size: 25px;
	margin: 0;
	line-height: 2;
	color: #fff;
}
.homecontact .home-left{
	margin-bottom: 30px;
}
.homecontact .home-left h2{
	font-size: 50px;
	color: #001d69;
	font-weight: 600;
	margin: 0;
}
.homecontact .home-left p{
	font-size: 20px;
	color: #464646;
	line-height: 1.5;
	margin: 0;
}

.homecontact form{
	width: 55%;
	float: right;
	padding: 20px;
}

.homecontact form input,select,textarea{
	width: 100%;
	padding: 5px 10px;
	line-height: 2;
	border: 2px #eee solid;
	color: #000;
	background: #eee;
	font-size: 16px;
	outline: none;
	margin-top: 20px;
}
.homecontact form textarea{
	min-width: 100%;
	max-width: 100%;
	min-height: 80px;
	max-height: 120px;
}
.homecontact form button{
	background: #00012c;
	width: 50%;
	font-size: 20px;
	padding: 10px;
	margin-top: -30px;
}
.homecontact form button:hover{
	background: #fff;
	color: #00012c;
	border: 1px #00012c solid;
}
.homecontact form span,.new-btn form span{
	color: red;
	font-size: 15px;
	margin-top: 10px;
}
.homecontact form p{
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	margin: 0px 2;
}

.homecontact form .form-btn span{
	color: red;
	font-size: 17px;
	margin-top: 10px;
	display: none;
}
/*Home Contact */

/*Contact-Mobile*/
#contact-mobile{
	width: 100%;
	float: left;
	margin-bottom: 50px;
}
#contact-mobile .call-mobile h1{
	font-size: 45px;
	text-transform: uppercase;
	font-weight: 600;
}
.call-mobile {
	text-align: center;
}
.call-mobile h2{
	font-size: 30px;
	font-weight: 600;
	margin: 0;
}
#contact-mobile .call-mobile .call-img img{
	width: 100%;
}
#contact-mobile .call-mobile .call-img{
	margin-top: 140px;
	width: 50%;
	float: left;
}
#contact-mobile .contact-info{
	width: 49%;
	margin-top: 50px;
	float: right;
	padding: 50px;
}

#contact-mobile .contact-info h2{
	font-size: 30px;
}
#contact-mobile .contact-info p{
	font-size: 22px;
	line-height: 1;
}
 
#contact-mobile .contact-info a{
	font-size: 25px;
	background: #000124;
	padding: 10px 30px;
	border-radius: 20px;
	line-height: 2.5;
	color: #fff;
	margin-top: 10px;
	display: block;
}
#contact-mobile .contact-info a:hover{
	background: #fff;
	color: #000124;
	border: #000124 2px solid;
}
#contact-mobile .learn a{
 background: #000269;
 text-align: center;
}
.social-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.social-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #333;
    color: white;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.social-icon:hover {
    background-color: #555;
}

.facebook { background-color: #3b5998; }
.twitter { background-color: #1da1f2; }
.instagram { background-color: #e4405f; }
.linkedin { background-color: #0077b5; }
.youtube { background-color: #ff0000; }

.facebook:hover { background-color: #2d4373; }
.twitter:hover { background-color: #1991da; }
.instagram:hover { background-color: #d92e5e; }
.linkedin:hover { background-color: #00669e; }
.youtube:hover { background-color: #cc0000; }

i {
    font-size: 24px;
}
/*Homepage */
#Home{
	margin: 0;
	float: left;
	width: 100%;

}

/*Service */
.home_page{
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}
.home_page h3{
font-size: 15px;
letter-spacing: 2px;
}
.home_page h1{
font-size: 35px;
color: #000;
}
.home_page p{
font-size: 16px;
}


/*showcase 5ervice */
#case{
  margin: 0;
  padding: 0;
	float: left;
	width: 100;
	background: #eee;
	}

.case-study {
  margin-bottom: 30px;
  padding: 30px 0px;
  text-align: center;
}
.case-study h2{
	font-size: 40px;
	margin-bottom: 0px;
	font-weight: 600;
	color: #000;
	text-align: center;
}
.case-study p{
	margin: 0;
}
.case-study .grid-item {
	display: inline-grid;
  width: 24%;
  padding: 0px;
  left: 0%;
  position: relative;
  margin-top: 0px;
  margin-left: 0px;

}

.case-study img {
	display: block;
  	height: 250px;
  	width: 100%;
  -webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
}


.case-study .grid-item:hover img {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
}

.case-study figure {
	height: 250px;
	overflow: hidden;
	position: relative;
	width: 100%;
  margin-left: 0px;
}

.case-study figcaption {
	background: rgba(0,0,0,0.8);
	text-align: center;
	color: white;
	height: 100%;
  width: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
}

.case-study figcaption p {
	font-size: 18px;
	border: none;
	position: relative;
  color: white;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}


.case-study figcaption span a{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
	position: relative;
  width: 100%;
  top: 40%;
  color: white;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	vertical-align: middle;
}
.case-study .grid-item-view{
	text-align: center;
}
.case-study .grid-item-view h5 a{
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
text-align: center;
background-color: #00012c;
color: #fff;
padding: 10px 20px;
}

.case-study .grid-item:hover figcaption {
	opacity: 1;
}

.case-study .grid-item:hover figcaption p {
	-moz-transform: translateY(40px);
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}

.case-study figcaption span a:hover{
	color:#ff8320;
}

.case-study .grid-item-view h5 a:hover{
	background-color: #fff;
	border: #00012c 2px solid;
	color: #ff8320;
}

#counter{
	margin: 0;
	padding: 0px;
	float: left;
	width: 100%;
	padding: 50px;
	}
	
	#counter .counters{
		width: 100%;
		float: left;
		text-align: center;
	}
	
	#counter span h2{
	text-align:center;
	font-size: 30px;
	color: white;
	}
	#counter .Label{
	display: inline-grid;
	width: 23%;
	border-radius: 20px;
	padding: 50px 10px;
	text-align:center;
	margin-bottom: 20px;
	margin-left: 0px;
	background-attachment: fixed;
	background-image: url("../images/slider/back.webp");
	background-position:  center;
	background-size: cover;
	position: relative;
	z-index: 10;
	}
	#counter .Label:nth-child(1):after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background:#b46f00;
		opacity: .9;
		z-index: -200;
		border-radius: 20px;
		}

	#counter .Label:nth-child(2):after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background:#000;
		opacity: .9;
		z-index: -200;
		border-radius: 20px;
		}

		#counter .Label:nth-child(3):after{
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background:#000137;
			opacity: .9;
			z-index: -200;
			border-radius: 20px;
			}
	

			#counter .Label:nth-child(4):after{
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background:rgb(151, 0, 25);
				opacity: .9;
				z-index: -200;
				border-radius: 20px;
				}
		
	#counter .Label span{
	color: #fff;
	font-size: 50px;
	}
	#counter .Label p {
		font-size: 20px;
		text-transform: uppercase;
		font-weight: bold;
		margin-top: -23px;
		line-height: 1;
		color: #ffffff;
	}
	#counter .Label2{
		text-align: center;
  position: relative;
  float: left;
  width: 100%;
  margin-top: 30px;
}
	#counter .Label2 span a{
	border-radius: 30px;
	text-align: center;
	background: #001d69;
	margin-top: 30px;
	color: #fff;
	margin-left: 10px;
	font-size: 20px;
	padding: 10px 30px;
	}
	
	#counter .Label2 span  a:hover{
	background: none;
	color: #001d69;
	border: 1px #001d69 solid;
	}
	.call-action{
		width: 100%;
		float:left;
		padding: 50px;
		display: inline-grid;
		border-radius: 20px;
		padding: 50px 10px;
		margin-bottom: 20px;
		margin-left: 0px;
		background-attachment: fixed;
		background-image: url("../images/slider/CCTV-Camera-Maintenance-1.webp");
		background-position:  center;
		background-size: cover;
		position: relative;
		z-index: 10;
		}
		.call-action:after{
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background:#000;
			opacity: .8;
			z-index: -200;
			}
			.call-action .call-links{
				width: 100%;
				float: left;
				text-align: center;
				padding: 50px;
			}
			.call-action .call-links h2{
				margin: 0;
				font-size: 40px;
				font-weight: 700;
				color: #fff;
			}
			.call-action .call-links p{
				margin: 5;
				line-height: 1.5;
				color: #fff;
			}
	.call-action .call-links a{
		margin: 10px;
		font-size: 20px;
		color: #fff;
		border-radius: 20px;
		padding: 10px 20px;
		background: #001d69;
		border: 1px #001d69 solid;
	}
	.call-action .call-links a:hover{
		border: 1px #fff solid;
		color: #fff;
		background: #005294;
	}
	.call-action img{
		width: 100%;
	}
/*scrollToTop*/
.scrollToTop{
	position: fixed;
	bottom: 60px;
	border-radius: 30px;
	right: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #001d69;
	color: #fff;
	z-index: 500;
	display: none;
}

 /*Footer*/
  #contact footer{
	background-image: url("../images/slider/CCTV_installer.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
	width: 100%;
	float: left;
	z-index: 210;
	padding: 10px 50px;
}
  #contact footer:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:#001d69;
	opacity: .9;
	z-index: -200;
}
  footer .address h4{
	font-size: 40px;
	color: #fff;
	margin: 30px 0px;
	font-weight: 600;
}
footer .address .btnn button{
	border: none;
	background: none;
	margin-top: 20px;
}

footer .address .btnn button a{
	border: 1px #fff solid;
	background: #00012c;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	border-radius: 20px;
	padding: 10px 35px;
}

footer .address .btnn button a:hover{
	background: #000269;
}
	footer .form-btn span, .new-btn span {
	display: none;
	margin-top: 30px;
	margin-left: 40px;
}

.new-btn {
	width: 100%;
	display: inline;
}

	  #contact span i{
		color: seagreen;
		font-size: 17px;
	  }

	  footer form button{
			margin-top: 20px;
			border-radius: 0px;
			color: #001d69;
			background: #fff;
			border: none;
			padding: 10px 40px;
		}

		footer form button:hover{
			background-color: #ff8320;
			color: #fff;
			border: 1px #fff solid;
		}

		 footer form a i:hover{
			 color: #ff8320;
		 }


		  footer form a i {
				color: #fff;
				padding: 10px;
				margin-left: 10px;
			}

			footer form .fa{
			font-size: 30px;
			}
	  footer .address{
			width: 45%;
			margin-top: 20px;
			float: left;
			padding: 20px;
			text-align: left;
		}

		footer .address i{
			font-size: 25px;
			width: 100%;
			line-height: 2;
			letter-spacing: 2px;
			color: #fff;
			font-weight: 300;
		}
			footer .address i span{
				color: #fff;
				margin-left: 30px;
			}


			.news-let{
 			margin: 0px;
			}
			.news-let h4{
				text-align: center;
			  color: white;
			  font-size: 25px;
			  font-weight: lighter;
			  margin-left: 0px;
			}
				.news-let form{
				width: 100%;
				padding: 0;
				margin-bottom: 20px;
			}
				.news-let input[type="email"]{
			  padding: 15px;
				font-size: 15px;
			  height: 40px;
				margin-top: -50px;
				width: 70%;
				border-radius: 20px;
				border: none;
				background: #fff;
				color: #595959;
				outline: none;
			}
			.news-let button {
					background: #000;
					font-size: 14px;
					margin:0px;
						margin-top: -50px;
					padding: 0px;
			}
			.news-let button:hover{
			border: none;
			}

			.bottom{
				float: left;
				width: 100%;
				background: #eee;
				font-size: 16px;
				text-align: center;
			}
			.bottom a{
				text-decoration: none;
				color: #001d69;
			}