@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
@import url("reset.css");
@import url("fonts.css");
@import url("base.css");

body{border-top:1px solid #24146d; overflow-x:hidden;}
p{margin:0px; padding:0px 0px 18px 0px; line-height:20px; font-family:Arial, Helvetica, sans-serif;  color:#626262; font-size:14px;}
#page-wrap {width:957px; margin:0px auto;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#324268; outline:none;}
a:active, a:focus{ outline:none;}
a:hover, a.selected {text-decoration:none; color:#333333;}
ul {list-style:none;}
li {list-style:none;}
.min-height{ min-height:500px;}
h1{ margin:0px 0px 50px 0px; padding:0px; font-weight:bold; font-family:"Times New Roman", Times, serif; font-size:22px; color:#1f1f1f; text-align:center;}
h2{ margin:0px 0px 30px 0px; padding:0px; font-weight:bold; font-family:"Times New Roman", Times, serif; font-size:21px; color:#1f1f1f;}
/* ========== Do Not Touch In Css End ========== */

/* ------- Header Area Strat ------- */
header{margin:0px; padding:0px; display:block; position:absolute; top:0; width:100%; z-index:999;}
.top{margin:0px; padding:10px 0px 10px 0px; float:right;}
.top li i{color:#443e8b; font-size:14px; margin-right:10px;}
.top li{float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; color:#000; font-family:Arial, Helvetica, sans-serif; line-height: 24px;}
.top li a{color:#000;}
.top li a:hover{color:#000; text-decoration:underline;}
.innerbanner{position:relative;}
.innerheader{position:relative; background:url(../images/header_bak.jpg) repeat;}

/* ------- Header Area End ------- */

/* ------- Navigation Area Strat ------- */
.navigation ul{ margin:20px 0px 0px 0px; padding:0px 0px 12px 0px; float:right; border-bottom:1px solid #24146d; height:28px;}
.navigation ul li{ margin:0px; padding:0px; float:left;}
.navigation ul li a{ margin:0px 0px 0px 30px; padding:0px 0px 0px 0px; float:left; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:12px; font-weight:bold; color: #324268!important;}
.navigation ul li:first-child a{margin:0px;}
.navigation ul li.active a, .navigation ul li:hover a{  padding-bottom:4px; border-bottom:3px solid #e2191f; color:#e2191f!important; -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; background:none!important;}
.solutions img{max-width:100%;}
.solutions h3{margin-top:15px;}
/* ------- Navigation Area End ------- */

/* ------- Home Banner Area Strat ------- */

.hm_banner{margin:0px auto; padding:0px; height:435px; position:relative; z-index:9; text-align:center; display:block;}
.inner_banner{/* height:200px;*/ text-align:center;}
.inner_banner img{max-width:100%;}
.carousel-fade .carousel-inner .item {-moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s;}
.carousel-fade .carousel-inner .active {opacity: 1; -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; z-index:2;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1; }
.carousel-fade .carousel-control {z-index: 2;}
.carousel, .carousel-inner, .carousel-inner .item {  height: 100%;}
.banner_text{ margin:0px; padding:0px 0px 0px 25px; font-size:50px; color:#453e8c; font-weight:bold; display:table; text-align:left;  height:185px;}
.banner_text span{vertical-align:middle; text-transform:uppercase; display:table-cell;}

.inner_banner_text{ margin:0px; padding:0px 0px 0px 25px; font-size:30px; color:#453e8c; font-weight:bold; display:table; text-align:left;  height:135px;}
.inner_banner_text span{vertical-align:middle; text-transform:uppercase; display:table-cell;}
.banner_img{ text-align:center;}
.carousel-indicators li{ background:url(../images/myCarousel.png) left top no-repeat!important; width:18px; height:11px; border:0px; border-radius:0px; margin:0px; padding:0px;}
.carousel-indicators .active{ background:url(../images/myCarousel_active.png) left top no-repeat!important; width:18px; height:11px; border:0px; border-radius:0px; margin:0px; padding:0px;} 

.navbar-collapse {
    background: none!important;
    padding: 0px!important;
}
.navbar-inverse {
    background: none!important;
    border: 0px!important;
    min-height: 0px!important;
    margin: 0px!important;
}
/* ------- Home Banner Area End ------- */

/* ------- Inner Banner Area Strat ------- */
/* ------- Inner Banner Area End ------- */

/* ------- Pages Contener Area Strat ------- */
/* ..... Home Page Contener Area Strat ..... */
.hm_cnt_area{ margin:70px 0px 0px 0px; padding:0px 0px 40px 0px; background-image: -webkit-linear-gradient(bottom, #e5e3fa, #fff); background-image: -moz-linear-gradient(bottom, #e5e3fa, #fff); background-image: -o-linear-gradient(bottom, #e5e3fa, #fff); background-image: -ms-linear-gradient(bottom, #e5e3fa, #fff); background-image: linear-gradient(to top, #e5e3fa, #fff);	width:100%;	min-height: 500px;}
.ineer_cnt_area{ margin:70px 0px 0px 0px; padding:0px 0px 40px 0px; background-image: -webkit-linear-gradient(bottom, #e5e3fa, #fff); background-image: -moz-linear-gradient(bottom, #e5e3fa, #fff); background-image: -o-linear-gradient(bottom, #e5e3fa, #fff); background-image: -ms-linear-gradient(bottom, #e5e3fa, #fff); background-image: linear-gradient(to top, #e5e3fa, #fff);	width:100%;	min-height: 400px;}
.solution_title{ padding:90px 0px 0px 0px; margin:0px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#453e8c;}
.line{ margin:0px; background:url(../images/line.png) right top no-repeat; height:200px;}
.divider1{ margin:15px 0px 20px 0px; padding:0px; border:1px solid #24146d; width:100%;}
.network_platform{ margin:0px; padding:0px; background:url(../images/network_platform.png) center top no-repeat; text-align:center;}
.network_platform:hover{ margin:0px; padding:0px; background:url(../images/network_platform_hover.png) center top no-repeat; text-align:center;}
.power_solutions{ margin:0px; padding:0px; background:url(../images/power_solutions.png) center top no-repeat; text-align:center;}
.power_solutions:hover{ margin:0px; padding:0px; background:url(../images/power_solutions_hover.png) center top no-repeat; text-align:center;}
.server_storage{ margin:0px; padding:0px; background:url(../images/server_storage.png) center top no-repeat; text-align:center;}
.server_storage:hover{ margin:0px; padding:0px; background:url(../images/server_storage_hover.png) center top no-repeat; text-align:center;}
.annual_contract{ margin:0px; padding:0px; background:url(../images/annual_contract.png) center top no-repeat; text-align:center;}
.annual_contract:hover{ margin:0px; padding:0px; background:url(../images/annual_contract_hover.png) center top no-repeat; text-align:center;}
.computing_software{margin:0px; padding:0px; background:url(../images/computing_software.png) center top no-repeat; text-align:center;}
.computing_software:hover{margin:0px; padding:0px; background:url(../images/computing_software_hover.png) center top no-repeat; text-align:center;}
.network_security{margin:0px; padding:0px; background:url(../images/network_security.png) center top no-repeat; text-align:center;}
.network_security:hover{margin:0px; padding:0px; background:url(../images/network_security_hover.png) center top no-repeat; text-align:center;}
.surveilance_solutions{margin:0px; padding:0px; background:url(../images/surveilance_solutions.png) center top no-repeat; text-align:center;}
.surveilance_solutions:hover{margin:0px; padding:0px; background:url(../images/surveilance_solutions_hover.png) center top no-repeat; text-align:center;}
.hardware{margin:0px; padding:0px; background:url(../images/hardware.png) center top no-repeat; text-align:center;}
.hardware:hover{margin:0px; padding:0px; background:url(../images/hardware_hover.png) center top no-repeat; text-align:center;}
.award_table{ width:100%; max-width:320px;}
.award_table tr{ margin:0px; padding:0px; text-align:left; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
.award_table tr th{ margin:0px; padding:5px; text-align:left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size:15px;}
.award_table tr td{ margin:0px; padding:5px; text-align:left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  font-size:14px;}
.award_table tr td img{ text-align:center; margin: 0 auto; text-align: center; display:block;  width: 78px;}
.table-responsive{ border:none;}


/* ..... Home Page Contener Area End ..... */

/* ..... Inner Page Contener Area Strat ..... */

/* ..... Left menu Area Strat ..... */

.left_menu ul li{ margin:0px; padding:0px; border-bottom:1px solid #fff; }
.left_menu ul li a{ margin:0px; padding:10px 10px 10px 15px; font-size:18px; color:#fff; background-color:#453e8c; display:inline-block; width:100%; font-weight:bold;}
.left_menu ul li:hover a, .left_menu ul li.selected a{ color:#453e8c; background-color:#c8c3c3; -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;}

/* ..... Left menu Area End ..... */

/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */

.footerarea{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#434343+0,3c3c3c+40,353535+100 */
background: #434343; /* Old browsers */
background: -moz-linear-gradient(top,  #434343 0%, #3c3c3c 40%, #353535 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(40%,#3c3c3c), color-stop(100%,#353535)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #434343 0%,#3c3c3c 40%,#353535 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #434343 0%,#3c3c3c 40%,#353535 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #434343 0%,#3c3c3c 40%,#353535 100%); /* IE10+ */
background: linear-gradient(to bottom,  #434343 0%,#3c3c3c 40%,#353535 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#353535',GradientType=0 ); /* IE6-9 */
padding:50px 0px; color:#fff; font-size:14px;}
.footerarea h2{color:#fff; font-size:20px; margin:0px; padding:0px 0px 20px 0px; text-transform:uppercase;}
.footerarea h2 span{ color:#fff; font-size:15px;}
.footerarea ul li{ padding-bottom:5px; line-height:14px;}
.footerarea ul li a{ color:#fff; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-family:14px; display:block;}
.footerarea ul li a:hover, .footerarea ul li a.selected{ color:#a7b6f0; -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;}
.footerarea .btmaddress p{ color:#fff; padding:0px; margin:0px;}
.footerarea .btmaddress p span{ display:block; font-weight:600; text-transform:uppercase;}
.footerarea .contactbtm table{ margin-bottom:30px;}
.footerarea .contactbtm table tr td{ padding-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
.footerarea .contactbtm table tr td i{ color:#fefefe;}
.footerarea .contactbtm table tr td p{ color:#fff;}
.footerarea .contactbtm table tr td i.fa-map-marker{ font-size:25px;}
.footerarea .contactbtm table tr td i.fa-envelope{ font-size:15px;}
.footerarea .contactbtm table tr:first-child td{ padding-right:10px;}
.footerarea .contactbtm a{ color:#fff;}
.footerarea .contactbtm a:hover{color:#a7b6f0; -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;}
.bottom_form input[type="text"]{ background:none; border:1px solid #fff; padding:3px; font-size:13px; color:#fff;}
.bottom_form .btn{padding:5px; float:right;}
.bottom_form .btn-default {background-color: #C2C2C2;  color: #404040; font-size:12px; text-transform:uppercase; font-weight:bold;}
.bottom_form .form-control{ height:30px;}
.bottom_form .form-group{ margin-bottom:15px;}
.bottom_form label.error, .bottom_form span.error{bottom:-22px;}
.btmlogo div img{ width:100%; max-width:166px;}
.btmlogo ul{ padding:0px 0px 0px 0px;}
.btmlogo ul li{ display:inline-block; padding:0px 10px 0px 0px;}
.btmlogo ul li a i.fa-facebook{ color:#567aff!important; font-size:20px;}
.btmlogo ul li a i.fa-google-plus{ color:#bb4747!important; font-size:20px;}
.btmlogo ul li a i.fa-linkedin{color:#0085AF!important; font-size:20px;}
.btmlogo ul li a i.fa-youtube{color:#C30000!important; font-size:20px;}
.btmlogo ul li:last-child{ padding-right:0px;}
.top_align{vertical-align:top;}
.left_text{text-align:left;}
.width_40{width:40%;}
iframe{ border:0px; width:100%; height:280px;}

input[type="button"],input[type="submit"],.btn-primary{ background-color: #c2c2c2;
    color: #404040;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase; border:1px solid #c2c2c2; float:left; padding:6px!important; line-height:15px;}
.btn-file{line-height:20px;}
input[type="button"]:hover,input[type="submit"]:hover,.btn-primary:hover,input[type="button"]:focus,input[type="submit"]:focus,.btn-primary:focus{ background-color: #eeeeee; color: #404040; border:1px solid #c2c2c2;}
.bottomarea{  background:#484747; color:#ffffff; font-size:11px; padding:10px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif;}
.bottomleft{ text-transform:uppercase; padding-top:2px;}
.bottomright{text-align:right; padding-top:0px;}
.bottomright table{ float:right; width:auto;}
.bottomright td{ padding-left:5px;}
ul.arrow{margin:0px; padding:0px;}
ul.arrow li{list-style:none; background:url(../images/blue_arrow.png) no-repeat left 5px; padding-left:15px; margin-bottom:5px;}
ul.split{display:inline-block;}
ul.split li{width:48%; float:left;}
.martop10{margin-top:10px;}
.btn-default{color:#000!important;}
.ineer_cnt_area h3{font-size:18px; margin-bottom:6px;}
ul.arrow{width:100%; font-family:Arial, Helvetica, sans-serif;}
ul.arrow li{width:100%; background:url(../images/dot_arrow.jpg) no-repeat left 5px;}
.marbtm20{margin-bottom:20px!important; display:inline-block; width:100%;}
ul.hardwarelogo{width:100%; display:inline-block;}
ul.hardwarelogo li{list-style:none; float:left; border:1px solid #ccc; float:left; width:175px; height:130px; margin:10px; background:#fff;}
/* ------- Footer Area End ------- */
.home_solutions .col-md-3{ cursor:pointer;}
/* ==================== Bootstrap Css Strat ==================== */
@media screen and (min-width : 740px) and (max-width : 1980px) {
.navbar-nav > li:hover > .dropdown-menu {display: block;}
.navbar-inverse .navbar-brand{ display:none;}
.navbar-collapse{ padding-left:0px; padding-right:0px;}
.dropdown-menu > li{ border-bottom:#dddddd solid 1px;}
.dropdown-menu > li:last-child{ border-bottom:none;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff!important;
  text-decoration: none;
  background-color: #034da2;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff!important;
  text-decoration: none;
  background-color: #034da2;
  outline: 0;
}
}
@media only screen and (max-width:1280px) {
	.hm_banner {
    height: 407px;}
}
@media only screen and (max-width:1024px) {
.nav > li{ padding:7px 18px;}
.hm_banner {
    height: 340px;}

}

@media screen and (min-width : 900px) and (max-width : 990px) {
.nav > li { padding: 7px 11px;}

}
@media only screen and (max-width:980px){
	.navigation ul{float:none;}
	header{position:relative;}
	.no_line{ background:none;}
	.hm_banner{height:310px;}
	.navigation ul li a{margin-left:45px;}
	.logo {
    margin-bottom: 20px;
    text-align: center;
}
}
@media only screen and (max-width:900px) {.leftsidebox, .rightsidebox{ width:85%;}}
@media only screen and (max-width:800px) {
.logo{ text-align:center; margin:10px 0px;}
.nav > li{ padding:0px 15px!important;}
.navbar-nav { float: right;}
.navigation{ padding-top:20px;}
.btmlogo ul li{ padding-right:6px;}
.navigation ul li a{margin-left:10px;}
.hm_banner{height:250px;}
.top{ float:none; display:block; text-align:center; padding-bottom:15px;}
.top li{ float:none; display:inline;}
.menu_btn{ display:block; padding:10px; color:#fff; background-color:#443e8b; font-size:14px; border:0px;}
}
@media only screen and (max-width:768px){
	.navigation ul{float:none;}
	header{position:relative;}
	.no_line{ background:none;}
	.hm_banner{height:250px;}
	.navigation ul li a{margin-left:10px;}
}
@media only screen and (max-width:640px){
.ineer_cnt_area{margin-top:30px;}
.navigation{padding-top:0px;}
.navbar-nav {float: none;}
.navbar-inverse{background:#443e8b!important; -webkit-border-radius: 4px; -moz-border-radius: 4px!important; border-radius: 4px!important;}
.nav > li, .nav > li:last-child, .nav > li:first-child{padding:8px 10px;}
.nav > li{border-bottom:#6660b7 solid 1px!important;}
.navbar-inverse .navbar-nav > li > a{ color:#fff!important;}
.navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-nav > li.active{ background:#6660b7!important;}
.navbar-inverse .navbar-nav > li:hover a{ color:#fff!important;} 
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff!important;}
.top li{ padding-left:7px; margin-bottom:5px; display:inline-block;}


.footerarea{ padding:30px 0px;}
.bottomleft, .bottomright{ text-align:center;}
.bottomright table{ float:none; display:inline-block; margin:5px auto 0px auto;}
.btmlogo{ text-align:center; padding-bottom:0px; border-bottom:#c1c1c1 solid 0px; margin-bottom:0px;}
.btmaddress{ padding:20px 0px; border-bottom:#c1c1c1 solid 1px; margin:20px 0px;  border-top:#c1c1c1 solid 1px;}
.contactbtm{ padding-bottom:0px; border-bottom:#c1c1c1 solid 1px; margin-bottom:20px}
.footerarea .contactbtm table{ margin-bottom:20px;}
.top{ padding-bottom:0px;}
}
@media screen and (max-width:640px){
.banner_text{display:block;}
.hm_banner{height:200px;}
.btmaddress{ padding:20px 0px 0 0; border-bottom:0px; margin:20px 0px 0 0;  border-top:#c1c1c1 solid 1px;}
.carousel-indicators{display:none;}
.banner_text{font-size:25px; height:100px; text-align:center;}
.banner_text span{width:100%; display:inline-block; text-align:center;}
.navigation ul li{float:left; width:100%;}
.navigation ul{height:auto;}
.navbar-nav > li > a{height:30px; margin:0px!important;}
.nav > li, .nav > li{padding:8px 10px;}
.nav > li:hover a{background:none!important;}
.nav > li, .nav > li:last-child, .nav > li:first-child{padding:0px;}
.navbar-inverse .navbar-nav > li > a{padding:5px; width:100%; display:inline-block;}
.navigation ul li.active a, .navigation ul li:hover a{border-bottom:0px;}
.inner_banner_text{margin:0px; height:30px; width:100%; text-align:center;}
.inner_banner{margin-top:10px;}
.inner_banner_text span{display: inline-block; margin-bottom: 10px;}
.left_menu{margin-bottom:30px;}
img{max-width:100%;}
.solutionbtm{  border-top: 1px solid #c1c1c1;
    margin: 20px 0 0;
    padding: 20px 0 0;}
.addressarea{ padding-bottom:20px;}
	}
@media (max-width: 480px){
	.bx-wrapper .bx-pager.bx-default-pager a{display:none;}
	.hm_banner{height:150px;}
}
@media (max-width: 360px){
	.hm_banner{height:110px;}
	.inner_banner_text{font-size:24px;}
	.home_solutions p{ padding-bottom:30px;}
	.home_solutions .col-md-3{ display:inline-block; width:100%; height:auto;}
	.home_solutions .annual_contract p{ padding-bottom:10px;}
	ul.hardwarelogo li{ margin:0px auto 10px auto; float:none;}
	.apple_products figure{ max-width:260px; margin:0px auto 10px auto;}
	.apple_products h3{ text-align:center; padding-bottom:10px;}
/*	.hm_cnt_area .col-md-3{ padding-bottom:50px;}*/
}
@media (max-width: 320px){
	.hm_banner{height:100px;}
}
.pansucess{
	background:url(../images/accept.png) no-repeat 15px center #EFFFB9;
	background-repeat:no-repeat;
	border:1px solid #99C600;
	color:#3C5A01;
	padding:14px 10px 14px 60px!important;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
}
.failure{
	background: url("../images/exclamation.png") no-repeat scroll 15px center  #FCCAC2;
	border:1px solid #EB5339;
	color:#AC260F;
	padding:14px 10px 14px 60px!important;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
}
input[type="text"].error, input[type="password"].error, input[type="file"].error, input[type="checkbox"].error textarea.error, select.error {
	border:1px solid #F00!important;
}
label.error, span.error {
	color:#ff0000!important; font-weight:normal; font-size:12px; position:absolute; bottom:-25px; right:0px;
}
.form-group{position:relative;}
/* --------------------- placeholder css Strat --------------------- */
.ie8 label.placeholder{ padding-top:0px!important;}
.ie8 .textarea1 label.placeholder{ padding-top:6px!important;}
.ie9 label.placeholder{ padding-top:0px!important;}
.ie9 .textarea1 label.placeholder{ padding-top:10px!important;}
/* --------------------- placeholder css End --------------------- */