*{
	margin: 0;
	padding: 0;
}

html,
body {
	margin: 0;
	font-size: 100%;
	background: #fff;
	
}
html {
  scroll-behavior: smooth;
}
body a {
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	color: none;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, body {
    font: normal "Open Sans",Helvetica,Arial,Verdana,sans-serif;
  }

    p{
      font-size: 18px;
    	 font-family: 'adobe-garamond-pro','serif' !important;
    
    }

input[type="button"],
input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

label {
	margin: 0;
}
/*reset code*/

















/*---------------*/

/*header start top*/
.top-header{
	background-color: #002060;
}
.top1{
	font-size: 17px;
	word-spacing: 4px;
	    margin-left: -77px;
      padding-top: 9px;
    padding-bottom: 12px;
}


/*nav bar start*/
.n1{
border-top:  1px solid #cac9c9;
padding-top: 3px;
}
li.nav-item{
	    padding: 0px 7px!important;
}

.for-logo{
	    color: #000;
    font-weight: 700;
    font-size: 35px;
    margin-left: -27px;
}


li.nav-item.active {
    background: #002060;
    color: #fff!important;
    box-shadow: 0px -3px #000;
}

li.nav-item{
	color: #000;
}
.navbar-expand-lg .navbar-nav .nav-link {
	color:#000;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
	color:#fff;
	background-color: #002060;
	box-shadow: 0px -3px #000;
}
.thu{
	color: #fff;
}
   .navbar-expand-lg .navbar-nav .nav-link {
    
    padding: 10px 12px!important;
}

a.nav-link{
	 padding: 5px 10px!important;
}



/*banner startt*/
  
.ban-img
 {  position: relative;
    top: 93px;
}
.ji{

    font-size: 42px;
    font-weight: 700;
}
.nd-ban-text{
	text-align: justify;
  padding-top: 7px;

}

.ji2{

       font-size: 28px;
    font-weight: 650;
    color: #002060!important;
    position: relative;
    top: -61px;
    right: -69px;
    line-height: 1.5;
}
.jio2 a{
	color: red;
}
.ban-img-small{
	word-spacing: 25px;
}
.hu{
	text-align: justify;
	line-height: 1.5;
}
.readmore{
	    background: #fff;
    padding: 10px 15px;
    border: 2px solid #002060;
    /* margin-top: 17px; */
    position: relative;
    
    background: #002060;
    color: #fff;
    border-radius: 5px;
}
.readmore:hover{
	 background: #002060;
	  border: 2px solid #fff;
	  color: #fff;
}
.button-readmore{
  padding-top: 13px;
}

.back-border {
    background-color: #8080800d;
    box-shadow: 0px 2px 9px grey;
    padding: 20px;
    text-align: center;
    
}



.e4u{
	    color: #002060;
    font-weight: 600;
    text-shadow: 0px 1px 2px #333;
}
.e4u2{
	line-height: 1.5;
  font-size: 18px;
  text-align: justify;
}

.e4u123{
    color: #002060;
    font-weight: 600;
    text-shadow: 0px 1px 2px #333;
    margin-bottom: -46px;
}

.brdr-left{
	border-left: 4px solid #002060;
	padding:5px;
	font-weight: 550;
  margin-left: -46px;
}

.brdr1-left{
  border-left: 4px solid #002060;
  padding:5px;
  font-weight: 550;
  
}
.color{
  background-color: #F7F7F7;
}

.offer{
	line-height: 2;
}


.offer h4{
	padding: 8px 0px;
}

         .sv-data-1{background:lightCyan;padding:0;}
         .sv-data-2{background:lightPink;height:40px;white-space:nowrap;}
         .sv-data-3{background:LightGoldenRodYellow;height:40px;white-space:nowrap;}
         .sv-data-4{background:LightSteelBlue;}
         table.sv-data-table{table-layout:fixed;}
         table.sv-data-table tbody tr{font-size:13px;padding:0;}
         table.sv-data-table tbody tr td{height:36px;}
         table.sv-data-table .td-data-item-1{padding:0;text-align:center;vertical-align:middle;}
         table.sv-data-table .td-data-item-2{padding:0;text-align:center;vertical-align:middle;whitespace:no-wrap;}
         table.sv-data-table .td-data-item-3{padding:0;text-align:center;vertical-align:middle;}
         table.sv-data-table .td-data-item-4{padding:0;text-align:right;vertical-align:middle;}
         table.sv-data-table input[type=number]{border:solid 1px #ccc;max-width:50px;}
         .edit-parameters{margin:3px;}
         table.sv-data-table .card{}
         .parameters-container .row{}
         .parameter-pg-col{background:lightBlue;margin:0;padding:0;}
         @media (max-width: 872px){table.sv-data-table{}
         div.parameter-pg-col{min-width:100%!important;padding:0;}
         .card{display:block;margin:10px auto!important;min-width:100%!important;}
         }
         @media (min-width: 872px){
            .parameters-container{background:lightPink;margin:0 auto;max-width:840px;padding:10px;}
         .card{width:195px;}
         }


  
       /* Vertical Tabs *//*
         .vertical-tabs{font-size:14px;padding:10px;color:#000}
        .vertical-tabs .nav-tabs .nav-link{background:#C1CCD3;border:1px solid transparent;color:#000;height:55px}
        .vertical-tabs .nav-tabs .nav-link.active{background-color:#002060!important;border-color:transparent !important;color:#fff;}
        .vertical-tabs .nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0rem!important;}
        .vertical-tabs .tab-content>.active{background:#fff;display:block;}
        .vertical-tabs .nav.nav-tabs{border-bottom:0;border-right:1px solid transparent;display:block;float:left;padding-top:10px;
        	                          margin-right:0px;padding-right:0px;}
        .vertical-tabs div.tab-content{border:solid 0px #4CAF50!important;max-height:200px;}
        .vertical-tabs .sv-tab-panel{background:;height:auto;padding-top:10px;}
        .vertical-tabs div#home-v.tab-pane .sv-tab-panel{background:#a6dba6}
        .vertical-tabs div#profile-v.tab-pane .sv-tab-panel{background:#99d699;}
        .vertical-tabs div#messages-v.tab-pane .sv-tab-panel{background:#8cd18c}
        .vertical-tabs div#settings-v.tab-pane .sv-tab-panel{background:#80cc80}

        /* Vertical Tabs */



.tab-img2{
	   background-color: #8080800d;
    box-shadow: 0px 0px 6px grey;
    padding: 0px;
}





 .horizontal-tabs{font-size:14px;padding:10px;color:#008000}
            .horizontal-tabs .sv-tab-panel{background:#fff;height:145px;padding-top:10px;}
        .horizontal-tabs .nav-tabs .nav-link{background:#4CAF50;border:1px solid transparent;color:#fff}
        .horizontal-tabs .nav-tabs .nav-link.active{background-color:#002060!important;border-color:transparent !important;color:#fff;}
        .horizontal-tabs .nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0rem!important;border-top-right-radius:0rem!important;}
        .horizontal-tabs .tab-content>.active{background:#fff;display:block;}
        .horizontal-tabs .nav.nav-tabs{border-bottom:0;border-right:1px solid transparent;background:#33ad33}
        .horizontal-tabs  div.tab-content{border:solid 1px #4CAF50!important;max-height:150px;}
        .horizontal-tabs  .sv-tab-panel{background:#fff;height:110px;padding-top:10px;}
        .horizontal-tabs  div#home-h.tab-pane .sv-tab-panel{background:#a6dba6}
        .horizontal-tabs  div#profile-h.tab-pane .sv-tab-panel{background:#99d699;}
        .horizontal-tabs  div#messages-h.tab-pane .sv-tab-panel{background:#8cd18c}
        .horizontal-tabs  div#settings-h.tab-pane .sv-tab-panel{background:#80cc80}
.horizontal-tabs .sv-tab-panel{padding:10px}
@media (max-width: 967px) {
      .nav.nav-tabs{border-bottom:0;border-right:1px solid transparent;display:block; margin-right:20px; wodth:100%!important}
.horizontal-tabs .nav-tabs{width:100%;padding:0}
}
      
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    /* color: #495057; */
    /* background-color: #fff; */
    border-color: #dee2e6 #dee2e6 #fff;
    background: #002060;
    color: #fff;
}
a.nav-link{
	color: #333;
	/*border:1px solid #dee2e6!important;*/
}
a.nav-link:hover{
	background-color: #002060!important;
	color: #fff!important
	}
.nav-tabs {
    border-bottom: 0px solid #dee2e6; 
}
.nav-tabs .nav-link {
     border: 1px solid #4557a261!important;
}

.extra-sec1 img{
	    width: 100%;
    height: 591px;

}


.navbar-toggler {
    padding: .0;
    
    
    background-color: #FF5B27;
    
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
    background: #fff;
}


/*------for the navbar dropdawon------*/



}

.dropbtn {
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 294px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
}

.dropdown-content a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
li.nav-item.active a{
  color: #fff !important;
}


.dropdown-content a:hover {background-color: #002060;
                             color: #fff;
                       }

.nav-dropdown:hover .dropdown-content {display: block;}


.dropdown-content2 {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 554px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
    right: 0;
}

.colr{
  padding-right: 0px;
}
.colrl{
  padding-right: 0px;
  padding-left: 0px;
}
.coll{
  padding-left: 0px;
}

.nav-dropdown:hover .dropdown-content2 {
    display: block;
}
.dropdown-content2 a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
        width: 275px;
    height: 63px;

}
.dropdown-content2 a:hover {
    background-color: #002060;
    color: #fff;
}



.sec-col{
  padding-top: 40PX;
  margin-bottom: -50px;
}




.extra-sec2{
     

}
.foote{
  margin-left: -13px;
}

.sec2-text h6{
	    font-size: 20px;
    font-weight: 600;
   padding: 10px 18px;
}
.sec2-text p{
    font-size: 18px;
    text-align: justify;
    padding: 0px 20px;




}


.box5{background:#444;position:relative}
.box5:after,.box5:before{width:50px;height:50px;border-radius:50%;background:#10a5b8;position:absolute;top:-80px;left:15px;opacity:0;z-index:1;transition:all .35s ease}
.box5:after{top:auto;left:auto;bottom:-80px;right:15px}
.box5:hover:after,.box5:hover:before{opacity:.75;transform:scale(8);transition-delay:.15s}
.box5 img{width:100%;height:215px;transition:all .35s ease-out 0s}
.box5:hover img{opacity:.4}
.box5 .icon{margin:0;display: none; position:absolute;bottom:15px;right:15px;z-index:2;transform:scale(0);transition:all .35s ease-out}
.box5:hover .icon{transform:scale(1);transition-delay:.15s}
.box5 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#444;margin-right:10px;position:relative;transition:all .5s ease 0s}
.box5 .icon li a:hover{background:#444;color:#fff}
.box5 .box-content{padding:20px 15px;position:absolute;top:0;left:0;z-index:1}
.box5 .title{font-size:20px;font-weight:800;color:#fff;margin:0 0 5px;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .title{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box5 .post{display:inline-block;font-size:16px;color:#fff;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .post{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box6 .title,.box6 img,.box6:after{transition:all .35s ease 0s}
@media only screen and (max-width:990px){.box5{margin-bottom:30px}
}




.count-w3ls i{
	font-size: 40px;
	padding: 15px;
}

#counter{
	    font-weight: 700;
    font-size: 40px;
}


.left-txt h2{
	    font-weight: 530;
    font-size: 36px;

    padding: 10px 0px;
}
.left-txt h5{
    font-size: 25px;
    font-weight: 500;
    padding: 20px  0px 0px 0px;
}
.left-txt p{
	font-size: 20px;
	padding: 0px 0px;
	    padding-left: 32px;
	color:#33333394;
}
.left-txt i{
color: 	#002060;
}
  .left-txt a{
    color: #fff;
    background: #002060;
    padding: 12px;
    border: 4px outset #fff;
    box-shadow: 0 0 5px grey;
}
  .left-txt a:hover{
    color: #002060;
    background: #fffd;
    padding: 12px;
    border: 4px outset #002060 ;
    box-shadow: 0 0 5px grey;
}



.right-img img{
    height: 597px;
    width: 100%;
}


.foo{
  padding-left: 0px;
}




.test1{
	padding-left: 170px;
	padding-right: 170px;

}

.test1 img{
	max-width: none;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    border-style: solid;
    border-width: 5px;
    border-color: #dfe6df;
    margin-bottom: 40px
}

.test1 p{
	margin-bottom: 30px;
		font-size: 20px;
	
	color:#33333394;
}

.test h6{
	   font-size: 20px;
    font-weight: 500;
    margin-bottom: 2px;
    
}

.e1{
	    background: #002060;
    color: #fff;
    padding: 10px;
    
}
.e1:hover{
	    background: #333;
    color: #fff;
    padding: 10px;
    
}
.o{
opacity: 1!important;	
}

.ko li {
	width: 10px!important;
	height: 10px!important;
	background-color: #002060!important;
}







.work-data span{
	    background: #fff;
 padding: 22px;
    border-radius: 30px;
    color: #002060;
    font-weight: 550;
    margin-bottom: 10px;


}

.work-data h6{
	font-size: 22px;
    font-weight: 550;
    margin-top: 40px;
    margin-bottom: 10px;
    color: #fff;
}


.work-data p{
	font-size: 20px;
	color:#333333a3;
	line-height: 1.3;
  color: #fff;
}
.e4u12 {
    color: #002060;
    font-weight: 600;
    text-shadow: 0px 1px 2px #333;
    color: #fff;
}

.de{
	height:auto;
	width: auto;
}
.owl-carousel .owl-item img{display:block;width: auto!important;}


.img10{
  width: auto;
  height: 110px;
}

.e4u3res7{
  color: #002060;

}










/*------------------footer---------------*/
.social-block a{

    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    color: #C7CACE;
    transition: all .4s ease;
}
.social-block a:hover{
	background-color:red;
}



.foot-data h3{
	    margin-bottom: 30px;
}

.foot-data p{
	margin-bottom: 20px;
	font-size:18px;
	line-height: 1.4;
	text-align: justify;
}
.foot-data2 h3{
	    margin-bottom: 30px;
}

.foot-data2  a{
	color: #fff;
	font-size:18px;
	
	text-align: justify;
}
.foot-data2  p{
	text-align: ;

}
.foot-data3 h3{
	    margin-bottom: 30px;
}
.foot-data3  img{
	padding: 5px;

	
}
.nic{
  padding-top: 35px;
  padding-bottom: 6px;
}


@media (min-width: 1200px)
{
.rty {
    max-width: 1218px;
}
}

.foot-data4 h3{
	    margin-bottom: 30px;
}
.foot-data4 p{
font-size: 19px;
    font-weight: 500;
}

.ma4{
  padding-top: 14px;
}




/*-------for about page---------*/

.about-sec-1{
  padding-top: 50px;
  padding-bottom: 20px;

}
.about-sec-2{
  
  background-color: #F7F7F7;
  
}
.about-sec-2-ro2{
  padding-top: 25px;
}
.about-sec-2-ro2 h2{
  padding-top: 15px;
}
.about-sec-2-ro2 p{
  padding-top: 15px;
}

.about-sec-3{
  position: relative;
    top: 0%;
    left: 0%;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    padding-top: 50px;
    padding-bottom: 50px;
}
.inner-container{
  background-color: #fff;
    box-shadow: 0px 0px 25px 0px rgba(13, 29, 13, 0.1);
    padding: 45px 0;
    padding-left: 50px;
    padding-right: 50px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.e4u3{
      color: #002060;
    font-weight: 600;
    
}
.vision-sec{
  background-color: #F7F7F7;
}

/*--------for the services page---------*/
.services-sec-1{
  padding-top: 50px;
  background-color: #F7F7F7;
  padding-bottom: 50px;
}
.services-sec-1-ro2 h2 {
        padding-bottom: 9px;
}
.services-sec-1-ro2{
  padding-top: 0px;
}
.sec-img img{
  box-shadow: 0px 0px 5px;

}

/*----------for intrusion alarm system page------*/

.alarm-sec-1{
  padding-top: 50px;
  background-color: #F7F7F7;
  padding-bottom: 50px;
}
.alarm-sec-2{
  padding-top: 0px;
  background-color: #F7F7F7;
  padding-bottom: 17px;
}

.alarm-sec-2 h4{
  padding-bottom: 14px;

}

.alarm-sec-3{
  padding-top: 10px;
  background-color: #F7F7F7;
  padding-bottom: 50px;
}
.alarm-sec-3 h4{
  padding-bottom: 20px;

}

.e4u333{
      color: #002060;
    font-weight: 600;
    
}

/*--------------for cctv-surveillance-system page--------*/

.sec-img2 img{
  box-shadow: 0px 0px 5px;
  height: 470px;
}
.sec-img3 img{
  box-shadow: 0px 0px 5px;
  height: 470px;
}
.e4u31{
    color: #002060;
    font-weight: 600;
    
    margin-bottom: -11px;
    margin-top: 11px;
}
}
.para1{
  text-align: justify;
}

/*------------for home automation------*/
.sec-img4 img {
    box-shadow: 0px 0px 5px;
    height: 408px;
}
.e4u35 {
    color: #002060;
    font-weight: 600;
    margin-bottom: 13px;
    
}
/*---------for epabx system page------*/

.e4u34{
      color: #002060;
    font-weight: 600;
    padding-top: 50px;
    padding-bottom: 30px;
}
/*--------access cotrol------*/
.sec-img22 img{
  box-shadow: 0px 0px 5px;
  height: 400px;
}
.sec-img23 img{
  box-shadow: 0px 0px 5px;
  height: 450px;
}
/*---------------product----------*/
 .services-sec-1-ro5{
  


  padding: 3px 15px;
}

/*.services-sec-1-ro5:hover{
 
  height: 200px;
  overflow-y: auto;
  padding: 0 10px 0 0;
}*/

.alarm-sec-8{
  padding-top: 50px;
  background-color: #F7F7F7;
  padding-bottom: 50px;
}

.e4u8{
      color: #002060;
    font-weight: 600;
    padding-bottom: 10px;
    
}




.ro4{
  background-color: white;
  
  
  margin-bottom: 20px;
  box-shadow: 0px 5px 11px grey;
  height: 410px;
}

.ro3{
  background-color: white;
      margin-bottom: 20px;
  box-shadow: 0px 5px 11px grey;
  height: 410px;
}
.ro5{
  background-color: white;
  
  
  box-shadow: 0px 5px 11px grey;
  height: 410px;
}
.pic6{
  
  height: 230px;
}

.e4u9{
  line-height: 1.5;
  font-size: 15px;
  text-align: center;
}

.e4u11 {
    color: #002060;
    font-weight: 600;
    padding-bottom: 12px;
    padding-top: 12px;
}
.e4u13 {
    color: #002060;
    font-weight: 600;
    padding-bottom: 50px;
    padding-top: 50px;
}

.section5{
  padding-bottom: 15px;
}




/*-----------contact us page------------*/



.r2 h1{
    text-align: center;
    color: #0A575C;
    margin-top: 25px;
    margin-bottom: 15px;
}

.head18{
    margin-top: 50px;
}
.ra2{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}



.e4u38{
      color: #002060;
    font-weight: 600;
    padding-bottom: 15px;
    
    
}
.head18{
  padding-bottom: 50px;
}


/*----------our clients--------*/
.img11{
  max-width: 100%;
  max-height:100%;
  text-align: center;

}


.back-border1 {
    background-color: #8080800d;
    box-shadow: 0px 2px 9px grey;
    padding: 20px;
    text-align: center;
    height: 220px;
}

.clients{
  margin-bottom: 20px;

}
.ravi{
  height: 100px;


}