@font-face{font-family:Roboto;src:url("/Content/Roboto/Roboto-Regular.ttf?v=1") format("truetype");font-display:swap;}
@font-face{font-family:Roboto-Medium;src:url("/Content/Roboto/Roboto-Medium.ttf?v=1") format("truetype");font-display:swap;}
@font-face{font-family:Roboto-Bold;src:url("/Content/Roboto/Roboto-Bold.ttf?v=1") format("truetype");font-display:swap;}
@font-face{font-family:Roboto-Light;src:url("/Content/Roboto/Roboto-Light.ttf?v=1") format("truetype");font-display:swap;}

@font-face{font-family:RobotoCondensed;src:url("/Content/Roboto_Condensed/RobotoCondensed-Regular.ttf?v=1") format("truetype");font-display:swap;}
@font-face{font-family:RobotoCondensed-Light;src:url("/Content/Roboto_Condensed/RobotoCondensed-Light.ttf?v=1") format("truetype");font-display:swap;}
@font-face{font-family:RobotoCondensed-Italic;src:url("/Content/Roboto_Condensed/RobotoCondensed-Italic.ttf?v=1") format("truetype");font-display:swap;}
@font-face{font-family:RobotoCondensed-Bold;src:url("/Content/Roboto_Condensed/RobotoCondensed-Bold.ttf?v=1") format("truetype");font-display:swap;}

@font-face{font-family:Quicksand-Light;src:url("/Content/Quicksand/static/Quicksand-Light.ttf") format("truetype");font-display:swap;}
@font-face{font-family:Quicksand;src:url("/Content/Quicksand/static/Quicksand-Regular.ttf") format("truetype");font-display:swap;}
@font-face{font-family:Quicksand-Medium;src:url("/Content/Quicksand/static/Quicksand-Medium.ttf") format("truetype");font-display:swap;}
@font-face{font-family:Quicksand-Bold;src:url("/Content/Quicksand/static/Quicksand-Bold.ttf") format("truetype");font-display:swap;}

@font-face {
    font-family: 'iCiel-Pony';
    src:url('/Content/webfonts_iCiel-Pony/iCiel-Pony.ttf.woff') format('woff'),
        url('/Content/webfonts_iCiel-Pony/iCiel-Pony.ttf.svg#iCiel-Pony') format('svg'),
        url('/Content/webfonts_iCiel-Pony/iCiel-Pony.ttf.eot'),
        url('/Content/webfonts_iCiel-Pony/iCiel-Pony.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

body{
    font-family:'Quicksand';
    background:url('/Content/images/background-1-trang.jpg?v=1') no-repeat top center;
    background-size:cover;
}

.no_ul{
    margin:0;padding:0;list-style:none;
}
.bg-ee{
    background-color:#E4E4E4;
}

.flex-center {
    display: flex;
    align-items: center;
    height: 100%;
}
    .flex-center .flex-center-div {
        flex: 1;
    }
    .news-detail,.sum-partner{
        font-size:15px;
        line-height:1.8;
    }
.clear-fix:after{
    content:'.';visibility:hidden;
    height:0;display:block;clear:both;
}
.container.container-duhoc{
    max-width:980px;
}
.bg-c {
    background: url("/Content/images/backgroundctdaotao-20191213080504.jpg?v=1") no-repeat left center;
    background-size: cover;
    background-origin: content-box;
}
.bg-c{
    background-attachment:fixed;
}

.title-heading-1 {
    font-size: 22px;
    color: #FF6489 ;
    margin-bottom: 15px;
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    margin-left: auto;font-family:'Roboto-Bold';
    margin-right: auto;
}
    .title-heading-1:after {
        content: "";
        display: block;
        width: 50px;
        height: 2px;
        background: #FF6489 ;
        z-index: 1;
        margin: auto;
        position: relative;
        top: 16px;
    }
    .title-heading-1.title-d-block {
        display: block;
    }
        .title-heading-1.title-d-block::after {
            margin-left: 0;
        }
        .img-partner{
            position:relative;margin-bottom:10px;
            border:3px solid #FF6489;border-radius:50%;
        }
           .img-partner .img-partner-doll{
               background:url("/Content/images/lat-dat.png?v=1") no-repeat center;
               background-size:contain;
               width:90px;height:90px;
               position:absolute;
               bottom:0;right:0;z-index:999;
            }
           
        .img-partner:after{
            display:block;content:'';
            padding-top:100%;
        }
            .img-partner img {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                max-height: 100%;margin:auto;
                border-radius:50%;
                z-index:9;
            }
            .title-partner{
                text-transform:uppercase;
                margin:12px 0 5px;font-size:18px;
                font-weight:bold;color:#FF6489;display:inline-block;
            }
            .sum-partner{
                color:#27626D;
                
            }
            .about-partner{
                font-weight:bold;
                margin-bottom:10px;color:#27626D;
            }
header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 99339;
    background: #fff;
    -webkit-box-shadow: 3px 3px 5px 0px rgb(221 221 221);
    -moz-box-shadow: 3px 3px 5px 0px rgba(221,221,221,1);
    box-shadow: 3px 3px 5px 0px rgb(221 221 221);
}
header img.logo {
    width: 254px;
}
header.fixed img.logo{width:204px;}
header .btmenu {
    background: none;
    border: none;
    color: #FF6489 ;
    padding: 0px;
    font-size: 25px;
    outline: none;
    margin-top: 25px;
}
.list-menu li {
    margin: 0 15px
}
.list-menu li:last-child{margin-right:0;}
header.fixed .list-menu li{margin-bottom:0;margin-top:14px;}
    .list-menu li a {
        color: #27626D;
        font-size: 14px;text-transform:uppercase;
        font-family:'RobotoCondensed-Bold';
    }
        .list-menu li a:hover {
            text-decoration: none;
            color: #FF6489 ;
        }
@media (min-width:768px) {
    .list-menu li a {
        font-size: 15px;
    }
}
        @media (min-width:1200px)
        {
            .list-menu li a{
                font-size:18px;
            }
        }
@media (max-width: 991px) {
    .list-menu {
        margin-top: 15px;
    }
        .list-menu li {
            margin: 0;
            background: #333;
            padding: 10px 15px;
            border-bottom: 1px solid rgba(255,255,255,.6);
        }
            .list-menu li a {
                color: #fff;
            }
}
#slide{
    padding-bottom:20px;
}
.slide-frm{
    background-color:rgba(255,255,255,.8);
    padding:10px;
}
@media (min-width:991px){
   .slide-frm  {
        background:none;padding:0;
    }
}
@media (min-width:1200px){
    #slide {
        padding: 30px 0;min-height:600px;
    }
}

.slide-frm .slide-frm-title{
    font-size:25px;
    color:#084954;line-height:1.3;
    margin-top:0;
    margin-bottom:20px;
    font-family:iCiel-Pony;text-align:center;
}
.slide-frm input[type="text"],.slide-frm input[type="email"],select{
    background:#DBF3FF;
    border-radius:20px;color: #73A2B9;
    padding:6px 15px;border:1px solid #ddd;
    width:100%;font-size:16px;font-family:iCiel-Pony!important;
}
.slide-frm input[type="text"]::-webkit-input-placeholder,
.slide-frm input[type="email"]::-webkit-input-placeholder,
select::-webkit-input-placeholder { /* Edge */
  color: #73A2B9;
}

.slide-frm input[type="text"]:-ms-input-placeholder,
.slide-frm input[type="email"]:-ms-input-placeholder,
select:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #73A2B9;
}

.slide-frm input[type="text"]::placeholder,
.slide-frm input[type="email"]:placeholder,
select::placeholder {
  color: #73A2B9;
}
.slide-frm .form-group{
    margin-bottom:1.2rem;
}
    .slide-frm button[type='submit'] {
        display: inline-block;
        border-radius: 20px;
        background-color: #5A8DA4;
        color: #fff;font-size:16px;
        padding: 8px 20px;letter-spacing:1.5px;
        border: none;font-family:iCiel-Pony;
    }
    #quangcao{
        padding:50px 0 35px 0;
        
    }
    #quangcao .tieuchuand{
        border-radius:20px;
        padding:10px 20px;
        border:4px solid #FEADC1;background-color:#fff;
    }
    #quangcao .tieuchuand .tieuchuand-img{
        position:relative;
    }
    #quangcao .tieuchuand .tieuchuand-img:before{
        content:'';
        padding-top:100%;
        display:block;
    }
    #quangcao .tieuchuand .tieuchuand-img img{
        position:absolute;
        top:0;left:0;bottom:0;right:0;margin:auto;
    }
    #quangcao .tieuchuand .tieuchuand-info table{margin:auto;}
    #quangcao .tieuchuand .tieuchuand-info{
        font-family:iCiel-Pony;
        color:#FF6388;
        font-size:20px;white-space:nowrap;
    }
     #quangcao .tieuchuand .tieuchuand-info span.tieuchuand-info-special{
         color:#436B79;
     }
     #quangcao .tieuchuand .tieuchuand-info span.tieuchuand-info-special.bifat{
         font-size:44px;
     }
    .slash-title{
       max-width:550px;margin:auto;
       margin-bottom:20px;
       position:relative;z-index:10;
    }
        .slash-title .slash-title-cnt {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            padding-top: 20px;
            
        }
            .slash-title .slash-title-cnt .slash-title-cnt-title {
                font-size: 20px;
                font-family: iCiel-Pony;
                text-align: center;
                color: #fff;
            }
            .slash-title .slash-title-cnt .slash-title-cnt-title img{
                width:72px;position:relative;
                top:-2px;
            }
            @media (min-width:768px){
                .slash-title .slash-title-cnt{
                    padding-top: 30px;
                }
                .slash-title .slash-title-cnt .slash-title-cnt-title {
                    font-size: 35px;padding-left:25px;
                }
            }
            .sl-cnd{
                color:#3A7078;
                font-size:18px;
                padding:15px;border:2px solid #FE7495;
                border-radius:20px;font-weight:bold;
            }
            .sl-cnd-pos{
                position:relative;
                top:-50px;
                z-index:9;
            }
            .sl-cnd .sl-cnt-d{
                height:40px;
            }
            .sl-cn-ddd{
                color:#068686;font-family:iCiel-Pony;
                font-size:24px;
                margin:15px 0;
            }
    .slash-sum{
        font-size:19px;
        color:#333;
    }
    .video-reg-present{
        background-color:#FF6489;padding:20px;
        max-width:831px;
        margin:auto;border-radius:20px;
    }
@media (min-width:991px) {
    .col-reg-7, .col-reg-5, .col-reg-3 {
        float: left;
    }

    .col-reg-7 {
        width: 58.33%;
    }

    .col-reg-5 {
        width: 41.67%;
    }
}
@media (min-width:1200px) {

    .col-reg-3 {
        width: 13%;
    }

    .col-reg-7 {
        width: 45.33%;
    }

    .col-reg-5 {
        width: 41.67%;
    }
}
#library .form-group{
    margin-bottom:30px;
}
.lido-title,.lido-cnt{
    text-align:center;font-weight:bold;padding:10px;
    
}
.lido-title {
    background-color: #FF6489;padding:0;
    border-radius: 20px 20px 0 0;
}
.lido-title .lido-title-cnt{
    background-color:#fff;
    font-size:16px;color:#FF6489;text-transform:uppercase;
    border-radius:20px;
    padding:6px;
}
.lido-title.big-lido-title{
    font-size:20px;margin-bottom:5px
}
.lido-cnt {
    background-color: #FF6489;
    color: #fff;
    font-size: 16px;
    height: 110px;
    overflow-y: hidden;
    border-radius: 0px 0px 5px 5px;
}
.lido-cnt.big-lido-cnt{
    height:auto;text-align:justify;font-weight:initial;font-size:15px;
}
@media (min-width:991px){
    .lido-cnt.big-lido-cnt{min-height:600px;}
}
.lido-cnt.big-lido-cnt ul.listdaotao li{font-size:15px;margin-bottom:10px;}
.lido-cnt.big-lido-cnt ul.listdaotao li:last-child{margin-bottom:0;}
.small-slash-title{
    display:inline-block;
    background-color:#C2F8A7;
    padding:6px 16px;font-weight:bold;font-size:20px;
}
ul.listdaotao li{
    margin-bottom:15px;font-size:16px;
    display:table;
}
ul.listdaotao li div{
    display:table-cell;vertical-align:top;
    color:#1B5D64;font-weight:bold;font-size:17px;
}
ul.listdaotao li div:first-child{
    padding-right:8px;
}
span.sq-icon{
    display:block;
    width:6px;
    height:6px;border-radius:50%;
    background-color:#FF6489 ;margin-top:10px;
}
@media (min-width:991px) {
    #lecture .col-md-4 {
        border-right: 2px solid #FF6489 ;
    }

        #lecture .col-md-4:last-child {
            border: none;
        }
}
#ctdt{
    position:relative;
}
@media (min-width:991px) {
    #ctdt:before {
        content: '';
        display: block;
        background: #FF6489 ;
        position: absolute;
        top: 0;
        left: 0;
        width: calc(50% - 15px);
        height: 100%;
        z-index: 9;
    }
    .ctr {
        position: relative;
        z-index: 9;
        padding: 40px 30px 30px 20px;
    }
}
.xpred{
    font-weight:bold;
    color:#FF6489 
}
    .qu-trinhpro{
        background-color:#FF6489;
        padding:20px;
        border-radius:20px;position:relative;
    }
   .qu-trinhpro .qu-trinhpro-left,
   .qu-trinhpro .qu-trinhpro-right{
      background: url("/Content/images/kimono.png?v=1") no-repeat center;
       background-size:contain;
       position:absolute;
       bottom:-40px;z-index:999;
       
   }
        .qu-trinhpro .qu-trinhpro-left {            
            height: 200px;
            width: 140px;left:20px;
        }
        .qu-trinhpro .qu-trinhpro-right {
            background-image: url("/Content/images/ca.png?v=1");
            height: 227px;
            width: 300px;right:20px;
        }
    .qu-trinhpro .qu-trinhpro-title{
        text-align:center;
        font-size:40px;color:#fff;font-family:iCiel-Pony;
        position:relative;
        margin-bottom:30px;
    }
    #quytrinhchuanbi .slash-title,
    #quytrinhchuanbi .news-detail{
        color:#fff;
    }
    #quytrinhchuanbi .news-detail{
        font-size:17px;
    }
    #quytrinhchuanbi .news-detail ol{
        margin:0;padding:0;list-style:none;
    }
    #quytrinhchuanbi .news-detail ol li{
        margin-bottom:8px;color:rgba(255,255,255,1);display:block;font-weight:bold;
    }
    #quytrinhchuanbi .news-detail ol li::before{
        content:'';
        width:7px;
        height:7px;
        background-color:rgba(255,255,255,.7);display:inline-block;
        margin-right:8px;position:relative;
        top:-2px;
    }
.ladi-notify {
    padding: 5px;
    box-shadow: 0 0 1px rgb(64 64 64 / 30%), 0 8px 50px rgb(64 64 64 / 5%);
    border-radius: 40px;
    color: rgba(64,64,64,1);
    background: rgba(250,250,250,.9);
    line-height: 1.6;
    font-size: 13px;
    position:fixed;
    bottom:10px;left:10px;
        width: 300px;
    height: 66px;
    transition:1s ease-out;
    transform:translate(-100px,0);opacity:0;
}
.ladi-notify.act{
   transform:translate(0,0);opacity:1;
}
.ladi-notify .ladi-notify-image img {
    float: left;
    margin-right: 13px;
    border-radius: 50%;
    width: 53px;
    height: 53px;
    pointer-events: none;
}
    .ladi-notify .ladi-notify-title {
        font-size: 100%;
        height: 17px;
        overflow: hidden;
        font-weight: 700;
        overflow-wrap: break-word;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1;margin-top:5px;
    }
    .ladi-notify .ladi-notify-content {
        font-size: 92.308%;
        height: 17px;
        overflow: hidden;
        overflow-wrap: break-word;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1;
        padding-top: 2px;
    }
    .ladi-notify .ladi-notify-time {
        line-height: 1.6;
        font-size: 84.615%;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
    }
.logo-footer {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.logo-footer img{width:300px}
.title-ft{
    font-size:18px;
}
.tt-footer-contact {
    position: relative;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: .3px;
    padding: 3px 0;
    color: #000;
    margin-right: 10px;
}
    .tt-footer-contact .fas {
        font-size: 17px;
        margin-right: 10px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: block;
        background-color: #FF6489 ;
        color: #fff;
    }.tt-footer-contact a {
    color: #000;
}
     .tt-footer-contact a:hover{
         color:#FF6489 ;text-decoration:none;
     }
     .kyduhoc{
         background-color:#fff;
         border:3px solid #FF6489;border-radius:10px;
         position:relative;margin-bottom:15px;
     }
     .kyduhoc::before{
         content:'';
         padding-top:66%;
         display:block;
     }
     .kyduhoc .kyduhoc-cnt{
         position:absolute;
         top:0;left:0;bottom:0;right:0;text-align:center;
     }
     .kyduhoc .kyduhoc-cnt .kyduhoc-cnt-title{
         font-size:24px;
         color:#FF6489;font-family:iCiel-Pony;
         margin-bottom:10px;
     }
     .kyduhoc .kyduhoc-cnt .kyduhoc-cnt-chuthich{
         color:#FF6489;font-size:13px;margin-top:10px;font-family:iCiel-Pony;
     }
     .kyduhoc .kyduhoc-cnt .kyduhoc-cnt-nm{
         color:#068686;
         font-size:40px;font-family:iCiel-Pony;line-height:20px;
     }
     .kyduhoc-desc{
         background-color:#FF6489;
         color:#fff;
         font-family:iCiel-Pony;
         font-size:16px;border-radius:10px;
    
         padding:5px 14px;position:relative;
         top:-40px;max-width:160px;
         margin:auto;
     }
     @media (max-width:500px)
     {
         .kyd-hoc{
             max-width:220px;margin:auto;
         }
     }
     @media (min-width:501px) and (max-width:768px)
     {
         .kyd-hoc{
             max-width:450px;margin:auto;
         }
     }
     .title-dieukien{
         background-color:#FF6489;
         color:#fff;
         display:inline-block;
         padding:6px 15px;
         border-radius:20px;
         font-size:20px;font-family:iCiel-Pony;position:relative;
         top:20px;left:20px;
     }
     .lydo-region{
         border:2px dashed #FF6489;
         border-radius:20px;
         padding:30px;
         padding-bottom:0;
     }
     .dieukien-region{
         border:2px solid #FF6489;
         padding:15px;
         background:#FEF5F8;border-radius:20px;
     }
     .dieukien-region .xpred{
         background-color:#FF6489;color:#fff;
         display:inline-block;
         padding:3px 10px;
         border-radius:20px;font-size:18px;margin-bottom:10px;
     }
     .xpred-cnt{
         font-size:18px;
         color:#27626D;font-weight:bold;margin-bottom:10px;
     }
     .big-circle{
         background-color:#fff;
         border:3px solid #FF6489;
         width:250px;
         height:250px;margin:auto;
         color:#FF6489;font-family:iCiel-Pony;font-size:28px;text-transform:uppercase;
         border-radius:50%;text-align:center;
         position:relative;line-height:1.3;
     }
     .big-circle .flower-big-circle{
         background:url("/Content/images/bong-hoa.png?v=1") no-repeat left center;
         width:90px;height:90px;
         background-size:contain;
         position:absolute;
         top:-10px;
     }
     .big-circle span{
         display:block;color:#068686;font-size:32px;
     }
     .cnt-motahocbong{
         border:2px solid #FF6489;
         padding:16px;padding-top:0;border-radius:20px;font-weight:bold;
         color:#27626D;font-size:15px;
     }
     @media (min-width:991px){
        .cnt-motahocbong {
            min-height: 836px;
        }
     }
     .cnt-motahocbong .cnt-motahocbong-dsd{
         display:inline-block;
         border:1px solid #FF6489;
         margin:auto;
         border-radius:20px;padding:3px 10px;
     }
     .cnt-motahocbong .text-underline{
         text-decoration:underline;
         font-size:15px;margin-bottom:5px;line-height:1.6;
     }
     .cnt-motahocbong ul{
         padding:0 20px;
     }
     .cnt-motahocbong-muangay{
         background:url('/Content/images/button-mua-ngay.png?v=1') no-repeat center center;
         background-size:contain;
         width:95%;
         height:50px;
         margin:auto;color:#fff;font-family:iCiel-Pony;
         text-align:center;font-size:20px;
         position:relative;
         top:-32px;font-weight:initial;
     }
     .cnt-motahocbong .cnt-motahocbong-unit-price{
        text-align:center;
         margin-bottom:15px;color:#236269;
         font-size:17px;font-weight:bold;line-height:28px;
     }
     .cnt-motahocbong .cnt-motahocbong-unit-price span{
         font-size:26px;display:block;
     }
     .tild{
         color:#FF6489;
         margin-top:10px;
         display:inline-block;
         font-weight:bold;font-size:20px;
     }
     .bt-youtu{
         position:fixed;
         bottom:130px;
         right:30px;
         background-color:#F70000;
         border:none;color:#fff;
         font-size:1.6em;border-radius:50%;
         width:45px;height:45px;display:block;transition:400ms ease-in-out;
     }
     .bt-youtu:hover{
         bottom:135px;
     }
     .modal{
         z-index:999999;
     }
     .close.btclose{
         background-color:#FF6489;
         color:#fff;
         width:35px;height:35px;
         border-radius:50%;
         position:absolute;
         top:-15px;right:-15px;
         z-index:999999;
         opacity:1;
     }
.quick-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    left: -20px;
    bottom: 50px;
}.quick-alo-phone.quick-alo-show {
    visibility: visible;
}
.quick-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,.4);
    border: 2px solid #00aff2 9;
    opacity: .1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.quick-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
    background-color: rgba(0,175,242,.5);
    background-color: #a6e3fa;
    opacity: .75!important;
}
.quick-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30,30,30,.1) url(/Content/images/message503.png?v=1) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .8;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #FF6489;
    transition: 400ms ease-in;
}@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-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)}}