@charset "utf-8";
/* CSS Document */


.blog-read-more-button{
	padding:5px 20px;
	border-radius:600px;
	border:1px solid #39F;
	text-decoration:none;
	color:#39F;
	font-size:14px;
	
	}
	
.blog-read-more-button:hover{
	padding:5px 20px;
	border-radius:600px;
	border:1px solid #ff768b;
	text-decoration:none;
	color:#ff768b;
	transition: all .8s ease;
	}	
	
	
	
.radius-button-blog{ 
padding:8px 30px; 
border-radius:600px; 
border:1px solid #FFF; 
text-decoration:none; 
color:#FFF;}

.radius-button-blog{ 
padding:8px 30px; 
border-radius:600px; 
border:1px solid #f4eb05; 
text-decoration:none; 
color:#000;
background:#f4eb05;}

.radius-button-blog:hover{ 
padding:8px 30px; 
border-radius:600px; 
border:1px solid #FFF; 
text-decoration:none;
background: none; 
color:#FFF;}

 .feature-data-icon:hover{
	transform: rotate(360deg);  
	transition: width 2s, height 2s, transform 2s;
	-ms-transition:width 2s, height 2s, transform 2s;
	-webkit-transition:width 2s, height 2s, transform 2s;
	}	

.product-box {
    padding: 20px 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    min-height: 290px;
    border: 1px solid #f9b601;
    box-shadow: 7px 6px 17px -4px rgb(156, 159, 159);
}

.product-box:hover {
    padding: 20px 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    min-height: 290px;
    border: 1px solid #37adf4;
	box-shadow: 7px 6px 17px -4px rgba(48, 142, 213);
}
.product-box h4{ 
padding-top:10px; 
font-weight:800; 
font-size:15px;
text-transform:uppercase;}

.product-box-b {
    padding: 20px 15px;
    border-radius: 8px;
    margin-bottom: 25px;
    min-height: 210px !important;
    border: 1px solid #abaead;
    box-shadow: 7px 6px 17px -4px rgb(156, 159, 159);
}

.product-box-b:hover {
    padding: 20px 15px;
    border-radius: 8px;
    margin-bottom: 25px;
    min-height: 210px;
    border: 1px solid #37adf4;
	box-shadow: 7px 6px 17px -4px rgba(48, 142, 213);
}
.product-box-b h4{ padding-top:10px; font-weight:700; font-size:17px;}




.indoor{ color:#1a1919;}
.outdoor{ color:#1a1919;}
.ptz{ color:#1a1919;}
.ipcam{ color:#1a1919;}

.indoor1{ color:#1a1919;}
.outdoor1{ color:#1a1919;}
.ptz1{ color:#1a1919;}
.ipcam1{ color:#1a1919;}

.zoom {
    transition: transform .5s;
    margin: 0 auto;
}

.zoom:hover {
 -ms-transform: scale(1.1); /* IE 9 */
 -webkit-transform: scale(1.1); /* Safari 3-8 */
 transform: scale(1.1);}
 
.margin-top-20px{ margin-top:20px;}
.stp { font-size:16px; color:#FFF; padding-top:20px;}
.experience p{ text-align: justify; line-height:30px;}

.experience h1.title-txt {
    text-align: center;
    text-transform: uppercase;
    font-size:33px;
    color: #000;
    margin-bottom: 0px;
    letter-spacing: 2px;
}

.experience h1.title-txt span {
    color: #eb790a;
}
 
.content-devider-call-us{ 
    background: url(../images/call-us-bg.jpg) no-repeat 0px 0px;
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    background-position: bottom-right;
    padding: 5em 0;
	margin:10px 0px 70px;
	width:100%;
	background-position:center;
}
 
 .phone-button {
    padding: 15px 50px;
    border-radius: 600px;
    border: 2px solid #FFF;
    text-decoration: none;
    color: #FFF;
    font-size: 20px;
	font-weight:900;
   /* background: #1c7df6;*/
    background: #095aa9;
}

.phone-button:hover {
    padding: 15px 50px;
    border-radius: 600px;
    border: 2px solid #FFF;
    text-decoration: none;
    color: #FFF;
    font-size: 20px;
	font-weight:900;
    /*background: #7cba1a;*/
	background: rgb(2,0,36);
background: linear-gradient(73deg, rgba(2,0,36,1) 0%, rgba(9,177,124,1) 0%, rgba(47,212,52,1) 0%, rgba(16,81,209,1) 71%);
}
 
 .content-devider-call-us h3{ 
 color:#FFF; 
 padding-bottom:10px; 
 font-size:25px; 
 font-weight:900 !important;
 }
 .content-devider-call-us p{ 
 color:#FFF; 
 padding: 0px 110px 30px; 
 font-size:17px;
 }
 
 .customer-testimonial { 
   /* background: url(../images/bann2.jpg) no-repeat 0px 0px;*/
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    background-position: bottom-right;
    padding: 4em 0 2em;
	margin:40px 0px 55px;
	width:100%;
	background: rgb(2,0,36);
    background: #033f78;
}
 .customer-testimonial h2{ 
  color:#FFF; 
  padding-bottom:20px; 
  font-size:33px;
  text-align:center;
  letter-spacing: 2px;
  text-transform: uppercase;
  }
 
 .brand h2.title-txt span {
    color: #eb790a;
}
 
 
 .brand h2.title-txt {
    text-align: center;
    text-transform: uppercase;
    font-size: 33px;
    color: #000;
    letter-spacing: 2px;
	
}

.brand { width:100%; margin-bottom:50px;}
 
 .our-blog { width:100%; margin:0px; background:#ededed52; padding:60px 0px 60px;}
 .our-blog h2.title-txt {
    text-align: center;
    text-transform: capitalize;
    font-size: 45px;
    color: #000;
    letter-spacing: 2px;
}
 
 .our-blog h2.title-txt span {
    color: #93c83f;
}

.wp-block.default {
    border: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #e0eded;
    background: #fff;
	border-radius:10px;
}
.boxshadow {
    padding-bottom: 15px;
    -webkit-box-shadow: 7px 6px 17px -4px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 7px 6px 17px -4px rgba(0, 0, 0, 0.44);
    box-shadow: 7px 6px 17px -4px rgba(0, 0, 0, 0.44);
}
.wp-block {
    margin: 0 0 15px 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    cursor: default;
    border-radius: 2px;
}

.blog-home-page-title {
    font-size: 22px;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    color: #337ab7;
	font-weight:normal;
	line-height:30px;
}  

.blog-recent-post { list-style:none; padding:0px 15px;}
.blog-recent-post li { 
line-height:28px;
border-bottom:1px solid #686666;
}

.blog-recent-post li a{ 
text-decoration: none; 
color:#686666;
}

.blog-recent-post li a:hover{ 
color:#bd394d;
}


.blog-home-page-title a {
    font-size: 20px;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    color: #337ab7;
	font-weight:normal;
	line-height:30px;
}  

.blog-home-page-title a:hover {
    font-size: 20px;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    color: #41a622 !important;
	font-weight:normal;
	line-height:30px;
} 

 
.posted {
    font-size: 16px;
    text-align: center;
    padding-top: 5px;
	font-weight:normal;
}

.home-blog-p {
    padding: 20px 20px 0px 20px;
    text-align: justify;
    line-height: 23px;
    font-size: 15px;
    color: #000;
} 

.home-blog-p1 {
    padding: 20px 20px 0px 20px;
    text-align: justify;
    line-height: 23px;
    font-size: 15px;
    color: #000;
} 
 
 .blog-detial-content{
	 padding: 20px 20px 0px 20px;
    text-align: justify;
    line-height: 23px;
    font-size: 16px;
    color: #3b3a3a; 
	 
	 }
 
 
 .wesocial {
    text-align: left !important;
    margin: 0px 0px 9px !important;
    font-weight: bold !important;
    color: #5da0f7 !important;
}

.rightfixenquiry {
    height: 60px;
    width: 59px;
    position: fixed;
    top: 450px;
    right: 0px;
    z-index: 100;
}

.banner h1{ 
text-align:center; 
font-size:38px; 
color:#FFF; 
font-weight:900; 
padding-top:4em; 
padding-bottom:15px;
text-transform:uppercase;
}

.banner p{ 
text-align:center; 
font-size:18px; 
color:#FFF; 
font-weight:300;
padding-bottom:30px;
}

.why-us { margin:60px 0px;}

.why-us h2.title-txt {
    text-align: center;
    text-transform: uppercase;
    font-size: 33px;
    color: #000;
    margin-bottom: 0px;
    letter-spacing: 2px;
}

.why-us h2.title-txt span {
    color: #eb790a;
}

.list-div-left {
    padding-right: 20px;
    vertical-align: top;
    width: 80px;
	float:left;
}

.heading-tag-color { 
text-decoration:none; 
color:#3686D7; 
font-weight: bold; 
font-size:18px; }

.heading-tag-color:hover { 
text-decoration:none; 
color:#93c83f; 
font-weight: bold; 
font-size:18px; }

.content-top-space { padding-top:5px;}
.left_icon {
    width: 25px;
    float: left;
    line-height: 35px;
}

.right_icon {
    width: calc(100% - 25px);
    float: left;
    line-height: 35px;
}

.contact-us-details h4 {
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.contact-us-details{ margin-left:30px;}
.contact-us-details h3{ padding-bottom:15px;}
.heading { font-size:28px; padding-bottom:15px;}

.contact-us-form {
    padding: 30px;
    background: #fff;
    box-shadow: 1px 3px 3px -1px rgba(0,0,0,0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border: 1px solid #CCC;
    border-radius: 5px;
}

.padding-b30px{ padding-bottom:20px;}
.installation-p { text-align:justify; line-height:30px;}
.video-door{ padding-left:30px; margin-top:15px;}
.video-door li { line-height:32px;}


.box {
    margin-bottom: 45px;
    position: relative;
    perspective: 1000px;
    color: #000 !important;
    height: 240px;
    padding: 36px 15px !important;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 10%);
    overflow: hidden;
    border-radius: 30px 0 30px 0;
}


.box:hover {
    margin-bottom: 45px;
    position: relative;
    perspective: 1000px;
    color: #ffffff !important;
    height: 240px;
    padding: 36px 15px !important;
    background: #0272c2;
    border-radius: 3px;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 10%);
    overflow: hidden;
    border-radius: 0px 30px 0px 30px;
	transition: all .8s ease;
}

.box img {
 width:70px;
 height:70px;
 margin-bottom:15px;
 float:left;
 margin-right:17px;
 margin-top:-20px
}

.titlee {
    color: #212529;
    font-weight: 700;
    margin-bottom: 0;
    transition: .6s;
    font-size: 14px;
    padding-top: 5px;
}

.box:hover .titlee, .box:hover .descriptionn   {
    color: #ffffff;
    
}


.descriptionn {
    font-size: 14px !important;
    line-height: 25px;
    margin-top: 0;
    color: #030303;
    font-weight: 300;
    width: 100%;
    float: left;
	text-align:justify;
}

.know-more { margin-top:25px;}

.know-more a{ 
padding:8px 20px; 
text-decoration:none; 
background:#06F; 
color:#FFF; 
border-radius:600px;
}

.box:hover .know-more a{ 
background: none; 
color:#FFF; 
border-radius:600px; 
border:1px solid #FFF;
}

.pricing-box-item {
    border: 1px solid #09b17c;
	border-radius:20px;
    background: #fcfcfc;
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
    box-shadow: 7px 6px 17px -4px rgba(9, 117, 124, 100);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}


.pricing-box-item:hover {
     border: 1px solid #37adf4;
	 border-radius:20px;
    background: #fcfcfc;
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    -webkit-box-shadow: 7px 6px 17px -4px rgba(48, 142, 213);
    -moz-box-shadow:7px 6px 17px -4px rgba(48, 142, 213);
    box-shadow: 7px 6px 17px -4px rgba(48, 142, 213);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}






.pricing-box-item .pricing-heading {
    background: #ffffff;
    text-align: center;
    padding: 5px 0;
    display: block;
}

.pricing-container {
    background: #fff;
    text-align: center;
    font-size: 12px;
}

.pricing-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pricing-container ul li {
    border-bottom: 1px solid #09b17c;
    list-style: none;
    padding: 5px 0 5px 0;
    margin: 0 0 0 0;
    color: #222;
}

.camera-heading{ 
font-weight:bold; 
color:#82c020 !important;
margin-left:3px !important;
margin-right:3px !important;

}

.details-cctv-camera{ text-align:center; line-height:30px;}
.discription-ptz { text-align:justify; line-height:38px;}
.discription-ip { text-align:justify; line-height:34px;}
.product-categories-details{ text-align:justify; font-size:14px; margin-top:10px;}
.categories{ min-height:180px;}
.wifi-description { text-align:center; line-height:30px; margin-bottom:40px;}
.discription-wcamera {
    text-align: justify;
    line-height: 28px;
}

.content.white {
    background: #fff;
}
.content {
    margin: 0;
    padding: 0px;
}
.fixed {
    top: 0;
    left: 0;
    padding: 5px 5px;
    position: fixed;
    width: 100%;
    background: #000000;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.26);
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 999999;
}

.how-it-work-door-phone{ 
background:#adeaf929; 
padding:60px 0px;
}

.home-security-convenient { 
background:#adeaf929; 
padding:20px 0px 50px; 
margin-bottom:-10px;
}

.industry-read-more{  
padding:7px 20px; 
border:1px solid #f9b601; 
border-radius:600px; 
text-decoration:none; 
color:#1a1919;
}

.industry-read-more:hover{  
padding:7px 20px;
background:#19b6dd; 
border-radius:600px; 
text-decoration:none; 
color:#ffffff;
border:1px solid #ffffff; 
}


@media (max-width:767px){
	
.about-main {
    padding: 3em 1em;
}	

h3.subheading-w3-agile {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 15px;
}	
	
.stat-grids h3 {
    font-size: 19px !important;
}	

.experience h1.title-txt {
    font-size: 25px;
    margin-bottom: 10px;
}	

.margin-mobile{ margin-bottom:30px;}


.content-devider-call-us{ 
    background: url(../images/content-devider-call.jpg) no-repeat 0px 0px;
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    background-position: bottom-right;
    padding: 3em 0;
	margin:10px 0px 70px;
	width:100%;
	background-position:center;
}

.phone-button {
    padding: 11px 11px;
    border-radius: 600px;
    border: 2px solid #FFF;
    text-decoration: none;
    color: #FFF;
    font-size: 14px;
    /*background: #1c7df6;*/
	background: rgb(2,0,36);
background: linear-gradient(73deg, rgba(2,0,36,1) 0%, rgba(9,177,124,1) 0%, rgba(144,47,212,1) 0%, rgba(16,81,209,1) 71%);
	font-weight:bold;
}

.phone-button:hover {
    padding: 11px 11px;
    border-radius: 600px;
    border: 2px solid #FFF;
    text-decoration: none;
    color: #FFF;
    font-size: 14px;
    /*background: #7cba1a;*/
	background: rgb(2,0,36);
background: linear-gradient(73deg, rgba(2,0,36,1) 0%, rgba(9,177,124,1) 0%, rgba(47,212,52,1) 0%, rgba(16,81,209,1) 71%);
	font-weight:bold;
}

.content-devider-call-us h3 {
    color: #FFF;
    padding-bottom: 10px;
    font-size: 20px;
	line-height:27px;
}
	
	
.customer-testimonial { 
   /* background: url(../images/bann2.jpg) no-repeat 0px 0px;*/
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    background-position: bottom-right;
    padding: 3em 0 2em;
	margin:40px 0px 45px;
	width:100%;
	background: rgb(2,0,36);
    background: linear-gradient(73deg, rgba(2,0,36,1) 0%, rgba(134,27,205,1) 0%, rgba(11,190,134,1) 0%, rgba(10,139,212,1) 74%);
}	
	
	
	
.customer-testimonial h2{ 
  color:#FFF; 
  padding-bottom:20px; 
  font-size:25px;
  text-align:center;
  letter-spacing: 2px;
  text-transform: uppercase;
  }	
	
 .brand { width:100%; margin-bottom:30px;}
 
 .brand h2.title-txt {
    text-align: center;
    text-transform: uppercase;
    font-size:25px;
    color: #000;
    letter-spacing: 2px;
}
	
 .our-blog h2.title-txt {
    text-align: center;
    text-transform: capitalize;
    font-size:2em;
    color: #000;
    letter-spacing: 2px;
}	
	
 .our-blog { width:100%; margin:0px; background:#ededed52; padding:40px 0px 60px;}
 
 .rightfixenquiry {
    height: 45px;
    width: 45px;
    position: fixed;
    top: 480px;
    right: 0px;
    z-index: 100;
}

.wesocial {
    text-align: left !important;
    margin: 0px 0px 9px !important;
    font-weight: bold !important;
    color: #5da0f7 !important;
}
	
.w3layouts_footer_grid .top-middle {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 1em;
}	
	
.banner p {
    text-align: center;
    font-size: 16px;
    color: #FFF;
    font-weight: 300;
	padding-bottom:30px;
}	
	
 .banner h1{ 
text-align:center; 
font-size:28px; 
color:#FFF; 
font-weight:900; 
padding-top:2em; 
padding-bottom:15px;
}	
	
.heading-tag-color { 
text-decoration:none; 
color:#3686D7; 
font-weight: bold; 
font-size:17px; }

.list-div-left {
    padding-right: 0px;
    vertical-align: top;
    width: 60px;
    float: left;
}	
	
	.why-us h2.title-txt {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    color: #000;
    margin-bottom: 0px;
    letter-spacing: 2px;
}
	
.contact-us-details{ margin-left:0px;}	
.font20{ font-size:20px;}
.details-cctv-camera {
    line-height: 30px;
    text-align: justify;
}	
	
	
	.discription-ptz {
    text-align: justify;
    line-height: 28px;
}

.discription-ip { text-align:justify; line-height:28px;}
.mobile-text-center{ text-align:center;}
.wifi-description {
    text-align: justify;
    line-height: 30px;
    margin-bottom: 40px;
}

.fixed {
    top: 0;
    left: 0;
    padding: 0px 5px;
    position: fixed;
    width: 100%;
    background: #000000;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.26);
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 999999;
}

 .content-devider-call-us p{ 
 color:#FFF; 
 padding: 0px 0px 30px; 
 font-size:16px;
 }
 
 .mobile-text-justify{ text-align:justify;}


	}