.datacenter-banner{background:url(../images/datacenter/datacenter-banner.jpg) no-repeat center top #00011f;background-size:cover}
.datacenter-banner .sub-banner{height: 590px;}
.datacenter-banner .sub_banner h1{font-size:58px;line-height:60px}
.datacenter-banner .sub-banner h3{line-height:34px}
.datacenter-banner .blue-btn a{padding:13px 35px 15px}
.datacenter-banner-map{bottom:130px;width:739px;height:307px;right:-100px;position:absolute;background:url(../images/datacenter/datacenter-banner-map.png) no-repeat right top}
.location1{left:100px;top:89px;}
.location2{left: 132px;top: 93px;}
.location3{left: 162px;top: 79px;}
.location4{left: 179px;top: 93px;}
.location5{left: 243px;top: 210px;}
.location6{left: 339px;top: 47px;}
.location7{left: 360px;top: 58px;}
.location8{left: 398px;top: 220px;}
.location9{left: 498px;top: 133px;}
.location10{left: 593px;top: 113px;}
.location11{left: 629px;top: 85px;}
.location12{left: 343px;top: 80px;}
.location13{left: 558px;top: 155px;}
.location14{left: 652px;top: 235px;}
.location15{left: 608px;top: 91px;}
.location16{left: 417px;top: 50px;}
.datacenter-link-location{position:absolute}
.loc{background: #fff;border-radius: 5px;font-size: 16px;line-height: 16px;color: #333;padding:9px 10px 11px;position: absolute;text-align: center;min-width: 110px;display: none}
.loc:after{position: absolute;left:15px;bottom: -15px;content: '';width: 0;height: 0;border-left: 0 solid transparent;border-right: 15px solid transparent;border-top: 15px solid #fff;}
.link-datacenter{width: 19px;height: 19px;position: absolute}
.datacenter-link-location:hover .loc{display: block}
.los-location{top:-52px;left:-7px;}
.dallas-datacenter {left: 3px;top: 1px;}
.dal-location{top:-52px;left:-7px;}
.chicago-datacenter,.sao-paulo-datacenter,.london-datacenter,
.ashburn-datacenter,.amsterdam-datacenter{left:0;top:0;}
.Johannesburg-datacenter{left:0;top:0;}
.mumbai-datacenter {left: 0;top: -2px;}
.taiwan-datacenter {left: 1px;top: 0;}
.tokyo-datacenter {left: 0;top: -1px;}
.datacenter-banner .sub-banner ul{float: left;width: 14%}
.datacenter-banner .sub-banner ul li{font-size: 18px;line-height: 30px;
    padding:0 0 0 15px;background: url("../images/datacenter/yellow-arrow.png") no-repeat left center}
.datacenter-banner .sub-banner ul li a{color: #fff;text-decoration: none}
.datacenter-banner .sub-banner ul li a:hover{color: #2eaef3;}
.datacenter-box .blue-btn{min-width:233px}
.datacenter-box .blue-btn a{padding:14px 15px 16px}
.datacenter-box .blue-btn a:hover{background: #333}
.datacenter-btn a{background: url("../images/datacenter/blue-arrow-down.png") no-repeat left 6px;padding: 0 0 0 20px;}
.datacenter-btn.view-less a{background: url("../images/datacenter/blue-arrow-up.png") no-repeat left 6px;}
.datacenter-feature-lt{float:left;width:49.1%}
.datacenter-feature-rt{float:right;width:49.1%}
.datacenter-height{min-height:234px}
.datacenter-feature-box{float:left;width:100%;padding:30px 5%;border-radius:5px;box-shadow:0 0 0 1px #dcdcdc inset}
.datacenter-feature-box:hover{box-shadow:0 0 0 1px #dcdcdc inset,4px 4px 0 rgba(220,220,220,0.5)}
.datacenter-text{width:72%}
.datacenter-text ul{width:100%}
.datacenter-text ul li{float:left;width:95%;line-height:30px;padding:0 0 0 24px;background:url(../images/bullet1.png) no-repeat left 9px}
.datacenter-gallery .datcenter-image-box li{float:left;padding:0;width:24.2%;display:none;margin:0 1% 11px 0;border-radius:5px;box-shadow:0 0 0 1px #fff}
.datacenter-gallery .datcenter-image-box li.datacenter-img-show{display:block}
.datacenter-gallery .datcenter-image-box li a{display:block;float:left;width:100%}
.datacenter-gallery .datcenter-image-box li a img{width:100%;border-radius:5px}
.datacenter-gallery .datcenter-image-box li:nth-child(4n){margin-right:0}
.datacenter-box .load_more a{padding:9px 25px 11px}
.big-img img{width:100%;border-radius:5px}
.hide-feature{display: none}
.after-style:after{position: absolute;left: 0;bottom:21px;width: 100%;height: 116px;background: url("../images/datacenter/white-border.png") repeat-x left top;content: '';}
.after-style2.after-style:after{background: url("../images/datacenter/grey-border.png") repeat-x left top;}
@media screen and (max-width: 1199px) {
    .datacenter-banner .sub-banner{height: auto}
    .datacenter-banner-map{display:none}
    .datacenter-banner .blue-btn{display:inline-block;vertical-align:top;float:none!important}
    .datacenter-box{padding:0 2%}
    .datacenter-text{width:65%}
    .datacenter-gallery .datcenter-image-box li img{width:100%}
    .big-img img{height:auto}
    .datacenter-gallery .datcenter-image-box li{box-shadow:none;margin-bottom:10px}
    .datacenter-banner .sub-banner ul {float: none;width: 140px;text-align: left;display: inline-block;vertical-align: top;}
    .after-style:after,.after-style2:after{bottom: 0}
}
@media screen and (max-width: 991px) {
    .datacenter-text,.datacenter-feature-lt,.datacenter-feature-rt{width:100%}
    .datacenter-box .blue-btn{min-width:250px}
    .datacenter-box .load_more{min-width:150px}
    .datacenter-feature-box{padding:22px 5%}
    .datacenter-gallery .datcenter-image-box li{width:49.5%;margin:0 1% 8px 0}
    .datacenter-gallery .datcenter-image-box li:nth-child(2n){margin-right:0}
}
@media screen and (max-width: 800px) {
    .datacenter-gallery .datcenter-image-box li{width:48%;margin:0 1% 20px}
}
@media screen and (max-width: 667px) {
    .datacenter-feature-lt,.datacenter-feature-rt{width:100%}
    .datacenter-gallery .datcenter-image-box li{margin:0 1% 10px}
    .datacenter-banner .sub-banner h3{line-height:28px;font-size:20px}
}
@media screen and (max-width: 480px) {
    .datacenter-banner .sub-banner h3{line-height:25px}
    .datacenter-banner .sub-banner h3 br{display:none}
    .datacenter-banner .sub-banner ul{width: 105px;}
    .datacenter-banner .sub-banner ul li {font-size: 14px;line-height: 21px;padding: 0 0 0 12px;}
    .datacenter-text ul li {line-height: 22px;background: url(../images/bullet1.png) no-repeat left 5px;}
}
@media screen and (max-width: 420px) {
    .datacenter-gallery .datcenter-image-box{text-align:center}
    .datacenter-gallery .datcenter-image-box li{width:300px;float:none;display:inline-block;vertical-align:top;margin:0 auto 10px}
    .datacenter-gallery .datcenter-image-box li.datacenter-img-show{display:inline-block}
    .datacenter-text ul li{margin:0 0 8px}
    .datacenter-banner .sub-banner h3{font-size:18px}
    .datacenter-banner .sub-banner ul {width: 90px;}
    .datacenter-banner .sub-banner ul li {font-size: 13px;line-height: 21px;padding: 0 0 0 9px;}
}