/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
@import url("reset.css");
@import url("fonts.css");
@import url("base.css");
p {margin:0px;padding:8px 0px 8px 0px;line-height:21px;margin:0px 0px 15px 0px;}
.mainarea{margin:0px; padding:0px;}
.page-wrap{margin:0px auto;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none;color:#434343;}
a:hover, a.selected {color:#005a8d;text-decoration:none;}
ul {list-style:none;}
li {list-style:none;}
form {clear:both;}
.width50per{width:50%; float:left;}
.width30per{width:30%; float:left;}
.width70per{width:70%; float:left;}
h1{font-family:Share, Arial; font-size:24px; color:#757575; padding:0px 0px 8px 0px; font-weight:normal;}
h1 .blue{color:#00578a;}
h1 .red{color:#cb221a;}
h2{font-family:Share, Arial; font-size:20px; color:#005c8d; padding:0px 0px 13px 0px; font-weight:normal;}
h3{font-family:Share, Arial; font-size:24px; color:#00578a; font-weight:bold; padding:0px 0px 10px 0px;}
h4{margin-bottom:10px;}
/* ========== Do Not Touch In Css End ========== */

/* ------- Header Strat ------- */
.header{ margin:15px 0px 20px 0px;}
.header .logo{ margin:15px 0px 0px 10px; width:180px; float:left;}
.header .navinnumber{margin:5px 0px 0px 10px; float:right; width:700px;}
.callnow{margin:0px 0px 2px 0px; color:#434343; font-size:18px; font-family: "Share", arial; font-weight:400; font-style:normal; text-align:right;}
.callnow span{color:#cb221a;}
.emailnow{margin:2px 0px 0px 0px; color:#434343; font-size:13px; font-family: "Share", arial; font-weight:400; font-style:normal; text-align:right;}
/*
#navi{ padding:22px 0px 0px 0px; float:right;}
#navi ul{ padding:0px; margin:0px;}
#navi ul li{ float:left; padding:0px 15px 0px 15px; font-family:Share, Arial; font-size:16px; color:#005a8d;}
#navi ul li a{color:#005a8d;}
#navi ul li a:hover, #navi ul li a.selected{color:#c62119;}*/
/* ------- Header End ------- */

/* ------- banner start ------- */
.hmbanner{text-align:center;  margin:0px auto; max-width:1180px; height:297px; overflow:hidden;}
.hmbanner2{text-align:center;  margin:0px auto; max-width:1180px; overflow:hidden;}
.bannerback{background:#c7c7c7; width:100%!important;  }
ul.bxslider2 li{text-align:center; width:100%;}
.hmbanner .bx-wrapper{margin-bottom:0px;}
/* ------- banner end ------- */

/* ------- solution start ------- */
/*.solutionteasure{ margin:15px 0px 15px 0px;}
.solutionteasurebg{float:left; background:url(../images/solutionbg_bg.png) repeat-x; width:924px;}
.solutionteasurebg ul{float:right; width:835px; padding:20px 0px 0px 0px; height:102px;}
.solutionteasurebg ul li{ float:left;}
.solutionteasurebg ul li.divider{ padding:0px 7px 0px 7px;}*/

/* ------- solution end ------- */
.testiname{text-align:right; width:100%; font-weight:bold;}
/* ------- about part on home start ------- */
.aboutuspart{width:654px; float:left; margin:0px 10px 0px 0px;}
.aboutusbg{width:594px; background:url(../images/about_middle.png) repeat-y; padding:0px 30px;}
.aboutusbg p{font-family:Share, Arial; font-size:14px; color:#3f3f3f; font-weight: 400;}
.readmore{text-align:right;}
.readmore a{ color:#cb221a; font-weight:700;}
.readmore a:hover{ color:#00578a;}
.aboutdivider{background:url(../images/dotted_divider.png) repeat-x; height:2px;}
/* ------- about part on home end ------- */
.tesiquote{background:url(../images/leftrop_quote.png) no-repeat left top; padding:4px 0px 0px 10px;}
.rightquote{background:url(../images/right_btmquote.png) no-repeat right bottom;}
/* ------- partner part on home start ------- */
.partnerspart{width:294px; float:left;}
.partnersbg{width:294px; background:url(../images/partnersbg_middle.png) repeat-y; padding:0px 30px;}
.partnertitle{color:#005c8d; font-size:20px; font-family:Share, Arial; padding-top:5px;}
.partnerlogo{     display: inline-block;  padding: 0 11px 0 0; text-align: center; width: 95%;}
.partnerlogo ul{margin:0px; padding:0px;}
.partnerlogo ul li{margin:0px 14px 14px 0px; padding:0px; float:left; width:105px; height:68px;}
.partnerlogo ul li.last{margin-right:0pox;}
.viewall{text-align:right;}
.partnerlogo .bxslider2{margin:0px; padding:0px;}
.partnerlogo .bxslider2 li{margin:0px; padding:0px; width:250px; height:240px;}
.partlogo{width:105px; height:70px; display:block; float:left; margin:5px;}

/* ------- partner part on home end ------- */

/* ------- products part on home start ------- */
.productscroll{padding:20px 0px 0px 0px;}
.producttitle{position:absolute; z-index:20; color:#005c8d; font-size:20px; font-family:Share, Arial; padding-top:5px;}
/* ------- products part on home end ------- */

/* ------- footer part start ------- */
#footer{color:#777777; font-family:Share, Arial; font-size:13px; margin:40px 0px 40px 0px; height:50px;}
#footer ul{ font-family:Share, Arial; font-size:13px; color:#000;}
#footer ul li{ color:#005a8d; padding:0px 20px 0px 0px; float:left;}
#footer ul li a{ color:#005a8d;}
#footer ul li a:hover, #footer ul li a.selected{ color:#c62119;}
#footer .copyright{float:left; padding:5px 0px 0px 0px;}
/* ------- footer part end ------- */
/* ------- Home End ------- */

/* ------- inner banner start ------- */
.innrebanbg{background:url(../images/innerban_bg.jpg) repeat-x; width:100%; padding:0px; margin:0px 0px 20px 0px;}
/* ------- inner banner end ------- */

/* ------- side menu start ------- */

.sidemenubg{padding:5px 0px 10px 0px;}
.sidemenubg ul{ border-top:1px solid #dadada; padding:0px; margin:0px;}
.sidemenubg ul li{padding:10px 0px 15px 0px; background:url(../images/dotted_divider.png) bottom left repeat-x; font-family:Share, Arial; font-size:14px; color:#434343;}
.sidemenubg ul li .links{ margin:5px 0px 0px 0px; color:#434343; float:left;}
.sidemenubg ul li .links a{color:#434343;}
.sidemenubg ul li .links a:hover, .sidemenubg ul li .links a.active{color:#c62119;}
.sidemenubg ul li .icons{padding:0px 20px 0px 0px; float:left; width:30px;}

/****************** new solutions ****************/
.solutionsmain{border-radius:5px; border:1px solid #c2c2c2; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; min-height:92px; width:100%; margin-top:20px; background:#ffffff; padding:2px;}
.solutionsmain .solutionsiner{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; min-height:80px; width:90%; box-shadow:inset 0 0 20px #e2e2e2; -moz-box-shadow:inset 0 0 20px #e2e2e2; -webkit-box-shadow:inset 0 0 20px #e2e2e2; -o-box-shadow:inset 0 0 20px #e2e2e2; padding:2% 5%;}
.solutiontitle {   color: #005C8D;  float: left; font-family: Share,Arial; font-size: 20px; padding: 20px 0 0; text-align: left;  width: 14%; border:0px solid #000;}
.solutionlogo{margin:0px; padding:0px; float:right; height:80px; width:80%;}
.dividergray{border-bottom:1px dotted #CCCCCC; width:100%; height:2px; margin:20px 0px;}
.productlogo h2{color:#005c8d; font-size:20px; font-family:Share, Arial; padding-top:5px;}

/* ------- side menu end ------- */

/* ------- inner content area starts here ------- */
.contentarea{ width:672px; float:right; padding:0px; margin:0px;}
.contentareabg{background:url(../images/innertextbg.png) repeat-y; padding:0px 25px;}
.contentarea p{ font-family:Share, Arial; font-size:14px; color:##3F3F3F; margin:0px;}
.divider{background:url(../images/dotted_divider.png) repeat-x; padding:0px; margin:20px 0px 0px 0px;}
.simplearrow{ width:100%;}
.simplearrow ul{ padding:0px; margin:10px 0px 10px 0px;}
 .simplearrow ul li{background:url(../images/arrow.jpg) no-repeat left 11px; padding:5px 0px 5px 15px; font-family:Share, Arial; font-size:14px; width:30%; float:left;}
 ul.cntarrow li{background:url(../images/arrow.jpg) no-repeat left 11px; padding:5px 0px 5px 15px; font-family:Share, Arial; font-size:14px; }
  ul.split li{width:45%; float:left;}
/* ------- inner content area end here ------- */

.partnersbg{width:294px; background:url(../images/partnersbg_middle.png) repeat-y; padding:0px 30px;}

/************** booststrap over write **************/
.navbar .nav{ float:right; margin:0px; margin-top:10px;}
.navbar .nav > li {padding:0px; background:url(../images/nav_divider.jpg) no-repeat left 10px; margin:0px; cursor:pointer;}
.navbar .nav > li:first-child{background:none;}
.navbar .nav > li > a{color:#005A8D; text-shadow:none; font-size:14px; display:inline-block; padding:9px 20px 11px; width:66%; display:inline-block;}
.navbar .nav > li:hover a{cursor:pointer;}
.navbar .nav .active > a, .navbar .nav .active > a:hover{color:#ff0000; background:none!important; text-shadow:none; width:64%; display:inline-block;}
.navbar .nav > li >:hover ul li a{color:#083f63!important;}
.nav-collapse .dropdown-menu a{padding:2px 15px!important;}

.dropdown-menu li{padding:0px 10px;}
.dropdown-menu li a{border-bottom:1px solid #e3e3e3; padding:5px 0px 5px 15px;}


.martop25{margin-top:25px!important;}
.slider2 .bx-wrapper .bx-viewport{background:none; box-shadow:none; border:none;}
.slider2 ul li div{text-align:center; font-size:13px;}
.slider2 .medi{ text-align:center;}
.slider2 .red{}
.slider2 .security{}
.slider2 .infra{}
.slider2 .crm{}
.slider2 .busines{}
.slider2 .rfid{ }
.slider2 .custom{ }
.divider1{ border-bottom:2px solid #e2908c; padding:0px; margin:0px 0px 0px 0px;}
.graybox{background:#f3f3f3; border-radius:10px; padding:20px; width:94%; min-height:60px; margin-bottom:10px;}
.btnlearnmore{float:left;}
.btndwnliad{float:right;}
ol{margin:0px 0px 0px 20px; padding:0px;}
ol li{padding-bottom:5px;}
h4.ttl2 span { font-weight:normal; color:#c31818;}
h4.ttl2 {font-weight:bold; color:#666666;}
.solutionsiner h1{color:#C62119;}

.textbox{ -webkit-border-radius:5px; -o-border-radius:5px; min-height:30px; width:90%; box-shadow:inset 0 0 20px #e2e2e2; -moz-box-shadow:inset 0 0 20px #e2e2e2; -webkit-box-shadow:inset 0 0 20px #e2e2e2; -o-box-shadow:inset 0 0 20px #e2e2e2;}
.textbox input{ width:94%; height:30px; padding:0px 10px; color:#666; font-family:Share, Arial; font-size:13px; color:#000; font-weight:normal;}
.textarea{ background:url(../images/textarea_bg.png) no-repeat top left; width:308px; height:145px; margin:5px 0px 15px 0px;}
 .textarea{ width:288px; height:120px; padding:0px 10px; background:none; border:none; font-family:Share, Arial; font-size:13px; color:#000; font-weight:normal;}
 
 ul.contactform{margin:0px; padding:0px;}
  ul.contactform li{margin:0px 0px 15px; padding:0px;}
.marbottom20{margin-bottom:20px;}
.ttl3{display:block; padding-bottom:10px;}

@media (max-width: 1024px) {.hmbanner{margin-left:20px;}
@media (max-width: 979px) {.navbar .nav > li, .navbar .nav > li.active{background:none; background:#e5e5e5; border-bottom:1px solid #fff;}}

@media (min-width: 768px) and (max-width: 979px) {.navbar .nav > li, .navbar .nav > li.active{background:none; background:#e5e5e5; border-bottom:1px solid #fff;} .logo{margin-top:5px!important;} .navbar{margin-top:45px;}
.hmbanner{height:225px; overflow:hidden;}
 }
@media (max-width: 767px){.logo{margin-top:5px!important;} .navbar{margin-top:45px;} .hmbanner{height:160px; overflow:hidden;}}
@media (max-width: 480px) {.logo{width:200px!important; margin:5px 0px 15px!important; clear:both;} .navbar .nav > li, .navbar .nav > li.active{background:none; background:#e5e5e5; border-bottom:1px solid #fff;}
.solutiontitle { width:20%;}
.solutionlogo{width:75%;}
 .simplearrow ul li{width:35%; margin-right:20px;}
.graybox{width:83%;}
  ul.split li{width:90%; float:none;} .hmbanner{height:85px; overflow:hidden;}

}
 @media (max-width: 360px) {.logo{width:100px!important; margin:5px 0px 15px!important; clear:both;}
.callnow, .emailnow{text-align:right!important;  padding-left:130px;}  .callnow{font-size:14px;}
.solutiontitle { width:30%;}
.solutionlogo{width:68%;} .navbar{margin-top:25px;}
 }
@media (max-width: 320px) {.logo{width:100px!important; margin:5px 0px 15px!important; clear:both;} .callnow, .emailnow{text-align:right!important; padding-left:113px;} .callnow{font-size:14px;} .hmbanner{height:73px; overflow:hidden;} }