@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/droidsans-webfont.woff2') format('woff2'),
         url('../fonts/droidsans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'droid_sansbold';
    src: url('../fonts/droidsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/droidsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body{font-family: 'droid_sansregular'; font-size:1em;color:#000}
img {
    vertical-align: middle;
    width: 100%;
    height: auto;
}
   a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #e31837;
}
a:active {
	text-decoration: none;
	color: #000;
}
.fluid{width:100%; float:left}
label{font-weight:normal}
.body-container{width:100%; max-width:1200px;margin:0 auto;position:relative;    padding: 0 5px;}
#topMenu{margin:5px 0}
#topMenu li{text-transform:uppercase; font-size:.6em;padding:3px;float:left}
#topMenu li a{padding:0}
#topMenu li.login{color:#fff; background-color:#fda700;margin:0 5px}
.topNav{ float: left;
    width: 100%;border-bottom:3px solid #b01f25}
#mainNav li a{padding:8px; font-size:1.6em}
.dropdown-menu>li>a{padding:8px 20px !important}
.navbar {
    min-height: inherit;
     margin-bottom: 0px;
    border: 0px ;    padding: 18px 0;
}
.glyphicon{font-size:.8em;top:0px}
#mainNav li a:hover, #mainNav li a:focus{background-color:#e31837;color:#fff}
.logoImg{padding:10px 0; text-align:center}
.logoImage{max-width:285px}
.nav{width:100%}
.navbar-header{background-color:#e31837;}
.nav>li{width:100%;text-align:left}
.navbar-toggle .icon-bar{background-color:#fff}
.navbar-toggle {    padding: 0px 10px;float: none;
    text-align: center;
    width: 100%;background-color:#e31837;color:#fff; font-size:1.5em}
.bodyText{    font-size: 1.4em;color: #666666;}

.pageHead{text-transform:uppercase;font-size:1em; width:auto; border-bottom:2px solid #034ea2;float:left;padding:40px 0 8px 0;margin-bottom:50px}
.dropdown-menu{background-color:#808080; font-size:1em; box-shadow:none;border-radius:0}
.row{position:relative}
.dropdown-menu>li>a{color:#fff}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.navbar-collapse{padding-left:0;padding-right:0}
.navbar-nav{margin:0}
.noLRPad{padding-left:0px;padding-right:0}
.bxslider, .bxslider1 {
  margin: 0 !important;
    padding: 0 !important;
}
.bx-wrapper{margin:0 auto; border:0; box-shadow:none}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:15px; text-align:left;    width: auto;
    padding: 0px 5px 5px 5px; background-image:url(../images/pagerBg.png); background-repeat:repeat;left:25px}
	.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a:focus{width:15px;height:15px; background-color:#fff; border:2px solid #000;    border-radius: 10px;}
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#e31837; border:2px solid #e31837}
	.bx-controls-direction a {
    display: none;
}

.bx-wrapper:hover .bx-controls-direction a {
    display: block;
}
.textSection{padding:40px 0; font-size:1.4em; color:#666666}
.mainHead{font-size:1.6em; color:#000;padding:0 0 15px 0; font-family: 'droid_sansbold';}
.servicesIcon{width:80px; height:80px; margin:0 auto 10px; border:2px solid #808080; border-radius:50%; background-image:url(../images/sprite_services.png); background-repeat:no-repeat; }
.support{background-position:8px 6px}
.prof{ background-position:-52px 6px}
.secu{ background-position:-110px 6px}
.hard{ background-position:-168px 6px}
.clou{ background-position:-233px 6px}
.serviceSection{font-size:1.3em; color:#000}
.bx-wrapper img{width:auto}

.partnerCont{    padding-bottom: 20px;
        border-bottom: 3px solid #b01f25;}
.myfooter{ background-color:#d4d4d4;padding:25px 0}
.footerImg{max-width:235px}
.footerlinks{padding-top:0px}
.footerText{font-size:1.4em;padding-bottom:13px; color:#696969}
.footerText a, .footerText a:visited{color:#696969}
.footerHead{font-family: 'droid_sansbold';font-size:1.5em;}
.footerText a:hover{color:#e31837}
.socialIcon{width:30px; height:30px; float:left; background-image:url(../images/sprite_services.png); background-repeat:no-repeat; margin-right:10px }
.facebook{background-position:-16px -197px}
.linkedin{background-position:-57px -197px}
.twitter{background-position:-94px -197px}
.footerstrip{background-color:#808080; color:#fff; font-size:1.1em; padding:5px 0}
.nevis{text-align:left}
.servicePad{padding-bottom:20px; cursor:pointer}
.bx-controls{display:none}
.textPad{    padding-bottom: 20px;}
input[type=text]{width:100%;    color: #000;}
#support:hover .support{background-position:8px -60px;    border: 2px solid #e31837;}
#support:hover a{color:#e31837;}
#profe:hover .prof{background-position:-52px -60px;    border: 2px solid #e31837;}
#profe:hover a{color:#e31837;}
#secur:hover .secu{background-position:-110px -60px;    border: 2px solid #e31837;}
#secur:hover a{color:#e31837;}
#hardw:hover .hard{background-position:-168px -60px;    border: 2px solid #e31837;}
#hardw:hover a{color:#e31837;}
#cloud:hover .clou{background-position:-234px -60px;    border: 2px solid #e31837;}
#cloud:hover a{color:#e31837;}
.footerCol1{width:100%; float:left;padding-right:10px}
.footerCol2{width:100%; float:left}
.bannerDiv{width:100%; max-width:1200px; margin:0 auto}
.topstrip{margin-top:15px;background-color:#e31837;color:#fff;font-weight:bold; font-size:2em;padding:15px}
.mybutton{background-color:#e31837;color:#fff; padding:5px 10px;border:0;margin-right:20px}
.mybutton1{background-color:#fff;color:#e31837; padding:5px 10px;border:0;margin-right:20px}
.greybox{background-color:#f4f4f4;padding:45px 0}
.whitebox{background-color:#fff;padding:45px 0}
.blackText{color:#000}
.subText{font-size:.9em}
.subHead{font-size:1.2em; color:#000}
.extraLeft{padding-left:0px}
.imgBorder{border:1px solid #c1c1c1}
.rightCol{padding-top:20px}
.partnerImage{width:100%;float:left;padding:0 15px 0 0;margin-bottom:15px}
.findpartnerImage{width:100%;float:left;padding:0 15px 0 0;margin-bottom:15px}
.storageImage{max-width:250px;width:100%;float:none;margin:0 auto}
.partnerDesc{display:none;padding:5px 0}
.partner{cursor:pointer; margin-bottom:10px}
.rightBorder{border-right:0px solid #e1e1e1}
.rightBorder1{border-right:0px solid #e1e1e1}
.leftBorder{border-left:0px solid #e1e1e1}
.supporticons{width:30px; height:25px;float:left;background-image:url(../images/sprite_services.png); background-repeat:no-repeat;margin-right:30px}
.support-person{background-position:-146px -196px}
.support-call{background-position:-203px -196px}
.support-secure{background-position:-253px -196px}
.mailButton{background-image:url(../images/envelope.png); background-repeat:no-repeat;    padding: 10px 18px 10px 43px;
    background-position: 15px 13px;    margin-right: 0;}
.reqButton{background-image:url(../images/phone.png); background-repeat:no-repeat;    padding: 10px 18px 10px 43px;
    background-position: 15px 13px;}
.alignRight{text-align:center;margin-bottom: 20px;}
.alignLeft{text-align:center;margin-top:20px;}
.consultIcon{width:36px; height:38px;float:left;background-image:url(../images/sprite_services.png); background-repeat:no-repeat;margin-right:30px;margin-top: 4px;}
.docs{background-position:-16px -134px}
.lock{background-position:-64px -137px}
.lock1{background-position:-112px -138px}
.downtime{background-position:-159px -132px}
.network{background-position:-205px -136px}
.tel{background-position:-254px -136px}
.move{background-position:-303px -136px}
.team{background-position:-354px -141px}
.folder{background-position:-400px -139px}
.pipeline{background-position:-449px -139px}
.servIcon{width:55px; height:50px;background-image:url(../images/sprite_services.png); background-repeat:no-repeat;display:inline-block}
.servHead{color:#666666;font-size:1.2em}
.voip{background-position:-307px -2px}
.install{background-position:-380px -2px}
.jigsaw{background-position:-316px -72px}
.locate{background-position:-378px -71px}
.clearBoth{clear:both}
.minH{min-height: inherit}
.grey{background-color:#4d4e53}
.modal-body{    font-size: 1.4em;
    padding: 20px 15px;}
.divHeight, .divHeight1{min-height:auto}
.divPosition{position:inherit;top: 50%;-webkit-transform: translateY(-0);-ms-transform: translateY(-0%);transform: translateY(-0%); padding-right:0px}
.headFont{    font-size: 1.2em;    color: #000;}
.moreText{font-size:.8em; color:#e31837}
.keyDiv{text-align:center;color:#fff;padding:8px; background-color:#6f6f6f;width:100%;}
.redSquare{width:23px;height:23px; background-color:#cc1c00;float:left;margin-right:10px}
.overviewImage{max-width:320px; border:1px solid #ccc}
.tickbullet{list-style-image: url('../images/tick.png');    font-size: 1.3em;
}
.tickbulletC{list-style-image: url('../images/tick-circle.png');    font-size: 1.3em;
}
.kpiHead{font-size:27px}
.kpi{width:80px;height:70px;display:inline-block;background-image:url(../images/sprite_services.png); background-repeat:no-repeat;}
.wait{background-position:1px -234px}
.tickets{background-position:-93px -234px}
.calls{background-position:-202px -234px}
.allSources{background-position:-289px -234px}
.sla{background-position:-374px -231px}
.satisfy{background-position:-462px -234px}
.greycircle{width:160px;height:160px;float:left; border-radius:50%; color:#fff; text-align:center; background-color:#808080;position:relative;    margin-bottom: 15px;}
.circleText{position:absolute;width:160px;top:50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);    font-size: 1.3em;    padding: 0 10px;}
.mycol{width:100%;float:left;padding:0 30px}
.securityHead{font-family: 'droid_sansbold'; font-size:1.3em; color:#000}
.securityPad{padding-bottom:70px}
.mybutton a, .mybutton a:hover{color:#fff !important}
.ribbon-wrapper{width:100%;position:relative;padding: 0 4px;}

  .ribbon-wrapper-inner{min-height:90px; height:auto; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3); background-color:#fff;}
.ribbon-wrapper-green {
  width: 100%;
 
 
  position: absolute;
 left:0px;
}

.ribbon-green {
 font-size: 1.2em;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
 
  position: relative;
  padding: 7px 10px;
  
  background-color: #e31837;
 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-wrapper-green:before, .ribbon-wrapper-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -2px;
}

.ribbon-wrapper-green:before {
  left: 0;
}
.ribbon-wrapper-green:after {
  right: 0;
}​

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
   margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 767px){

.navbar-nav .open .dropdown-menu {background-color: #808080;
}
}
@media (min-width: 480px) {
#topMenu li{font-size:.65em;padding:5px 7px;}
.nav>li>a{padding: 10px 15px;}
.footerCol1{width:50%; float:left}
.footerCol2{width:100%; float:left}
.partnerImage{width:33.33%;float:left}
.findpartnerImage{width:50%;float:left;padding:0 15px 0 0;margin-bottom:15px}
.mycol{width:50%;float:left}
}
@media (min-width:620px) {
	
}
@media (min-width:768px) {
.nav>li{width:20%;text-align:center}
.navbar-right .dropdown-menu {
	right:0;
}
#mainNav li a{padding:8px 0px; font-size:1.6em}
.nevis{text-align:right}
.footerCol1{width:25%; float:left}
.footerCol2{width:50%; float:left}
.footerlinks{padding-top:15px}
.findpartnerImage{width:25%;float:left;padding:0 15px;margin-bottom:15px}
.storageImage{max-width:250px;width:100%;float:right;margin:0}
.alignRight{text-align:right;margin-bottom: 0px;}
.alignLeft{text-align:left;margin-top: 0px;}
.rightBorder1{border-right:3px solid #e1e1e1}
.mycol{width:33.33%;float:left}
}
@media (min-width:992px) {
	.extraLeft{padding-left:30px}
	.rightCol{padding-top:0px}
	.rightBorder{border-right:3px solid #e1e1e1}
	.leftBorder{border-left:3px solid #e1e1e1}
	.divHeight{min-height:270px}
		.divHeight1{min-height:350px}
	.divPosition{position:absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); padding-right:30px}
}

@media (min-width:1024px) {
.logoImg{padding:0}
.servicePad{padding-bottom:0}
.bx-controls{display:block}
.textPad{    padding-bottom: 0px;}
.footerlinks{padding-top:30px}
.mycol{width:16%;float:left}
.modal-dialog {
    width: 950px;}
}
@media (min-width:1200px) {
	.navbar-right .dropdown-menu {
	right:auto;
}
.clearBoth{clear: none}
.minH{min-height: 95px;}
}