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

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

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

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

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

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

}
.main-bedge {
	float: left;
	text-align: center;
	display: inline-block;
	width: 100%;
}
.main-bedge img {
	text-align: center !important;
	display: inline-block !important;
	float:none !important;
}
.center-cont {
	text-align: center;
	display: inline-block;
}
.wrapper.featre {
	background: transparent;
	float: left;
	background-position: center top;
	padding: 0 0 0;
}
.inner-f {
	background: #fff;
	box-shadow: 2px 1px 7px #4a4a4a;
	float: left;
	margin: 0 0px;
	padding: 20px;
}
.inner-f img {
	width: auto !important;
	height: auto !important;
	float: left !important;
}.row.f-inner {
	position: relative;
	top: 104px;
}
.row.top-f {
	position:relative;
	padding: 25px 0;
}.top-f .col-md-4 {
	border-left: 2px solid #efefef;
}.col-md-4.first {
	border-left: none;
}
.top-f h2 {
	color: #1b53c2 !important;
	text-transform: capitalize !important;
	vertical-align: middle !important;
	display: inline-table !important;
	font-size: 39px !important;
}
.block-f {
	float: left;
	width: 100%;
	padding: 15px 0 5px;
}.block-f h3 {
	float: left;
	text-align: left;
	font-size: 17px;
	padding: 0;font-family: 'montserratmedium';
	margin: 0 0 0 5px;
}
.container.plans-h {
	float: left;
	padding: 27px 0px;
}
.wrapper.plans-h{
background: #d3fbfd;
background: -webkit-linear-gradient(to right, #ffffff, #d3fbfd);
background: linear-gradient(to right, #f9f9f9, #f4f8ff);
padding:70px 0;
}
.welcome {
	float: left;
	padding: 27px 0 3%;
	width: 100%;
	text-align: center;
	margin: 0 0 0;
	background:url(../images/datacenter-bg.png) no-repeat;background-size: 100%;
}.welcome h1 {
	font-size: 39px;text-align: left;
	text-transform: uppercase;margin: 0 0 15px;
}
.butrow {
	display: inline-block;
	float: left;
	height: auto;
	margin-top: 12px;
	text-align: left;
	width: 100%;
}
.zero_click .butrow {
	text-align: center;
}.welcome img {
	width:auto;
	float: left;
}
.mn-img {
	text-align: center;
	display: inline-block;
}
.mn-img img {
	text-align: center;
	display: inline-block;
	float: none !important;
}
.wrapper.bread {
	margin-bottom: 0;
}
.welcome .learn {
	background: #ff9421;
	margin-top: 0;
	padding: 10px 20px;

	margin-bottom: 10px;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	/* border-bottom: 4px solid #d79803; */
	font-weight: bold;
	font-size: 16px;
	border-radius: 3px;
}
.welcome h2 {
	text-align: center;
	font-size:42px;
	color: #fff;
	margin: 0 0 0;
	text-shadow: 1px 1px 3px #0000;
	font-weight: bold;
	float: left;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.welcome p {
	text-align: left;
	color: #262626;
	margin: 0 0 8px;
	float: left;
	font-size: 15px;
	line-height: 21px;
}
.welcome ul li::before {
	content: "\f00c";
	color: #4CB149;
	font-family: 'FontAwesome';
	margin-right: 7px;
	position: relative;
}
.welcome h3.pr {
	color: #ffb709;
	font-size: 73px;
	text-align: left;
	letter-spacing: 0px;
	float: left;
}
.welcome sup {
	color: #333;
	font-size: 47px;
	position: relative;
	top: -31px;
}
.welcome h3.pr span {
	color: #333;
	font-size: 47px;
}
.welcome h3.pr sub {
	bottom: 0;
}
.welcome h3.pr  strong {
	font-weight: normal;
	color: #333;
	font-size: 30px;
}
.welcome ul li {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding-left: 0px;
	text-align: left;
	float: left;
	width: auto;
	margin-left: 19px;
}
.welcome ul li:first-child {
	margin-left: 0;
}
.wrap.w-ftr {
	 background:linear-gradient(90deg,#021048,#1e38a3);
	padding: 5px 0;
	margin-top: 20px;
}
.welcome ul {
	float: left;
	width: 100%;
	margin:10px 0 10px 0;
	text-align: center;
	display: inline-block;
}
/*DATACENTER*/
a.get,
a.cont {
 border:medium;
 background:#288feb;
 border-radius:0;
 float:left;
 font-size:17px;
 margin-right:12px;
 margin-top:10px!important;
 padding:10px 27px;
 text-transform:uppercase;
 width:auto
}
a.cont {
 border:2px solid #288feb;
 color:#288feb;
 background:0 0;
 padding:8px 27px
}
h1.toph {
 font-size:48px;
 margin-bottom:20px;
 font-weight:700;
 text-transform:uppercase
}
.detail-text p.big {
 color:#2573bb;
 font-size:21px;
 font-style:italic;
 font-weight:700;
 line-height:31px;
 text-align:left
}
.datacenters {
 background:url(../images/bgdt.jpg) center center repeat;
 padding:50px 0
}
.datacenters .box-dtc img {
 width:100%;
 height:auto
}
.datacenters .box-dtc {
 border:1px solid #333;
 margin:20px 15px;
 padding:20px;
 width:47%;
 position:relative
}
.dt_name a,
.trigger a {
 color:#fff
}
.dt_name {
 background:rgba(0,0,0,.7) none repeat scroll 0 0;
 color:#fff;
 font-size:18px;
 font-weight:700;
 padding:11px
}
.action-btn {
 margin-top:-48px
}
.trigger {
 background:rgba(40,121,196,.7) none repeat scroll 0 0;
 color:#fff;
 font-size:30px;
 font-weight:700;
 padding:9px;
 text-align:center
}
.box-ico {
 background:#f9f8f9 none repeat scroll 0 0;
 padding:12px 0;
 text-align:center
}
.box-cont p {
 font-size:16px
}
.mngd.wrapper {
 float:left;
 padding:25px 0 5px;
 width:100%
}
.con .row {
 margin:20px 0
}
.con h2 {
 text-transform:uppercase
}
.con h1 {
 float:left;
 width:100%
}
.box-cont {
 border:1px solid #efefef;
 font-size:20px;
 padding:10px 20px 24px
}
.datacenters-inn {
 background:transparent url(../images/datacenter-inner.jpg) repeat scroll center center;
 padding:50px 0;
 margin-bottom:25px
}
.datacenters-inn h2 {
 color:#fff
}
.li-dtc ul {
 float:left;
 padding:0 0 0 31px
}
.li-dtc ul li {
 color:#fff;
 display:flex;
 font-family:open_sanssemibold;
 font-size:17px;
 padding-bottom:14px
}
.li-dtc ul li:before {
 content:"\f00c";
 margin-right:5px;
 font-family:fontawesome;
 color:#2674bc
}
.dtc-img img {
 width:60%;
 text-align:center;
 height:auto
}
.modal-dialog {
 width:600px
}
.thumbnail {
 margin-bottom:6px
}

.wrapper1 {
 float:left;
 padding:30px 0;
 width:100%
}
.primarynav.mobnav {
 display:none
}
.dt-box {
	border: 2px solid #4994cd;
	margin-bottom: 30px;
	float: left;
	width: 48%;
}
.dt-box.green {
 border:2px solid #ff9421;
 margin-left:2%;
}
.dt-box.green .left-img {
 float:right
}
.dt-box.green .cirico {
 padding:7px;
 position:absolute;
 color:#fff;
 width:85px;
 height:85px;
 background:#ff9421;
 border-radius:50%;
 text-align:center;
 line-height:50px;
 border:10px solid #fff;
 top:-26px;
 right:-30px!important
}
.dt-box h3  {
 clear:both;
 background:#ff9421;
 color:#fff;
 font-size:20px;
 font-weight:700;
 margin:0;
 width:100%;
 text-transform:uppercase;
 padding:11px 11%;
text-align:center;}
.li-dtc1 {
	height: 230px;
	 -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
}
.dt-box {background:#fff;
	 -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
}
/*HOVER EFFECT*/
.dt-box:hover{
	background:#fff;
	position:relative;
	z-index:9999;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
    transform: scale(1.1);	
	
}
.more {
		 -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
}
.more:hover{
	color:#fff;
	font-weight:bold;
		position:relative;
	z-index:9999;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
    transform: scale(1.1);
	
}


/*HOVER EFFECT END*/
.dt-box.blu h3  { 
 padding:11px 11%;
 background:#4994cd;
}
.dt-box img {
 width:100%;
 height:auto
}
.content {
 padding:15px
}
.dt-box h1.toph {
 font-size:36px;
 margin-bottom:12px;
 font-weight:700;
 text-transform:uppercase
}
.left-img {
 padding:0;
 position:relative
}
.dt-box p.big {
 color:#000;
 font-size:16px;
 font-style:normal;
 font-weight:400;
 line-height:28px;
 text-align:left;
 letter-spacing:1px
}
h2.dt_title {
 clear:both;
 background:#4994cd;
 color:#fff;
 font-size:20px;
 font-weight:700;
 margin:0;
 width:100%;
 text-transform:uppercase;
 padding:11px 0;
}
.dt-box.green h2, .dt-box.blu h2{
	text-align:left;font-size: 25px;text-align: center;
}
.dt-box.blu .cirico {
 padding:7px;
 position:absolute;
 color:#fff;
 width:85px;
 height:85px;
 background:#4994cd;
 border-radius:50%;
 text-align:center;
 line-height:50px;
 border:10px solid #fff;
 top:-26px;
 left:-30px
}
.cirico .fa {
 font-size:30px;
 line-height:42px
}
.more {
background:#4994cd;
margin-top: 0;
padding: 10px 20px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
font-size: 16px;float: right;
border-radius: 3px;
}
.more .fa {
 margin:0 3px
}
.green .more {
 float:left;
 background: #ff9421;
}
::before,
::after {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.li-dtc ul li::before {
 content:"\f00c";
 margin-right:5px;
 font-family:fontawesome;
 color:#2674bc
}
.li-dtc1 ul li {
	color: #555;
	display: flex;
	font-size: 15px;
	padding-bottom: 8px;
}
.li-dtc1 ul li::before {
 content:"\f00c";
 margin-right:5px;
 font-family:fontawesome;
 color:#2674bc
}
.con {
 padding:0 0 20px
}
.container.avail-services {
 background:#f1f1f1;
 padding:20px;
 text-align:center;
 margin-top:30px;
 margin-bottom:30px
}
.avail-services h2 {
 font-size:35px;
 text-transform:uppercase
}
.avail-services ul {
 text-align:center;
 display:inline-block;
 margin-bottom:20px;
 width:100%
}
.avail-services ul li {
 width:auto;
 display:inline-block;
 padding:6px 28px;
 border:2px solid #0081ef;
 font-size:19px;
 margin:0 2px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:1px
}
a.more_in {
 background:#ff7f00;
 color:#fff;
 padding:4px 40px;
 font-size:20px;
 text-transform:uppercase;
 display:inline-block;
 font-weight:700
}

/*-- //NAV BAR --*/
.wrapper.nav_outer {
	background: #f4f8ff;	
}
.nav-1, .nav-2, .nav-3, .nav-4, .nav-5 {
	cursor:pointer;
    text-align: center;
    font-size: 16px;
    color: #333;
   -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
}.nav-1, .nav-2, .nav-3, .nav-4, .nav-5 {
	text-align: center;
	font-size: 16px;
	color: #333;
	border-right: 1px solid #dbdbdb;
	padding:8px 0;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	
	   -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
}.nav-1{
	border-left: 1px solid #dbdbdb;
	background: #efefef;
}
.nav-2{background:#fff7ea;;
}
.nav-3{background:#f7f1ff;
}
.nav-4{background:#deffe4;
}
.nav-5{background:#feffd8;
}
.nav-1 a, .nav-2 a, .nav-3 a, .nav-4 a, .nav-5 a{
    color: #333;
	
}
.active {
	color: #ff9421 !important;
	font-weight: bold;
}
.nav-1:hover, .nav-2:hover, .nav-3:hover, .nav-4:hover, .nav-5:hover  {

	position:relative;
	z-index:9999;
	 font-family: 'montserratbold';
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}h2{
	font-size: 33px;
	font-weight: normal;
	text-align: center;
	margin: 0 0 20px;
	text-transform: uppercase;
}/*NEW CSS*/
/*-- services --*/ 
.feature {
    padding:0 0 0;
    text-align: center;
} 
.feature-gri {
    margin-top: 4em;
}
.feature p {
	color: #333;
	font-size: 14px;
	line-height: 21px;
}
.feature h4 {
    color: #000000;
    font-size: 1.3em;
    margin: 1em 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
}
.feature-grids i.fa {
    font-size: 3em;
    color: #37c386;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}
.feature-grids:hover i.fa {
    color: #555;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
    transform: scale(0.8);
}
.feature h3.agileits-title span {
    border-left-color:#fff; 
}
.feature-grids:hover h4 {  
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
    transform: scale(1.2);
}  
.top-1 {
    border: 1px solid #c4c4c4;
	border-right:none;

}
.top-2 {
   border: 1px solid #c4c4c4;border-right:none;
}
.top-3 {
   border: 1px solid #c4c4c4;
}
.feature-grids {
	padding: 15px 20px;
	height: 445px;
}.feature .img img {
	width: 76px;
	height: auto;
}
/*-- //services --*/