/* CSS Document */



body{background:none;/*#fff url(../images/body-bg.png) no-repeat center top;*/ font:normal 15px Arial, Helvetica, sans-serif; color:#1a1a1a; margin:0px; padding:0px}

body#innerpage{background:none; font:normal 15px Arial, Helvetica, sans-serif; color:#1a1a1a; margin:0px; padding:0px}

@font-face {
    font-family: 'MyriadWebProRegular';
    src: url('../fonts/myriad-web-pro-webfont.eot');
    src: url('../fonts/myriad-web-pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriad-web-pro-webfont.woff') format('woff'),
         url('../fonts/myriad-web-pro-webfont.ttf') format('truetype'),
         url('../fonts/myriad-web-pro-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#menu-device{ display:none;}
#menubar{ display:block;}

a{text-decoration:none; outline: none; color:#1a1a1a;transition: all 0.8s ease 0s;}
a:hover{text-decoration:none; color:#000;}
a img{ border:0px; outline:0px;}
a:focus{border:0px; outline:0px;}

p{ padding:0px; font-size:16px; line-height:23px; margin:0px 0px 20px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; }

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

.clear{ clear:both; padding:0px; margin:0px;}

h1, h2, h3, h4{ padding:0px; margin:0px; font-weight:normal; color:#333333; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; }
h1{font-size:62px;}
h2{font-size:32px;}
h3{font-size:14px;}
#wrap{ width:100%; padding:0px; margin:0px;}

.row{ width:980px; padding:0px; margin:0px auto; clear:both;}
.header{width:100%; padding:0px 0 18px; margin:0px;}
.logo{ float:left; padding-top:30px;}
.callnum{ float:right; padding-top:63px; font-size:16px;  font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; color:#000; text-align:right;  }
.callnum span{  font-size:36px; color:rgb(255,0,0); font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; line-height:36px;}
.callnum span a{ color:rgb(255,0,0);}

/* Main menu
------------------------------------------*/
#menubar{width:100%; padding:0px; margin:0px; background:#f71000; }
#coolMenu { margin:0px auto; width:980px;background:url(../images/menu-line.jpg) no-repeat 0px 0px; min-height:52px; padding-left:2px;  }
#coolMenu ul {	position: absolute;	display: none;	z-index: 50000 ; margin-top:-5px; margin:0 auto;}
#coolMenu > li {float:left; background:url(../images/menu-line.jpg) no-repeat right center; }
#coolMenu > li > a { display:block; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; padding: 0px 9px; font-size:14px; line-height:52px; text-align:center; color:#fff; margin:0px 2px 0 0px; background:#f71000; font-weight:normal; text-shadow:0px 1px 1px #000;}
#coolMenu > li > a:first-child{ margin-left:0px;}
#coolMenu > li > a:last-child{ margin-left:0px;}


#coolMenu > li:hover > a { background:url(../images/menu-hover.jpg) repeat-x left top; }
#coolMenu > li > a#sel { background:url(../images/menu-hover.jpg) repeat-x left top; }
#coolMenu li:hover ul.noJS {display: block; }

#coolMenu li#contact{position:relative; z-index: 5000;}

/* Submenu
------------------------------------------*/
#coolMenu ul.noJS {background: #f71000; padding:5px; }
#coolMenu ul.noJS li a {color: #fff;text-align:left;border-bottom:1px solid #c01105;border-top:1px solid #fc2213;padding:10px 5px 10px 5px;display:block;width:205px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif !important; text-shadow:0px 1px 1px #000; font-weight:normal;}
#coolMenu ul.noJS li:hover a {color: #fff;background:#fc2213;border-top:1px solid #fc2213; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; }



/*****Banner Slider*************/
.list_carousel {margin: 0 0 0px 0px; top:0px; position:relative;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li {font-size: 40px;color: #999;text-align: center; min-height:480px; width:980px;padding: 0;margin: 0px;display: block;float: left;}
			
.list_carousel ul li div.banner1{  position:relative; display:block; }
.list_carousel ul li div.bnrimg{ position:absolute; top:0px; left:0px; right:0px;}
			
.list_carousel ul li div.bnrimg img { width:100%; height:auto; }

.list_carousel ul li div.bnrtxt{display:block; width:40%; position:absolute; top:122px; left:19%; background:rgba(255, 255, 255, 0.8); padding:15px; }
.list_carousel ul li div.bnrtxt h3{font-family: 'BebasNeueRegular';  font-size:50px; color:#333333; text-align:left; }
.list_carousel ul li div.bnrtxt p{color:#333333; font-size:20px; color:#333333; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:29px; margin:0px 30px 15px 0px;}
			
.list_carousel ul li div a{ float:left; width:138px; height:38px; background:url(../images/btn-clickhere.png) no-repeat 0% 0%; display:inline-block; position:relative;  }
.list_carousel ul li div a:hover{ background-position:0% 100%;}


.list_carousel.responsive {width: auto;margin-left: 0;}





.banner{width:100%; padding:0px; margin:0px; text-align:center;}


.blog-big-sec{width:100%; padding:0px; margin:36px 0 0;}
.blog-big-sec ul{padding:0px; margin:0px;}
.blog-big-sec ul li{ float:left; width:300px; margin-left:40px; text-align:center; position:relative;}
.blog-big-sec ul li:first-child{ margin-left:0px;}
.blog-big-sec ul li img{ position:relative; z-index:1}
.boxtxt{position:relative; z-index:2 ; top:-35px;}
.blog-big-sec ul li h2{ margin-top:-18px; }
.blog-big-sec ul li p{ color:#4D4D4D; }
.blog-big-sec ul li a{ font-weight:normal }
.blog-big-sec ul li .graybox{padding:30px 25px 0px 25px; height:325px;}
.blog-big-sec ul li:hover .graybox{padding:30px 25px 0px 25px; background:#fff;height:325px;}







.graybox{ background:#f2f2f2; border:1px solid #e6e6e6; }





.blog-small-sec{width:100%; padding:0px; margin:36px 0 0;}
.blog-small-sec ul{padding:0px; margin:0px;}
.blog-small-sec ul li{ float:left; width:134px; margin-left:35px; text-align:center; }
.blog-small-sec ul li:first-child{ margin-left:0px;}
.blog-small-sec ul li img{}
.blog-small-sec ul li h2{ font-size:14px; font-family:Arial, Helvetica, sans-serif;  /*-ms-word-break: break-all; word-break: break-all;  
     word-break: break-word; -webkit-hyphens: auto;  -moz-hyphens: auto;  hyphens: auto; height:30px;*/ font-weight:bold;
}
.blog-small-sec ul li p{ color:#4D4D4D;}
.blog-small-sec ul li .graybox{padding:25px 8px; min-height:121px;} 
.blog-small-sec ul li:hover .graybox{padding:25px 8px; background:#fff;min-height:121px;} 

.content{width:100%; padding:0px; margin:60px 0; }
.content-left{ float:left; width:620px; padding:0px 26px;}
/*.content-left ul{ padding:0px 0 0 14px; margin:26px; border-left:1px solid #bf0000;  list-style-type:disc;list-style-position:outside;}
.content-left ul li{ list-style-type:disc;  font-size:16px; line-height:23px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; margin-left:14px; clear:both}*/
.content-left ul{ padding:0px 0 0 14px; margin:26px; border-left:1px solid #bf0000;  list-style-type:disc;list-style-position:outside;}
.content-left ul li{ list-style-type:none;  font-size:16px; line-height:23px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; margin-left:0px; clear:both; background:url(../images/rw.jpg) no-repeat 0px 7px; padding:0px 0px 0px 16px; }
.content-left ul li a{color:#1a1a1a;}



.content-right{ float:right; width:300px; background:#f2f2f2; border:1px solid #e6e6e6; padding:20px 0px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif;}
.content-right h2{margin:0px auto; width:85%;}
.content-right p{margin:0px auto; width:85%; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif;} 
.content-right p strong{ color:rgb(255,0,0);}
.content-right p strong a{ color:rgb(255,0,0) !important;}




#formdiv{ padding:0px; margin:0px auto; width:85%;}
#formdiv form{ padding:0px; margin:20px 0 0; border:0px;  font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif;}
#formdiv form .chk { padding:0px; margin-left:1px; margin-top:6px;}
#formdiv form input[type="text"]{ border:1px solid #c3c3c3; color:#333333; font-size:14px; background:url(../images/input-bg.png) repeat-x left top; width:82%; *width:94%;height:15px; padding:10px 2%; margin-bottom:10px; outline:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif;}
#formdiv form textarea{border:1px solid #c3c3c3; color:#333333; font-size:14px; background:#fff url(../images/input-bg.png) repeat-x left top; width:82%;*width:94%; height:70px; padding:12px 2%; margin-bottom:10px; outline:0; overflow:auto; resize:none; outline:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif;}
#formdiv form input[type="submit"]{ width:111px; height:38px; background:url(../images/btn-submit.jpg) no-repeat left top; float:left; border:0px; margin-top:10px; cursor:pointer;}
#formdiv p.enq {
    float: left;
    width: 90%;
    word-wrap: break-word;
}
/******innerpage css ****/

.content#inner{width:100%; padding:0px; margin:30px 0; }
.inner-right{ float:right; width:630px; padding:0px 0px 0px 0px;}
.inner-left{ float:left; width:300px;}
.innerbnr { margin-bottom:30px; }
.innerbnr img{width:100%;}



.leftbox{ background:#f2f2f2; border:1px solid #e6e6e6; padding:20px 0px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; margin-bottom:40px;width:100%;float:left;}
a:hover .leftbox{ background:#fff;}
a .leftbox p{ font-weight:normal; color:#1A1A1A;} 
a .leftbox p strong.blakcolor{ color:#1A1A1A !important; font-weight:bold;}

.inner-left ul{ padding:0px 0 0 10px; margin:10px 0px 0px 35px; border-left:1px solid #bf0000;  list-style-type:disc;list-style-position:outside; }
.inner-left ul li{ list-style:none; list-style-position:outside; padding:0px 0px 0px 0px ; margin:0px 0px 5px 0px; }
.inner-left ul li a{ background:url(../images/rw.jpg) no-repeat 0px 50%;  color:#1a1a1a; padding:0px 0px 0px 15px; font-weight:normal;  
-ms-word-break: break-all;     word-break: break-all;   
word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
.inner-left ul li a:hover{background:url(../images/rwh.jpg) no-repeat 0px 50%;color:#000; font-weight:bold;}
.inner-left ul li a#sel1{background:url(../images/rwh.jpg) no-repeat 0px 50%;color:#000; font-weight:bold;}
.inner-left h2{margin:0px auto; width:85%;}
.inner-left p{margin:0px auto; width:85%; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif;} 
.inner-left p strong{ color:#ff0000;}
.inner-left p strong a{ color:rgb(255,0,0) !important;}


.inner-left p a{ color:#1a1a1a;) !important;}




.inner-right h1{border-bottom:1px solid #bf0000; line-height:55px; padding-bottom:8px; margin-bottom:10px; font-size:55px;}
.inner-right h1 span{ margin:0px 0 0 60px; clear:both; display:block;}
.inner-right h1 img { margin-bottom:20px; float:left;}


.inner-right h1.carav{border-bottom:1px solid #bf0000; line-height:40px; padding-bottom:8px; margin-bottom:10px; font-size:50px;}
.inner-right p{margin:0px auto; width:100%; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; padding-bottom:10px;} 

.inner-right p a{margin:0px auto; width:100%; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; padding-bottom:10px; color:#1a1a1a} 

.inner-right ul{ padding:0px 0 0 14px; margin:26px; border-left:1px solid #bf0000;  list-style-type:disc;list-style-position:outside;}
.inner-right ul li{ list-style-type:none;  font-size:16px; line-height:23px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; margin-left:0px; clear:both; background:url(../images/rw.jpg) no-repeat 0px 7px; padding:0px 0px 0px 16px; }
.inner-right ul li a{color:#1a1a1a;}
/******(end******/

.inner-right ul.list{ margin:10px 0px 10px 0px; padding:0px 0px 0px 15px;  border-left:none;}
.inner-right ul.list li{ list-style-type:none;  font-size:16px; line-height:23px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; margin-left:0px; clear:both; background:url(../images/rd.png) no-repeat 0px 7px !important; padding:0px 0px 0px 18px; }


.contact-number{ text-align:center; padding:35px 0;}
.contact-number h2{ color:#333333; font-size:36px; }
.contact-number h2 span{ color:rgb(255,0,0); }
.contact-number h2 span a{ color:rgb(255,0,0) !important; font-weight:normal; }
#Image21{ position:relative; top: 5px ; left:10px;}
/*.contact-number a{ width:138px; height:38px; background:url(../images/btn-clickhere.png) no-repeat left top; display:-block; position:relative; top:5px; left:10px; }
.contact-number a:hover{ background-position:0px 100%;}*/

.our-clients{width:100%; padding:0px; margin:70px 0 58px; }
.ourclients-left{ float:left; width:150px; text-align:center; }
.ourclients-right{float:left; width:825px; }
.ourclients-left h2{ line-height:76px; font-size:36px;}
.our-clients-right ul{ text-align:center; vertical-align:middle;}
.our-clients-right ul li{ display:inline-block; *display:inline; margin:0px 5px; float:left; }




.footer{ width:100%; padding:0px; margin:0px; background:#f2f2f2 url(../images/footer-bg.jpg) repeat-x left top; border-bottom:8px solid #f71000;}
.footer-inner{width:980px; padding:55px 0 10px; margin:0px auto; clear:both;}
.footer-inner ul{ padding:0px; margin:0px;display:block;}
.footer-inner ul li{ float:left; margin-left:21px; display:block; }
.footer-inner ul li:first-child{ margin-left:0px;}

.footermenu-electrical{ width:15%; display:block ;   }
.footermenu-security{ width:9%;display:block ; }
.footermenu-datacom{ width:19%; display:block ; }
.footermenu-audiovisual{ width:10%; display:block ; }
.footermenu-datanetwork{ width:11%;display:block ;  }
.footermenu-opticalfibre{ width:25%;display:block ;  }

.footer-menu{display:block}
.footer-menu h3{font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; font-weight:bold; font-size:12.5px;}
.footer-menu h3 a{font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; font-weight:bold;  color:#4D4D4D;}
.footer-menu ul{ margin:0px; padding:0px;display:block; }
.footer-menu ul li{ list-style-type:none; margin:0px; padding:0px;display:block; width:100%; float:left; }
.footer-menu ul li a{ display:block; color:#4D4D4D; font-size:12.5px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; line-height:20px;font-weight:normal;}
.footer-menu ul li a:hover{ color:#000;}

.copyright{padding:35px 0 35px; margin:40px auto 0; width:980px; border-top:1px solid #e6e6e6; line-height:20px;}
.footer-logo{ float:left;}
.copyright-menu{ float:left; width:700px; color:#4D4D4D; font-size:14px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; text-align:center;}
.copyright-menu a{color:#4D4D4D; font-size:14px; font-family:'MyriadWebProRegular', Arial, Helvetica, sans-serif; display:inline-block;font-weight:normal;}
.copyright-menu a:hover{ color:#000;}
.directclick{ float:right;}


.inner-right .pdf1{width:310px; float:left; margin:30px 0px 30px 0px;}
 .inner-right .pdf2{width:310px; float:right; margin:30px 0px 30px 0px;}

.inner-right .imagebox{width:100px; float:left; padding:0px 10px 20px 0px;}
.inner-right .pdftxt{width:180px; float:right;}
.inner-right .pdftxt h3{ font-family:Arial, Helvetica, sans-serif  !important; font-size:13px; color:#000000; font-weight:bold;}
.inner-right .pdftxt p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }
.inner-right .pdftxt a{color:#fe0203 !important; font-size:12px; font-weight:bold;}
.inner-right .pdftxt a:hover{color:#000000 !important; font-size:12px; font-weight:bold;}



.row2{ width:100%; padding:0px; margin:0px auto; clear:both;}
.blog-big-sec2{width:100%; padding:0px; margin:36px 0 0;}
.blog-big-sec2 ul{padding:0px; margin:0px;}
.blog-big-sec2 ul li{ float:left; width:300px; margin-left:29px; text-align:center; position:relative; clear:none; list-style-type:none; padding-left:0px; background:none;}
.blog-big-sec2 ul li:first-child{ margin-left:0px;}
.blog-big-sec2 ul li img{ position:relative; z-index:1}
.boxtxt{position:relative; z-index:2 ; top:-35px;}
.blog-big-sec2 ul li h2{ margin-top:-18px; }
.blog-big-sec2 ul li p{ color:#4D4D4D; }
.blog-big-sec2 ul li a{ font-weight:normal }
.blog-big-sec2 ul li .graybox{padding:30px 25px 0px 25px; height:210px;}
.blog-big-sec2 ul li:hover .graybox{padding:30px 25px 0px 25px; background:#fff;}



.textimonil-content{ line-height:55px;}
.textimonil-content img{vertical-align:middle;}
a .leftbox p strong.blakcolor{ color:#1A1A1A !important; font-weight:bold;}
.textmonials-logo1{ margin-left:10px;}
.textmonials-logo2{ margin-left:10px;}

.contactext{ clear:both;}
.contactext p{ margin:0px 0 30px; color:#1A1A1A;}
.contactext a{color:#1A1A1A !important; display:inline; }

.inner-right .email-link a{color:blue;}
.inner-right .email-link a:hover{text-decoration: underline;}


/*alarm_systems page logo start*/
.alarmsystems-logos{width:100%; padding:25px 0px 10px; padding-bottom:10px\9; margin:0px 0 0px;  vertical-align:middle; }
.alarmsystems-logos h2{font-size:36px; line-height:40px; display:block; text-align:left; padding:0px 0 20px 0px; }
.alarmsystems-logos ul{ vertical-align:middle; margin:0px; padding:0px; border:0px !important; }
.alarmsystems-logos ul li{ display:inline-block;  *display:inline; margin:0px 28px 10px;   clear:none; background:none; padding:0px; vertical-align:middle; }
.alarmsystems-logos ul li img{ *margin-bottom:15px; margin-bottom:5px\9;}
/*close start*/


/*access-contol-logos page logo start*/
.access-contol-logos{width:100%; padding:25px 0px 10px; margin:0px; *padding:0px 0 45px; text-align:center; vertical-align:middle;}
.access-contol-logos h2{font-size:36px; line-height:40px; display:block; text-align:left; padding:0px 0 20px 13px; }
.access-contol-logos ul{text-align:center; vertical-align:middle; margin:0px; padding:0px; border:0px !important;}
.access-contol-logos ul li{ display:inline-block; *display:inline; margin:0px 17px 10px; *margin:0px 20px; float:left; clear:none; background:none; padding:0px; vertical-align:middle; }
/*close start*/


/*cctv-logos page logo start*/
.cctv-logos{width:100%; padding:25px 0px 10px; margin:0px; *padding:0px 0 45px; text-align:center; vertical-align:middle;}
.cctv-logos h2{font-size:36px; line-height:40px; display:block; text-align:left; padding:0px 0 20px 13px;}
.cctv-logos ul{ text-align:center; vertical-align:middle; margin:0px; padding:0px; border:0px !important;}
.cctv-logos ul li{ display:inline-block; *display:inline; margin:0px 17px 10px; *margin:0px 20px; float:left; clear:none; background:none; padding:0px; vertical-align:middle; }
/*close start*/
.marginbottom-40{ margin-bottom:40px;}
small a { color:#ff0101;}

.blog-big-sec1{width:100%; padding:0px; margin:36px 0 0;}
.blog-big-sec1 ul{padding:0px; margin:0px;}
.blog-big-sec1 ul li{ float:left; width:200px; margin-right:15px;  text-align:center; position:relative; background:none; display:inline; padding:0px; clear:none; }
.blog-big-sec1 ul li:first-child{ margin-left:0px;}
.blog-big-sec1 ul li:last-child{ margin-right:0px; float:right; *margin-right:0px; *float:right;}
.blog-big-sec1 ul li img{ position:relative; z-index:1}
.boxtxt1{position:relative; z-index:2 ; top:-35px;}
.blog-big-sec1 ul li h2{ margin-top:20px; line-height:35px; }
.blog-big-sec1 ul li p{ color:#4D4D4D; }
.blog-big-sec1 ul li a{ font-weight:normal }
.graybox1{ background:#f2f2f2; border:1px solid #e6e6e6; }
.blog-big-sec1 ul li .graybox1{padding:30px 25px 0px 25px; height:250px;}
.blog-big-sec1 ul li:hover .graybox1{padding:30px 25px 0px 25px; background:#fff;height:250px;}
.captcha-cover{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.button-cover{
width: 100%;
float: left;
}
.g-recaptcha{
transform: scale(0.80);
    -webkit-transform: scale(0.80);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    height: 60px;
    margin-top: 15px;
    margin-bottom:15px;
}
@media screen and (max-width:640px)  {
    .g-recaptcha{
transform: scale(0.70);
    -webkit-transform: scale(0.70);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    height: 65px;
    margin-top: 10px;
}
}
@media screen and (max-width:320px)  {
#formdiv form input[type="text"] {
    width: 80%;
    }
#formdiv form textarea {
    width: 80%;
    }
    }