.section-cta{background-color:#004376; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: contain; position: relative; padding: 30px 0; margin:20px 0px } .image-bg-overlay { background: #111; opacity: 0.15; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .btn-white { font-size: 18px; line-height: 18px; font-weight: 400; color: #1e73be; background-color: #ffffff; border: 1px solid #fff; box-shadow: 0px 8px 40px 0 rgba(0, 0, 0, 0.37); letter-spacing: 1px; margin: 10px 0px; padding: 15px 20px;display: inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .btn-white:hover{ box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5); color: #1e73be!important; background:#f9f9f9; } .btn-white-border { color: #fff!important; background: transparent; font-size: 18px; line-height: 18px; font-weight: 400; border: 1px solid #fff; margin: 10px 0px 10px 50px; padding: 15px 20px; display: inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .btn-white-border:hover{ box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5); color: #fff!important; background-color:#1e73be; } .btn-white i, .btn-white-border i { font-size: 22px; line-height: 22px; margin-right: 10px; vertical-align: text-top; } .white{ color: #fff; } .blue { color: #01BAEF; } .text-center{ text-align: center!important; } p.section-title { font-size: 30px!important;font-weight: 500;margin-bottom: 10px; text-transform: capitalize; } p.section-subtitle{ font-size:18px; } .post-content p, .post-content li, .post-content h3{ font-size:18px; } .post-content p.big-size{font-size:26px!important;} .post-content h2, .post-content h3{ margin-top:20px; text-align:left; } .btn_bg_phone{background: url(https://gamalift.com/storage/icons/icon-call-gama-service.png) 10px 10px no-repeat;background-size:30px 30px;} .section-info{ background: url(../../../storage/bai-viet/bang-dieukhien-gamalift.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; position: relative; padding: 60px;} .section-info p{line-height: 30px;word-spacing: 5px;text-align:left;} @media (max-width: 375px) { .section-info {padding: 30px 15px!important;} .section-info p{font-size:14px!important;}  .btn-white-border{margin-left: 0px!important;} } @media (max-width: 320px) { .section-info {padding: 30px 15px!important;} .section-info p{font-size:14px!important;} .btn-white-border{margin-left: 3px!important;}} @media (max-width: 750px) {.btn-white-border{margin-left: 3px!important;} }
@media (max-width: 750px) {.width50{width: auto!important;}}
.btn-white, .btn-white-border {text-transform:uppercase;}
.cta_right{float:right!important;margin-left:20px!important;}
.cta_left{float:left!important;margin-right:20px!important;}
.cta_right img{width:50%}
@media (max-width: 375px){.cta_right img{width:auto!important}}
.codebox{width:100%;height:auto}
.cta_text_bg{position:relative; width:150px!important; background-color:#004376; color:#fff; padding: 5px 15px 35px 15px;text-align:left!important}
.bg-brand{background-color:#004376;}
.cta_bg{position:relative; width:150px!important;height:150px!important; display:block;}
.cta_bg_giaiphap{background-image: url(../../../storage/cta/cta-01-1.jpg);}
.cta_bg_duan{background-image: url(../../../storage/cta/cta-da.jpg);}
.cta_bg_dichvu{background-image: url(../../../storage/cta/cta-03-1.jpg);}
.cta_bg_bosuutap{background-image: url(../../../storage/cta/cta-bst.jpg);}
.cta_bg_gioithieu{background-image: url(../../../storage/cta/cta-vct.jpg);}
.cta_bg_sanpham{background-image: url(../../../storage/cta/cta-06-1.jpg);}
.clear_both{width:100%;height:10px;position:relative; clear:both;}
.width50{width:50%};
.bold{font-weight:bold}
.italic{font-style: italic}
.gachduoi{text-decoration: underline;}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.font22{font-size:22px}
.font24{font-size:24px}
.viethoa{text-transform:uppercase;}

.bottom_w {border-bottom: 1px solid white;}

.cta_button{position:absolute;bottom:50px;left:58px;width:30px; height:30px; display:block;text-align:center;color:#fdb717}
.cta_text_button{position:absolute;bottom:10px;right:20px;padding:0px 0px; display: block; color:#85C1E9;border-bottom: 1px solid #85C1E9}
.cta_text_button a {color: #85C1E9;display:block;}
.cta_tap{background-image: url(../../../storage/cta/enter-2.png);}
.cta_quote{padding:10px 20px 10px 20px; margin-left:20px; border-left: 5px solid #fdb717; font-style:italic}
.margin-top10{margin-top: 10px}
.margin-top20{margin-top: 20px}
.animation {
  animation: shake 8.82s cubic-bezier(.36, .07, .19, .97) both infinite;  transform: translate3d(0, 0, 0);  backface-visibility: hidden;  perspective: 1000px;}
@keyframes shake {
  10%,  90% {    transform: translate3d(-1px, 0, 0);  }
  20%,  80% {    transform: translate3d(3px, 0, 0);  }
  30%,  50%,  70% {    transform: translate3d(-5px, 0, 0);  }
  40%,  60% {    transform: translate3d(5px, 0, 0);  }
}

ul.ul_horizon {list-style-type: none; width:100%;text-align:left;margin:0px;padding:0px}
ul.ul_horizon li {display: inline-block;padding: 10px;text-align:justify}

.hl-phone-ring-wrap {
    position: relative;
    float:left;
    bottom: 0;
    left: 0;
    z-index: 999999;
}
.hl-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.hl-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #004376;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
.hl-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(0, 67, 118, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hl_phone_ring_img_circle {
    background-color: #004376;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hl_phone_ring_img_circle .pps_btn_img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hl_phone_ring_img_circle .pps_btn_img img {
    width: 20px;
    height: 20px;
}
.hl-bar {
    position: absolute;
    background: rgba(0, 67, 118, 0.75);
    height: 40px;
    width: 180px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    left: 33px;
    bottom: 37px;
}
.hl-bar a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-indent: 50px;
    display: block;
    line-height: 40px;
    font-family: Arial;
}
.hl-bar a:hover,
.hl-bar a:active {
    color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
@media (max-width: 768px) {
    .hl-bar {
        display: none;
    }
}
.tieu-diem {background-color: #004376; width:100%; padding: 20px;border-radius:10px}
.tieu-diem .td-title {font-weight:bold; text-decoration:underline; font-size:16px!important;color:#fff!important;}
.tieu-diem .td-link a{font-style:italic;font-size:16px!important;color:#fff!important;}
.content__zone .right{display:none}
.content__zone .left {max-width: 100%!important; flex:100%!important;}
.content__zone .left .content-title{display:none;}
.bg-blue{background-color:#004376; }
.made-in, .hot-line{text-align:center;color:#fff;font-size:24px;padding: 50px;}
.made-in{border-right: 1px solid #f7f7f7;}
.made-in img{width:200px; height:auto;}
.phone-call{font-size: 34px; font-weight:600}
.btn-white-border-1 { color: #fff!important; background: transparent; font-size: 18px; line-height: 18px; font-weight: 400; border: 1px solid #fff; padding: 10px 10px; display: inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .btn-white-border-1:hover{ box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5); color: #fff!important; background-color:#1e73be; }
.swiper-button-next, .swiper-button-prev{border: 1px solid #fff!important;}