f@charset "utf-8";

/* CSS Document */

body{font-family: 'Barlow Condensed', sans-serif;}

p{line-height:1.7;}

p{font-family: 'Barlow Condensed', sans-serif; font-size:15px !important;}

.brd2{border:2px solid #ccc; padding:5px; border-bottom: 10px solid #ccc;}
.strng{font-size:18px; border-bottom:1px ridge #000; padding:5px;  margin-left:5px; font-style:oblique; color:#333;}
.mar-tp{margin-top:-10px; font-size:26px;}
.spectar {

    background:#333;

    height: 9px;

    width: 100%;

}

.img1{ border:6px #ccc solid; margin-left:10px;}





.img2{ border:6px #ccc solid;}



.header-top{

    background:url(../images/header.png) no-repeat; float:right;

	width:73%;

	height:40px;



	

	

}


.serviceBox{
    font-family: 'Roboto', sans-serif;
    text-align: center; padding-bottom:70px;
}

.serviceBox .service-icon{
    color: #fff;
    background: linear-gradient(135deg,#FF87D0,#F6449A);
    font-size: 50px;
    line-height: 80px;
    height: 80px;
    width: 80px;
    margin: 0 auto 25px;
    border-radius: 15px;
    box-shadow: 0 0 0 5px #fff,0 0 12px rgba(0,0,0,0.5);
}

.serviceBox .service-icon i.fa{ transition: all 0.3s ease 0s; padding:10px;  }

.serviceBox:hover .service-icon i.fa{
    text-shadow: 0 0 5px #555;
    transform: rotateY(360deg) rotateX(360deg);
}

.serviceBox .service-content{
    background-color: #fff;
    padding: 10px 13px 15px;
    border-radius: 10px;
    box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
}

.serviceBox .title{
    color: #fff;
    background: linear-gradient(135deg,#FF87D0,#F6449A);
    font-size: 16px; font-weight:600;

    text-transform: uppercase;
    padding: 7px 15px;
    margin: -21px 7px 15px;
    border-radius: 0 0 25px 25px;
    position: relative;
    z-index: 1;
}

.serviceBox .title:before,
.serviceBox .title:after{
    content: "";
    background: linear-gradient(-45deg,#9F2685 49%,transparent 50%);
    width: 12px;
    height: 10px;
    position: absolute;
    top: 0;
    left: -12px;
}

.serviceBox .title:after{
    transform: rotateY(180deg);
    left: auto;
    right: -12px;
}

.serviceBox .description{
    color: #777;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
}

 .serviceBox.blue .service-icon,
 .serviceBox.blue .title{
    background: linear-gradient(135deg,#01B9F7,#008ED0);
 }
 .serviceBox.blue .title:before,
 .serviceBox.blue .title:after{
    background: linear-gradient(-45deg,#004B8E 49%,transparent 50%);
 }

 .serviceBox.orange .service-icon,
 .serviceBox.orange .title{
    background: linear-gradient(135deg,#FFC500,#FE9B00);
 }
 .serviceBox.orange .title:before,
 .serviceBox.orange .title:after{
    background: linear-gradient(-45deg,#DA6603 49%,transparent 50%);
 }

 .serviceBox.green .service-icon,
 .serviceBox.green .title{
    background: linear-gradient(135deg,#04DDCA,#2DB0A8);
 }
 .serviceBox.green .title:before,
 .serviceBox.green .title:after{
    background: linear-gradient(-45deg,#046b5f 49%,transparent 50%);
 }

@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 40px; }
}

/* send Enquiry */

.sendpd{padding-top:12px;}
.sendpdbot{padding-bottom:7px;}
.submit{background:#4cabc1; font-family:Arial, Helvetica, sans-serif;
margin-left:10px; font-size:12px; font-weight:bold; color:#ffffff; border:1px solid #3a96ab; float:left; padding:8px; border-radius:5px; border-bottom:5px solid #f7e308; margin-top:10px; width:30%;} 
.sendpdleft{padding-left:25px;}
input, select, textarea{ font-size:11px; border:1px solid #CCCCCC;}
form {margin:0px; padding:0px;}
.formitem{width:87%; float:left;  padding:10px !important;}
.input{width:80%; float:left;}
.textarea{width:100%; padding:10px !important; float:left;}
.formitem1{width:100px; float:left; padding:10px !important; margin:0px 2px 2px 2px;}
.formitem2{width:100%; float:left; padding:10px !important;}
.contact{border-top:15px solid #202833; border-top-left-radius:15px;  border-top-right-radius:15px; border-bottom:8px solid #ee1c25;


 border-right:1px solid #666; border-left:1px solid #666; padding:10px; padding-bottom:40px;}
/************************************ INPUTS *************************************/



.padng{padding-left:10px; text-decoration:underline;}

.padng1{padding-left:10px;}

.padng1 ul li{list-style:none !important; line-height:1.7;}

/***************marqee section****************/



.carousel-control.left, .carousel-control.right {

	background-image:none;

}



.img-responsive{

	width:100%;

	height:auto;

}



@media (min-width: 992px ) {

	.carousel-inner .active.left {

		left: -25%;

	}

	.carousel-inner .next {

		left:  25%;

	}

	.carousel-inner .prev {

		left: -25%;

	}

}



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

	.carousel-inner .active.left {

		left: -33.3%;

	}

	.carousel-inner .next {

		left:  33.3%;

	}

	.carousel-inner .prev {

		left: -33.3%;

	}

	.active > div:first-child {

		display:block;

	}

	.active > div:first-child + div {

		display:block;

	}

	.active > div:last-child {

		display:none;

	}

}



@media (max-width: 767px) {

	.carousel-inner .active.left {

		left: -100%;

	}

	.carousel-inner .next {

		left:  100%;

	}

	.carousel-inner .prev {

		left: -100%;

	}

	.active > div {

		display:none;

	}

	.active > div:first-child {

		display:block;

	}
.mar-tp{margin-top:10px; font-size:26px;}
}



/*****************end marquee************/





.banner {

    width: 100%;

    background:url(../images/banner-abt.png);

    height:176px !important;

}



.banner-cctv {

   

    background:url(../images/cctv.jpg);

   

	height:200px;

	

				background-position: center center;

			background-repeat:  no-repeat;

		

			background-size:  cover 100%;

			

		



}

.banner-cctv h1 {

    font-size: 32px !important;

    color: #fff !important;

    margin-top:2em;

	font-weight:bold;

    text-align: left;

	font-weight:normal;

	font-family: 'Oswald', sans-serif !important;

	padding-left:10px;

}





.banner-fire {

   

    background:url(../images/fire_alarm.jpg);

   

	height:200px;

	

				background-position: center center;

			background-repeat:  no-repeat;

		

			background-size:  cover 100%;

			

		



}

.banner-fire h2 {

    font-size: 32px !important;

    color: #fff !important;

    margin-top:2em;

	font-weight:bold;

    text-align: left;

	font-weight:normal;

	font-family: 'Oswald', sans-serif !important;

	padding-left:10px;

}







.banner-pa {

   

    background:url(../images/pa-sys.jpg);

   

	height:200px;

	

				background-position: center center;

			background-repeat:  no-repeat;

		

			background-size:  cover 100%;

			

		



}

.banner-pa h2 {

    font-size: 32px !important;

    color: #fff !important;

    margin-top:2em;

	font-weight:bold;

    text-align: left;

	font-weight:normal;

	font-family: 'Oswald', sans-serif !important;

	padding-left:10px;

}





.banner-ac {

   

    background:url(../images/access-control.jpg);

   

	height:200px;

	

				background-position: center center;

			background-repeat:  no-repeat;

		

			background-size:  cover 100%;

			

		



}

.banner-ac h2 {

    font-size: 32px !important;

    color: #fff !important;

    margin-top:2em;

	font-weight:bold;

    text-align: left;

	font-weight:normal;

	font-family: 'Oswald', sans-serif !important;

	padding-left:10px;

}





.banner-netwrking {

   

    background:url(../images/network.jpg);

   

	height:200px;

	

				background-position: center center;

			background-repeat:  no-repeat;

		

			background-size:  cover 100%;

			

		



}

.banner-netwrking h2 {

    font-size: 32px !important;

    color: #fff !important;

    margin-top:2em;

	font-weight:bold;

    text-align: left;

	font-weight:normal;

	font-family: 'Oswald', sans-serif !important;

	padding-left:10px;

}



.banner-boom {

   

    background:url(../images/boom-barier.jpg);

   

	height:200px;

	

				background-position: center center;

			background-repeat:  no-repeat;

		

			background-size:  cover 100%;

			

		



}

.banner-boom h2 {

    font-size: 32px !important;

    color: #fff !important;

    margin-top:2em;

	font-weight:bold;

    text-align: left;

	font-weight:normal;

	font-family: 'Oswald', sans-serif !important;

	padding-left:10px;

}



.banner-about {

   

    background:url(../images/about.png);

   

	height:200px;

	

				background-position: center center;

			background-repeat:  no-repeat;

		

			background-size:  cover 100%;

			

		



}

.banner-about h2 {

    font-size: 32px !important;

    color: #fff !important;

    margin-top:2em;

	font-weight:bold;

    text-align: left;

	font-weight:normal;

	font-family: 'Oswald', sans-serif !important;

	padding-left:10px;

}





.banner-fire-hydrant {

   

    background:url(../images/fire-hydrant-banner.jpg);

   

	height:200px;

	

				background-position: center center;

			background-repeat:  no-repeat;

		

			background-size:  cover 100%;

			

		



}

.banner-fire-hydrant h2 {

    font-size: 32px !important;

    color: #fff !important;

    margin-top:2em;

	font-weight:bold;

    text-align: left;

	font-weight:normal;

	font-family: 'Oswald', sans-serif !important;

	padding-left:10px;

}





.banner-gallery {

   

    background:url(../images/gallery-banner.jpg);

   

	height:200px;

	

				background-position: center center;

			background-repeat:  no-repeat;

		

			background-size:  cover 100%;

			

		



}

.banner-gallery h2 {

    font-size: 32px !important;

    color: #000 !important;

    margin-top:2em;

	font-weight:bold;

    text-align: left;

	font-weight:normal;

	font-family: 'Oswald', sans-serif !important;

	padding-left:10px;

}



.banner-fire-fighting {

   

    background:url(../images/fire-fighting-solution.jpg);

   

	height:auto;

	

				background-position: center center;

			background-repeat:  no-repeat;

		

			background-size:  cover 100%;

			

		



}

.banner-fire-fighting h2 {

    font-size: 32px !important;

    color: #fff !important;

    margin-top:2em;

	font-weight:bold;

    text-align: left;

	font-weight:normal;

	font-family: 'Oswald', sans-serif !important;

	padding-left:10px;

}







.banner-client {

   

    background:url(../images/client-ban.jpg);

   

	height:200px;

	

				background-position: center center;

			background-repeat:  no-repeat;

		

			background-size:  cover 100%;

			

		



}

.banner-client h2 {

    font-size: 32px !important;

    color: #fff !important;

    margin-top:2em;

	font-weight:bold;

    text-align: left;

	font-weight:normal;

	font-family: 'Oswald', sans-serif !important;

	padding-left:10px;

}









.phn{color:#fff; font-size:16px; float:right; font-weight:bold; margin-top:-5px;}
.phn a{color:#fff; }
.fa-phone{font-size:18px !important; border:1px solid #fff; height:35px; width:35px; padding:10px; border-radius:100%;}

.social {

    margin: -5px;

    padding: 0;

    list-style: none;

	float:left;

	margin-left:30px;

}

 .social li {

    display: inline-block;

    list-style: none;

}



 .social li a {

    display: block;

    font-size: 15px;

    color: #FFFFFF;

   

	border:2px solid #fff; height:35px; width:35px; padding:10px; border-radius:100%;

}

 .social li a:hover{background:#2d68ef;}

	 

.header-top p{color:#fff; font-size:15px !important; padding-top:8px;}



.logo{float:none; width:240px; padding:0px; margin-top:-20px; text-align:center;  }	



.add{font-size:18px; padding-top:10px; border-left:1px dotted #ccc; padding-bottom:5px; text-align:center; font-family: 'Oswald', sans-serif !important;}



#menu{background:#e3000f; width:100%; height:45px; z-index:9999;}



	

   



.sticky {

  position: fixed !important;

  top: 0;

  width: 100%;

webkit-transition: height 0.3s;

    -moz-transition: height 0.3s;

    transition: height 0.3s;

  

  

}





/***************about section************/





.breadcrumbs-main {

    border: 1px solid #D6D6D6;

    width: 100%;

    background: #f9f6f6;

}

.breadcrumb {

    padding: 8px 15px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #e3000f;

    border-radius: 4px;

}

ol {

    float: none;

    list-style: decimal;

    padding-left: 15px;

}

.breadcrumb > li {

    float: left;

    width: auto;

}



.breadcrumb > li {

    display: inline-block;

}



ol li {

    list-style: decimal;

    width: 100%;

}







.SideLinkPan {

	margin-top: 20px;

	width:100%;

	

}

.SideLinkPan h2 {

	padding:5px 10px;



	margin: 0;

	background: #e3000f;

	color: #fff;

	font-size:26px;

	font-family: 'Oswald', sans-serif !important;

}

.SideLinkPan li {

	margin-left: 0px;

	list-style: none;

	line-height: 30px;



	width:100%;

	background:#e3000f;

	 border-bottom:1px inset #fff;



}

.SideLinkPan li > a {

	display: block;

	font-size:16px;

	

	padding: 5px 10px;

	color: #fff;

	border: none;

	border-top: none;

	font-family:Arial, Helvetica, sans-serif;

	

}



.SideLinkPan ul li ul  {

	margin-left: 0px;

	list-style: none;

	line-height: 30px;

		width:240px;

}

.SideLinkPan ul li ul li > a {

	background:url(../images/errow.png) no-repeat left !important; padding-left:20px;

	margin-left:20px;

	

	

}

.entry-content ul {

    margin-left: 25px !important;

}



.SideLinkPan li > a:hover {

	color: #f26522;

}

.SideLinkPan li:nth-child(odd) a {

	background: #ff5e69;  

	

}

.SideLinkPan li:nth-child(odd) a:hover {

	background: #ff5e69;

	color:#000;

	text-decoration:none;

	

}

.SideLinkPan li:nth-child(even) a {

	background: #ff5e69;

	color:#fff;

}

.SideLinkPan li:nth-child(even) a:hover {

	background: #fff;

	color:#000;

	text-decoration:none;

}

.about{padding:0px; 

text-align:justify; float:left;

}





.about p{padding-left:10px; padding-right:10px; 

text-align:justify;

}



.first-para{background:#f0eeee; padding:10px;





}

.first-para p{text-align:justify; clear:both; font-size:16px;}

.about h3{font-size:22px; font-weight:normal; font-weight:bold;


padding-top:10px 0px 0px 0px; margin-bottom:5px;}

.about ul li{list-style:circle; padding:0px;}

/***********************end about section********************/



/**********************Rent Buget Section*********/



.bord{border-top:1px dotted #ccc;}



.copy{font-size:17px; color:#fff; float:left; padding:10px;}

.power{float:right; color:#fff; float:right; padding:10px; font-size:17px}