@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Oswald:400,500,600,700');
@font-face {font-family: LatoBlack; src: url(../webfonts/lato/Lato-Black.ttf); }
@font-face {font-family: LatoBold; src: url(../webfonts/lato/Lato-Bold.ttf); }
@font-face {font-family: LatoItalic; src: url(../webfonts/lato/Lato-Italic.ttf); }
@font-face {font-family: LatoRegular; src: url(../webfonts/lato/Lato-Regular.ttf); }
/**  RESET CARD CSS  */
    body{background-color: #fff; font-family: 'LatoRegular', Arial, sans-serif; font-size: 14px; line-height: 1.4; color: #555;}
/** Typography */
    h1, h2, h3, h4, h5, h6{font-family: 'LatoBold', Arial, sans-serif; -webkit-font-smoothing:antialiased; color: #282828; text-transform: uppercase;}
    h1{font-size: 30px; font-weight: 700; line-height: 1.5; margin: 0 0 10px; letter-spacing: -0.04em;}
    h2{font-size: 24px; margin: 0 0 10px; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em;}
    h3,h4{margin: 0 0 10px; font-weight: 600; line-height: 1.4; color: #303133; letter-spacing: -0.01em;}
    h3{font-size: 17px;}
    h4{font-size: 15px;}
    h5,h6{font-size: 14px; margin: 0 0 10px;}
/** Base style */
    a, a:hover{text-decoration: none; font-family: 'LatoRegular', Arial, sans-serif; transition: all 0.4s ease-in-out 0s; outline: none!important;}
    a:focus{outline: none!important; text-decoration: none;}
    img{border: none; outline:none;}
    ul{display: block; list-style: none; padding: 0; margin: 0;}  
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #595959 !important;}
    input:-moz-placeholder, textarea:-moz-placeholder{color: #595959 !important;} /* Firefox 18- */
    input::-moz-placeholder, textarea::-moz-placeholder{color: #595959 !important;} /* Firefox 19+ */
    input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #595959 !important;}
    textarea:focus,textarea.form-control:focus, select.form-control:focus,input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus,[type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus {box-shadow: none !important; outline: none !important; border: 1px solid #0e73e4 !important;}
    button{border: none; background: none;}       
    p{font-family: 'LatoRegular', Arial, sans-serif; font-size: 16px;}
/** Media **/    
@media (min-width: 600px) {
    .ismb {display: none; }
    .ispc{display: -webkit-box; display: -ms-flexbox; display: flex;}
}
@media (max-width: 599px) {
    .ispc {display: none; } 
    .ismb {display: -webkit-box; display: -ms-flexbox; display: flex;}
}
/** SET COLOR **/
    .fixed-top{background: rgb(61,101,172); background: linear-gradient(to right, rgba(61,101,172,1) 0%, rgba(197,55,155,1) 100%);}
    .fixed-top{height: auto!important;animation-duration: .7s;animation-fill-mode: both;animation-name: fadeInDown;animation-timing-function: ease;transition: .3s all ease-in-out;}
    .gradient-blue-pink{background: rgb(76,123,190); background: linear-gradient(to top,rgba(254,155,162,.8)  0%, rgba(76,123,190,0.8) 100%); color: #fff;}
/** SER BORDER **/
    
/** SET GENERAL **/
   .nadiwrap, .nadiHeader{position: relative;}
/** NAV **/
    .stnNav{position: fixed; top: 0; left: 0; right: 0; z-index: 1030;}
    .stnNav .navbar-brand {padding: 20px 0;}
    .stnNav .navbar-brand img{max-width: 150px;}
    .stnNav .navbar-nav .nav-link{margin-left: 15px; margin-right: 15px; background-color: #CB006E; color: #fff; border: 1px solid #9FADFF; min-width: 172px; text-align: center; font-size: 15px; border-radius: 25px; padding-left: 20px; padding-right: 20px;}
    .stnNav.fixed-top .navbar-brand{padding: 0 !important;}
    .stnNav.fixed-top .navbar-brand img{max-width: 100px;}
    
    .stnNav .navbar-toggler-icon{color: #fff; font-size: 2.5rem; height: 1em;}.stnNav .navbar-toggler-icon{text-decoration: none; box-shadow: none;}.stnNav .navbar-toggler-icon:focus{box-shadow: none; text-decoration: none!important; outline: none!important;}
@media only screen and (max-width: 991px){
    .stnNav .navbar-nav{margin-top: 20px;}
    .stnNav .navbar-brand {padding: 0;}
    .stnNav .navbar-brand img{max-width: 100px;}
    .stnNav .navbar-nav .nav-link{margin-bottom: 5px;}
} 
/** BANNER SLIDER **/
    .stnBanner{position: relative;}
    .stnBanner .carousel-inner > img{width: 100%;}
    .carousel-control-prev-icon {background-image: url(../icon/arrow-left-white.png);}
    .carousel-control-next-icon {background-image: url(../icon/arrow-right-white.png);}
    .carousel-control-next-icon, .carousel-control-prev-icon{width: 50px; height: 60px;}
    .carousel-control-prev:hover .carousel-control-prev-icon, .carousel-control-next:hover .carousel-control-next-icon{background-color: rgba(236, 51, 119, 0.5);}
    .carousel-control-next, .carousel-control-prev{width: 80px;}
    
    .carousel-caption {top: 22%; left: 55%; text-align: justify;}
    .item-tagline{margin-bottom: 6rem;}
    .item-tagline .one-title,
    .item-tagline .one-serial-title{font-size: 1.8rem; font-weight: 900; font-style: italic; text-transform: uppercase;}
    .item-tagline .one-serial-title{text-align: center; padding-right: 6rem;}
    .item-tagline .one-last-title{text-align: center;}
    .item-tagline .one-last-title img{display: inline-block; max-width: 400px;}
    
    .item-download{position: relative; padding-left: 12rem;}
    .ul-container li{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important; margin-bottom: 15px;}
    .nd-col-4{width: 40%; flex: 0 0 40%; padding: 15px 8px;} .nd-col-6{width: 60%; flex: 0 0 60%; padding: 15px 12px;}.nd-col-10{width: 100%; flex: 0 0 100%; padding: 0px 15px;}
    .nd-col-4 > img{background-color: #fff;}
    .box-link-download{display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important;}
    .box-link-download a:first-child{margin-bottom: 8px;}
    
    .box-downlowd-now{position: relative; text-align: center;}
    .box-downlowd-now > a{display: inline-block; background-color: #CB006E; border: 1px solid #9FADFF; color: #fff; font-size: 1.5em; padding: 4px 20px 5px; border-radius: 25px;}
@media only screen and (min-width: 992px) and (max-width: 1024px){
    .item-tagline{margin-bottom: 1rem;}
    .item-tagline .one-title,
    .item-tagline .one-serial-title{font-size: 1.5rem; font-weight: 900; font-style: italic; text-transform: uppercase;}
    .item-tagline .one-serial-title{text-align: center; padding-right: 6rem;}
    .item-tagline .one-last-title{text-align: center;}
    .item-tagline .one-last-title img{display: inline-block; max-width: 300px;}
    
    .item-download{position: relative; padding-left: 0rem;}
    .ul-container li{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important; margin-bottom: 15px;}
    .nd-col-4{width: 40%; flex: 0 0 40%; padding: 15px 8px;} .nd-col-6{width: 60%; flex: 0 0 60%; padding: 15px 12px;}.nd-col-10{width: 100%; flex: 0 0 100%; padding: 0px 15px;}
} 
@media only screen and (min-width: 768px) and (max-width: 991.99999px){
    .item-tagline{margin-bottom: 1rem;}
    .item-tagline .one-title,
    .item-tagline .one-serial-title{font-size: 1.2rem; font-weight: 900; font-style: italic; text-transform: uppercase;}
    .item-tagline .one-serial-title{text-align: center; padding-right: 2rem;}
    .item-tagline .one-last-title{text-align: center;}
    .item-tagline .one-last-title img{display: inline-block; max-width: 200px;}
    
    .item-download{position: relative; padding-left: 0rem;}
    .ul-container li{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important; margin-bottom: 15px;}
    .nd-col-4{width: 40%; flex: 0 0 40%; padding: 15px 8px;} .nd-col-6{width: 60%; flex: 0 0 60%; padding: 15px 12px;}.nd-col-10{width: 100%; flex: 0 0 100%; padding: 0px 15px;}
    
    .box-downlowd-now > a{padding-left: 15px; padding-right: 15px; font-size: 1.2rem;}
} 
@media only screen and (max-width: 760px){
  .stnBanner .carousel-inner, .stnBanner .carousel-inner .carousel-item{height: 600px!important;}
  .stnBanner .carousel-item > img{object-fit: cover; object-position: center; height: 600px;}
  .carousel-caption {top: 22%; left: 50%; right: 1%; text-align: justify;}  
  .item-tagline{background-color: rgba(159,173,255,0); padding: 15px; margin-bottom: 2rem;}
  .item-tagline .one-title,
  .item-tagline .one-serial-title{font-size: 1.5rem;}
  .item-tagline .one-last-title img{max-width: 250px;}  
  .item-download{position: relative; padding-left: 0rem;}
} 
@media only screen and (max-width: 599px){
  .stnBanner .carousel-inner, .stnBanner .carousel-inner .carousel-item{height: 800px!important;}
  .stnBanner .carousel-item > img{object-fit: cover; object-position: center; height: 600px;}
  .carousel-caption {top: 6%; left: 2%; right: 0; text-align: justify; }
  
  .item-tagline{padding: 5px; margin-bottom: 7rem; background: transparent;}
  .item-tagline .one-title,
  .item-tagline .one-serial-title{font-size: 1.4rem; padding: 0px; text-align: center;}
  .item-tagline .one-last-title img{max-width: 250px;}  
  .item-download{position: relative; padding: 0; margin-left: 1rem; margin-top: 23rem;}  
} 

/** ONLINE REGISTER **/
    .stnEasy{position: relative;}
    .stnHead{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column!important;  flex-direction: column!important;-ms-flex-pack: center!important; justify-content: center!important; text-align: center; margin-bottom: 2rem;}
    .stnHead .stnTitle{font-family: 'UTMHelveBold', Arial, sans-serif; font-size: 2rem; color: #0767B1; margin-bottom: 5px; font-weight: 500;}
    .stnHead.white-color .stnTitle{color: #fff;}
    .stnHead .tagLine{display: block; margin-bottom: 1rem; text-align: center;}
    .stnHead .tagLine .lineTitle{display: inline-block; height: 1.5px; width: 100px; background-color: #0767B1;}
    .stnHead.white-color .tagLine .lineTitle{background-color: #fff;}
    .stnHead .stnDesc{display: block; text-align: center;}
    .stnHead .stnDesc span{display: inline-block; background-color: #90B1F4; color: #fff; padding: 4px 25px 5px; border-radius: 25px; font-size: 1.35rem; font-family: 'LatoBold', Arial, sans-serif;}
    
    .item-register{display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important; position: relative;}
    .item-register{-ms-flex-pack: center!important;justify-content: center!important;}
    .item-register .item-link{text-align: center;}
    .item-register .item-link a{display: inline-block; background-color: #CB006E; color: #fff!important; padding: 5px 15px 6px; border-radius: 25px; font-size: 1.6em; min-width: 225px;}
    .item-register .item-link a{transition: all 600ms ease;}
    .item-register .item-link.bg-purpose-link a{background-color: #92278F;}
    .item-register  .item-link.bg-blue-link a{background-color: #0767B1;}
    .item-online .item-icon-online{position: absolute; right: -30px; top: 10px;}
    .item-online .item-icon-online img{display: inline-block; width: 30px; height: 30px;}
    .item-online:last-child .item-icon-online{display: none; visibility: hidden;}
    .item-register .item-link a:hover{margin-top: -5px;}
@media only screen and (min-width: 768px) and (max-width: 991.99999px){
    .item-register .item-link a{min-width: auto; font-size: 1.2em;}
    .item-online .item-icon-online{right: -30px; top: 5px;}
    .item-online .item-icon-online img{width: 25px; height: 25px;}
}
@media only screen and (max-width: 760px){
    .stnHead .stnTitle{font-size: 1.35rem;}
    .item-register{padding: 20px 0;}
    .item-online .item-icon-online{right: 48%; top: 82%; z-index: 10;}
    .item-online .item-icon-online img{width: 25px; height: 25px; transform: rotate(90deg);}
}

/** SALES **/
    .stnSales{position: relative; background-color: #E0E6F4;}
    .item-sales{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column!important;  flex-direction: column!important;-ms-flex-pack: center!important; justify-content: center!important; text-align: center;}
    .item-sales .item-sales-image{position: relative; padding: 0 35px; transition: all 600ms ease; cursor: pointer;}
    .item-sales:hover .item-sales-image{margin-top: -5px;}
    .text-over{position: absolute; left: 55px; width: calc(100% - 110px); bottom: 40px; color: #fff; font-size: 15px;}
    .item-process .item-icon-sale{position: absolute; top: 45%; right: -30px;}
    .item-process:last-child .item-icon-sale{display: none; visibility: hidden;}
    .item-process .item-icon-sale img{display: inline-block; width: 30px; height: 30px;}
    
    .stnFooter{padding: 1.5rem; margin-top: 1rem;}
    .stnFooter > a{display: inline-block; background: transparent; color: #6A80CC; border: 1px solid #6A80CC; padding: 5px 20px 6px; font-size: 1.35em; border-radius: 25px; font-style: italic;transition: all 600ms ease;}
    .stnFooter > a:hover{font-style: inherit;}
@media only screen and (min-width: 992px) and (max-width: 1024px){
    .item-sales .item-sales-image{padding: 0 15px;}
    .text-over{left: 45px; width: calc(100% - 90px); bottom: 30px;}
} 
@media only screen and (min-width: 768px) and (max-width: 991.99999px){
    .item-sales .item-sales-image{padding: 0 25px; margin-bottom: 60px;}
    .text-over{left: 80px; width: calc(100% - 160px); bottom: 45px;}
    .item-process:nth-child(2) .item-icon-sale{top: 82%; right: 45%;}
    .item-process:nth-child(2) .item-icon-sale img{transform: rotate(90deg);}
    .item-process:nth-child(3) .item-icon-sale img{transform: rotate(180deg);}
}
@media only screen and (max-width: 760px){
    .stnHead{margin-bottom: 1rem;}
    .item-process:nth-child(2n+1) .item-icon-sale{top: 35%;}
    .item-sales .item-sales-image{padding: 0 25px; margin-bottom: 60px;} 
    .item-process:last-child .item-sales .item-sales-image{margin-bottom: 20px;}
    .item-process:nth-child(3) .item-sales .item-sales-image{margin-bottom: 20px;}   
    .text-over{left: 60px; width: calc(100% - 120px); bottom: 38px;}
    .item-process:nth-child(2) .item-icon-sale{top: 82%; right: 45%;}
    .item-process:nth-child(2) .item-icon-sale img{transform: rotate(90deg);}
    .item-process:nth-child(3) .item-icon-sale img{transform: rotate(180deg);}
}
@media only screen and (max-width: 599px){    
    .text-over{left: 120px; width: calc(100% - 240px); bottom: 40px;}
    .item-process:nth-child(n) .item-icon-sale{top: 82%; right: 45%;}
    .item-process:nth-child(n) .item-icon-sale img{transform: rotate(90deg);}
    .item-process:last-child .item-sales .item-sales-image{margin-bottom: 20px;}
    .item-process:nth-child(3) .item-sales .item-sales-image{margin-bottom: 60px;}  
    .stnFooter > a{font-size: 1rem;}
}
/** POLICY **/
    .item-policy-image{padding: 0 3rem;}
    .item-policy-content{padding-top: 1rem;}
    .item-policy-content ul li{position: relative; padding-left: 30px; font-size: 1.25rem; margin-bottom: 10px;}
    .item-policy-content ul li:before{position: absolute; content: ''; background: url(../icon/icon-check.png) center center; background-repeat: no-repeat; background-size: cover; top: 0; left: 0; width: 20px; height: 20px;}
/** PROMOTION **/
    .stnPromotion{position: relative; background-image: url(../image/background/background-policy.png); background-position: center center; background-repeat: no-repeat; background-size: cover;}
    .item-promotion{position: relative; margin-bottom: 20px;}
    .item-head{position: relative; text-align: center; margin-bottom: 2.5rem;}
    .item-head .inner-item-head{display: inline-block; background: rgb(224,125,58); background: linear-gradient(to right, rgba(224,125,58,1) 0%, rgba(104,147,223,1) 100%); border-radius: 25px;}
    .item-head .inner-item-head span{display: inline-block; padding: 4px 15px 5px; color: #fff; font-size: 1.5rem; min-width: 360px;}
    
    .popup-head-title{position: absolute; top: 100%; left: 0; width: 100%;}
    .popup-head-title .inner-popup-head-title{display: block; margin-top: 5px;}
    .popup-head-title .inner-popup-head-title span{display: inline-block; color: #fff; font-family: 'LatoBold', Arial, sans-serif;}
@media only screen and (max-width: 599px){
    .item-head .inner-item-head span{font-size: 1.1rem; min-width: auto;}
}
    .nadi-table{border:none;border-radius:15px;-moz-border-radius:15px;}
    .nadi-table tr td{border: 1px solid #fff; text-align: center; vertical-align: middle;}    
    .nadi-table tr:first-child td{border-top: none!important;}.table-full tr:nth-child(n+3) td:first-child{font-family: 'LatoBold', Arial, sans-serif;}
    .nadi-table tr:last-child td{border-bottom:  none!important;}
    .nadi-table tr td:last-child{border-right:  none!important;}
    .nadi-table tr td:first-child{border-left:  none!important;}    
    .table-bottom{text-align: center;}
    .table-bottom span{display: inline-block; background-color: #90B1F4; color: #fff; padding: 4px 10px 5px; border-radius: 25px; font-size: 1.05rem; min-width: 100px; font-family: 'LatoBold', Arial, sans-serif;}
    .item-footer{position: relative;}
    .inner-item-footer{padding: 10px;}
    .inner-item-footer p{font-family: 'LatoItalic'; color: #fff; text-align: justify;}
    .inner-item-footer ul{padding-left: 15px;}
    .inner-item-footer ul li{position: relative; margin-bottom: 10px; color: #fff; text-align: justify;}
    .inner-item-footer ul li{list-style: disc;}
/** QUESTION **/
    .stnQuestion{position: relative;background: rgb(197,55,155); background: linear-gradient(to right, rgba(197,55,155,1) 0%, rgba(61,101,171,1) 100%);}
    .item-question-content{margin-top: 2rem;}
    .item-question-content{width: 100% !important;height: 290px; overflow: auto;}
    .jspVerticalBar{width: 25px; background: transparent; }
    .jspTrack{border-radius: 25px;background: linear-gradient(to top,rgba(254,155,162,.8) 0%, rgba(76,123,190,0.8) 100%);}
    .jspDrag{border-radius: 25px; width: 23px; left: 2px; background: linear-gradient(to right,rgba(254,155,162,.8) 0%, rgba(76,123,190,0.8) 100%); box-shadow: -0.5px 0px 0px 1px rgba(0,0,0,.5);}
    
    .question-list{width: 100%!important; height: 290px; overflow: auto; word-wrap: break-word; padding-right: 0px!important;}    
    .question-list li{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row!important;  flex-direction: row!important;}
    .question-list li{margin-bottom: 10px; color: #fff; font-size: 1.15rem; width: 100%;}
    .question-list li span:first-child{width: 50px; flex: 0 0 50px;}
    .question-list li span:last-child{width: calc(100% - 50px); flex: 0 0 calc(100% - 50px);}
    .question-list li span:last-child ul li{position: relative; margin-bottom: 10px; padding-left: 20px;}
    .question-list li span:last-child ul li:before{content: '-';position: absolute; top: 2px; left: 2px; width: 12px;}
    .question-list .jspPane > li:nth-child(2n+2){border-bottom: 1px solid #fff;}
    .question-list .jspPane > li:last-child{border-bottom: none;}
    
/** footer **/
    .ftrFooter{position: relative;}
    .inner-item-footer{text-align: center;}
    .inner-item-footer img{max-width: 120px;}
    
    .nav-footer li{display: inline-block; margin-left: 20px; position: relative;}
    .nav-footer li:not(:last-child):before { content: ""; position: absolute; top: 3px; right: -12px; width: 1px; height: 22px; background-color: #000;}
    .nav-footer li a{color: #000; font-size: 1.2rem;}
@media only screen and (max-width: 736px){
    .nav-footer{padding: 0px!important; margin: 0px;}
    .nav-footer li{padding-left: 0px;}
    .nav-footer li a{font-size: 1.1rem;}
} 
    
/**=================================================================
 * size of mobile screen
 *=================================================================*/
 
@media only screen and (min-width: 992px) and (max-width: 1024px){}  
@media only screen and (max-width: 770px){} 
@media only screen and (max-width: 736px){}  
@media only screen and (max-width: 599px){}
@media only screen and (max-width: 499px){}
/**
 * Css for social
 */
    .box-social{margin-top: 15px;}
    .box-social .fa{padding: 7px; font-size: 15px; width: 30px; text-align: center; text-decoration: none; margin-right: 5px; margin-bottom: 5px; border-radius: 5px;}
    .box-social .fa:hover {opacity: 0.7;}
    .box-social .fa-facebook {background: #3B5998; color: white;}
    .box-social .fa-linkedin {background: #007bb5; color: white;}
    .box-social .fa-youtube {background: #bb0000; color: white;}
    .box-social .fa-youtube-play {background: #bb0000; color: white; border: 1px solid #edcc5d;}
    .box-social .fa-instagram {background: #125688; color: white;}
    .box-social .fa-pinterest {background: #cb2027; color: white;}
    .box-social .fa-snapchat-ghost {background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
    .box-social .fa-skype {background: #00aff0; color: white;}
    .box-social .fa-android {background: #a4c639; color: white;}
    .box-social .fa-dribbble {background: #ea4c89; color: white;}
    .box-social .fa-vimeo {background: #45bbff; color: white;}
    .box-social .fa-tumblr {background: #2c4762; color: white;}
    .box-social .fa-vine {background: #00b489; color: white;}
    .box-social .fa-foursquare {background: #45bbff; color: white;}
    .box-social .fa-stumbleupon {background: #eb4924; color: white;}
    .box-social .fa-flickr {background: #f40083; color: white;}
    .box-social .fa-yahoo {background: #430297; color: white;}
    .box-social .fa-soundcloud {background: #ff5500; color: white;}
    .box-social .fa-reddit {background: #ff5700; color: white;}
    .box-social .fa-rss {background: #ff6600; color: white;}
    .box-social .fa-twitter {background: #55ACEE; color: white;}
/** ==============================================
 * BUTTON HOTLINE
 * ===============================================*/
    
    ul.box-hotline-fix{position: fixed; right: 8px; bottom: 80px; margin: auto; z-index: 999;}
    ul.box-hotline-fix li{padding: 0px; margin: 0px 0px 15px 0px;}
    ul.box-hotline-fix li a{display: block; text-indent: -9999px; z-index: 10000; cursor: pointer;}
    ul.box-hotline-fix li.zalo-hot a{background: url(../icon/zalo-icon.png) center center no-repeat; background-color: #3178df; background-size: 100% !important; border-radius: 100%; width: 55px; height: 55px; text-indent: -9999px;}
    ul.box-hotline-fix li.fb-hot a{background: url(../icon/message-icon.png) center center no-repeat; background-size: 100% !important; border-radius: 100%; width: 55px; height: 55px; text-indent: -9999px;}
    
    ul.box-hotline-fix li.phone-hot .call-animation{background: transparent; width: 55px; height: 55px; position: relative; margin: 0 auto; border-radius: 100%; border: solid 0px red;  animation: play 2s ease infinite; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;  backface-visibility: hidden;}
    @keyframes play {0% {transform: scale(1);} 15% {box-shadow: 0 0 0 5px rgba(203, 15, 64, 0.4);} 25% {box-shadow: 0 0 0 10px rgba(188, 16, 16, 0.4), 0 0 0 20px rgba(221, 43, 70, 0.86);} 35% {box-shadow: 0 0 0 15px rgba(190, 16, 16, 0.4), 0 0 0 30px rgba(180, 17, 92, 0.2);}}
    ul.box-hotline-fix li.phone-hot .call-animation a{height: 55px; width: 55px;}
    ul.box-hotline-fix li.phone-hot .call-animation img{position: absolute; height: 55px; width: 55px; top: 0px; right: 0px; border-radius: 100%;}
    
/**
 * OnTop
 */
    .loadTop{} 
    .loadTop.show{bottom: 15px;}
    .loadTop{position: fixed; bottom: 110%; left: 15px; transition: 1s ease; z-index: 999;}
    .loadTop > .imgMTop{position: relative;}
    .loadTop > .imgMTop:hover{cursor: pointer;}
    .loadTop > .imgMTop > img{width: 50px;}