.section-page { padding: 0; position: relative; height: 250px; width: 100%; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section-page .container { position: relative; height: 250px; z-index: 1; display: flex; justify-content: center; align-items: center; flex-flow: column; text-align: center; }
.section-page h2 { color: #fff; font-size: 36px; margin: 0 0 10px; }
.section-page p { font-size: 18px; color: #fff; }
.about-us { position: relative; padding: 60px 0; }
.about-us h2 { font-size: 32px; margin: 0 0 20px; text-align: center; }
.about-us p { font-weight: 500; }
.about-us img { width: 100%; }
.about-mission { position: relative; padding: 90px 0; text-align: center; background: fixed url(../../img/background/bg-hosting-4.jpg) center center no-repeat; background-size: cover; }
.about-mission:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.9; background: #2980B9; background: -webkit-linear-gradient(to top, #106fb5, #4ac1ff); background: linear-gradient(to right, #15303e, #3c92bd); }
.about-mission .container { position: relative; z-index: 2; }
.about-mission h3 { color: #fff; font-size: 28px; margin: 0 0 20px; }
.about-mission p { color: #fff; font-size: 18px; }
.about-statics { position: relative; padding: 60px 0; background: #2980B9; background: -webkit-linear-gradient(to top, #106fb5, #4ac1ff); background: linear-gradient(to right, #fff, #eaf8ff); }
.about-statics .col-lg-6:nth-child(1) { border-right: 1px solid #e6e9ed; border-bottom: 1px solid #e6e9ed; }
.about-statics .col-lg-6:nth-child(2) { border-bottom: 1px solid #e6e9ed; }
.about-statics .col-lg-6:nth-child(3) { border-right: 1px solid #e6e9ed; }
.about-statics .col-lg-6 div { position: relative; text-align: center; padding: 40px; }
.about-statics .col-lg-6 div img { display: block; height: 150px; margin: 0 auto; }
.about-statics .col-lg-6 div h3 { font-size: 18px; margin-bottom: 10px; }
.about-statics .col-lg-6 div p { font-size: 16px; }
.about-datacenter { position: relative; padding: 60px 0; background: #2980B9; background: -webkit-linear-gradient(to top, #106fb5, #4ac1ff); background: linear-gradient(to right, #fff, #eaf8ff); }
.about-datacenter .col-lg-4 { margin: 15px 0; }
.about-datacenter a > img { width: 100%; border-radius: 4px; }
.box-item { display: block; border-radius: 5px; overflow: hidden; box-shadow: 1px 1px 10px #0f3654; position: relative; top: 0; transition: all 0.3s ease; }
.box-item:hover { top: -10px; }
.note { margin-top: 20px; position: relative; display: flex; padding: 10px 30px; color: #fff; background: #2980B9; background: -webkit-linear-gradient(to top, #106fb5, #4ac1ff); background: linear-gradient(to right, #0a5075, #4dc4ff); border-radius: 5px; }
.note:before { content: ""; position: relative; left: 0; flex: 0  0 10px; height: 10px; background: #4bc0fb; border-radius: 100%; top: 6px; }
.about-statics .service-box { padding: 30px 15px 20px; min-height: 330px; }
.about-statics .icon-img { height: 90px; }
.icon-img img { }
.about-statics .icon-img img { width: 90px !important; }
.about-statics .service-box h3 { font-size: 18px; text-align: center; min-height: 63px; display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #d2eaf5; }
.about-statics .service-box p { margin-bottom: 0px; text-align: center; }
@media (max-width:767px) {
    .note { padding: 10px 20px; text-align: left !important; }
    .note:before { left: -5px; }
    .about-datacenter { padding-bottom: 0px; }
    .about-statics .row { flex-wrap: nowrap; overflow-x: scroll; }
    .about-statics .row > div { flex: 0  0 260px; max-width: 260px; }
    .about-statics {
        padding-bottom: 20px;
    }
}