a, body { color: #333 }
.robotocond { font-family: 'Roboto Condensed', sans-serif }
.prdctsan { font-family: 'Product Sans', Arial, sans-serif }
.bebas { font-family: bebas }
.baomoi { font-family: baomoi }
.utmtimes { font-family: utmtimes }
.myriadcond { font-family: myriadcond }
a:hover { text-decoration: none !important; color: #ffe400 }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
body { font: 14px/24px Arial }
.h663300 { color: #630 }
.hf00 { color: red }
.hffe400 { color: #ffe400 }
.ha2d2f1 { color: #a2d2f1 }
.hfff { color: #fff }
.h000 { color: #000 }
.h666 { color: #666 }
.h0084b5 { color: #0084b5 }
.h5a5a5a { color: #5a5a5a }
.h999 { color: #999 }
.h999990 { color: #999990 }
.hc2c2c2 { color: #c2c2c2 }
.hccc { color: #ccc }
.h0090c5 { color: #0090c5 }
.hec1946 { color: #ec1946 }
.h0070b7 { color: #0070b7 }
.container { width: 1180px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.row { margin-left: -15px; margin-right: -15px; clear: both }
.lsn { list-style: none }
.no__bg { background: 0 0 !important }
input[type=text]:focus, textarea:focus { border: 1px solid #C8C8C8 }
input:focus, textarea:focus { outline: 0; border: 1px solid #C8C8C8; box-shadow: none !important }
.khungAnh .khungAnhCrop { box-shadow: none }
.khungAnh .khungAnhCrop img, .khungAnh .khungAnhCrop:hover img, .khungAnhCrop0:hover img { transform: translate(-50%, -50%) }
.size__change { padding: 5px 0 20px }
.size__change img { max-width: 100%; height: auto !important }
.news__tool { background: #f7f7f7; border-top: 1px solid #eaeaea }
.news__tool a { font-size: 11px; line-height: 24px; color: #9f9f9f }
.news__tool .back { padding-left: 25px; margin-right: 25px; background: url(back.png) 6px center no-repeat }
.news__tool .email { padding-left: 21px; margin-right: 25px; background: url(mail.png) left center no-repeat }
.news__tool .print { padding-left: 20px; background: url(print.png) left center no-repeat }
.other__news { margin-top: 35px }
.other__news .other__title { height: 18px; border-bottom: 2px solid #ededed; position: relative }
.other__news .other__title span { float: left; font-size: 19px; background: #fff; padding-right: 3px; color: #0066cc }
.other__news .title{color:#0066cc}
.other__news .other__equip, .other__news .other__gr { margin-top: 23px }
.other__news .other__equip .news__item__02, .other__news .other__gr .news__item__02 { width: 274px; margin-right: 20px }
.other__news .other__equip .news__item__02:nth-child(3n), .other__news .other__gr .news__item__02:nth-child(3n) { margin-right: 0 }
.other__news .other__equip .product__item { width: 265px; margin-right: 33px }
.other__news .other__equip .product__item:nth-child(3n) { margin-right: 0 }
.other__news ul { padding-left: 0; margin-top: 20px }
.other__news ul li { padding-left: 20px; background: url(bullet00.jpg) left 13px no-repeat; padding-top: 5px; padding-bottom: 5px }
.other__news ul li a { line-height: 20px }
.other__news ul li a span { color: #999 }
.other__news ul li:hover { background: url(bullet01.jpg) left 13px no-repeat }
.other__news ul li:hover a { color: #ffe400 }
.sect__title { margin-bottom: 20px }
.sect__title a { font-size: 30px; line-height: 30px; display: block; margin: 0 auto }
.sect__title__gr { border-bottom: 2px solid #cce3f2; margin-bottom: 20px }
.sect__title__gr a:first-child { font-size: 25px; line-height: 25px; border-bottom: 2px solid #0070b7 }
.sect__title__gr .more { display: block; width: 102px; height: 26px; line-height: 26px; position: relative; right: 0; bottom: -2px; padding-left: 17px; background: url(more_arr.png) 90px 10px no-repeat, url(more.png) center center no-repeat }
.sect__title__gr02 a { font-size: 25px; line-height: 34px; display: block; margin-bottom: 20px }
.see__detail { display: block; width: 109px; height: 33px; line-height: 33px; border: 1px solid #ececec; border-right: 2px solid #0070b7; color: #666; background: url(more02.png) 95px center no-repeat }
.see__detail:hover { background: url(more_hv.png) 95px center no-repeat, #0070b7; color: #ffe400; border: 1px solid #0070b7 }
.equip__slide {overflow: hidden}
.product__item { width: calc((100% - 90px)/4); float: left; padding-bottom: 35px; margin-right: 24px }
.product__item .khungAnh { border: 1px solid #f1f1f1; margin-bottom: 20px }
.product__item .khungAnh::before { padding-bottom: 94.2% }
.product__item .title { color: #333; display: block; padding: 0; line-height: 18px; max-height: 18px; overflow: hidden; margin-bottom: 10px }
.product__item .desc { line-height: 20px; max-height: 60px; text-align: center; overflow: hidden }
.product__item:nth-child(4n) { margin-right: 0 }
.news__item { float: left; width: 570px; background: #fff; margin-right: 39px; margin-bottom: 30px; box-shadow: 0 0 6px rgba(0, 0, 0, .08) }
.news__item .desc { height: 151px; width: 338px; padding: 18px 25px; max-height: none }
.news__item .desc .title { padding: 0; margin-bottom: 5px; line-height: 22px; max-height: 44px; height: 44px; overflow: hidden; color: #0070b7 }
.news__item .desc .calendar { background: url(calendar.jpg); width: 56px; height: 59px }
.news__item .desc .calendar p:first-child { margin-top: 5px; font-size: 21px; line-height: 23px }
.news__item .desc .calendar p:last-child { font-size: 14px; line-height: 23px }
.news__item .desc .text { width: calc(100% - 56px); padding-left: 15px; line-height: 21px; max-height: 63px; overflow: hidden }
.news__item .khungAnh { width: 232px }
.news__item .khungAnh::before { padding-bottom: 65% }
.news__item:nth-child(2n) { margin-right: 0 }
.news__detail__title { display: block; font-size: 25px; line-height: 34px; margin-bottom: 10px }
.news__item__02 { width: 265px; margin-right: 33px; margin-bottom: 40px; float: left }
.news__item__02 .khunhAnh { margin-bottom: 15px }
.news__item__02 .khunhAnh::before { padding-bottom: 65.7% }
.news__item__02 .title { padding: 0; margin-top: 15px; font-size: 16px; line-height: 25px; height: 50px; max-height: 50px; overflow: hidden; margin-bottom: 5px; display: block }
.news__item__02 .title:hover { color: #0070b7 }
.news__item__02 .desc { line-height: 22px; max-height: 66px; overflow: hidden; margin-bottom: 20px }
.news__item__02:nth-child(3n) { margin-right: 0 }
.news__item__03 { width: 370px; margin-right: 35px }
.news__item__03 .khungAnh:hover .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../News/cross.png) center center no-repeat, rgba(0, 0, 0, .5); z-index: 2; pointer-events: none }
.news__item__03 .khungAnh::before { padding-bottom: 57.56% }
.news__item__03:nth-child(3n) { margin-right: 0 }
.album__title { font-size: 25px; line-height: 34px; color: #0072bc }
.album__date { color: #999; margin-bottom: 15px }
.album__item { float: left; width: 285px; margin-right: 13px; margin-bottom: 13px }
.album__item .khungAnh::before { padding-bottom: 67% }
.album__item .khungAnh .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0, 0, 0, .5); pointer-events: none }
.album__item .khungAnh .overlay p { color: #fff; position: absolute; left: 0; right: 0; text-align: center }
.album__item .khungAnh .overlay .name { font-size: 18px; line-height: 20px; top: 34% }
.album__item .khungAnh .overlay .view { top: 53%; font-size: 14px }
.album__item .khungAnh:hover .overlay { background: 0 0 }
.album__item .khungAnh:hover .overlay p { visibility: hidden }
.album__item:nth-child(4n) { margin-right: 0 }
.album__detail__item { float: left; width: 385px; margin-right: 12px; margin-bottom: 13px }
.album__detail__item .khungAnh::before { padding-bottom: 66.7% }
.album__detail__item:hover .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../News/cross.png) center center no-repeat, rgba(0, 0, 0, .5); z-index: 2 }
.album__detail__item:nth-child(3n) { margin-right: 0 }
.mfp-content .mfp-img { padding: 0; border: 5px solid rgba(255, 255, 255, .5); -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 3px }
.mfp-content .mfp-arrow-left, .mfp-content .mfp-arrow-right { background: url(prev__0x.png) center center no-repeat }
.mfp-content .mfp-arrow-left { left: -70px }
.mfp-content .mfp-arrow-right { right: -70px; transform: scaleX(-1) }
.mfp-content .mfp-arrow::after, .mfp-content .mfp-arrow::before { border: none }
.mfp-close { top: -45px !important; font-size: 13px !important; line-height: 24px !important; background: url(Close.png) right center no-repeat !important; padding-right: 30px !important; text-transform: uppercase }
.breadcumb__w { position: relative }
.breadcumb__w .khungAnh::before { padding-bottom: 29.28% }
.breadcumb__w .breadcumb { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3 }
.breadcumb__w .breadcumb ul { padding-left: 0 }
.breadcumb__w .breadcumb ul li { display: inline-block; position: relative }
.breadcumb__w .breadcumb ul li:after { content: '/'; color: #fff; margin: 0 8px 0 10px }
.breadcumb__w .breadcumb ul li:last-child:after { content: '' }
.pagination { padding-left: 10px; display: block; margin: 10px auto 35px; text-align: center }
.pagination li { display: inline-block; margin-right: -4px; border: 1px solid #ddd; border-right: none }
.pagination li a { display: block; height: 32px; padding: 0 15px; line-height: 32px; color: #666 }
.pagination li:hover a, .pagination li.active a, header nav .logo .title:hover p:first-child, header nav .logo:hover .title p:first-child { color: #fff }
.pagination li:hover, .pagination li.active { background: #0070b7; border: 1px solid #0070b7; border-right: none }
.pagination li:first-child { border-radius: 2px 0 0 2px }
.pagination li:last-child { border-radius: 0 2px 2px 0; border-right: 1px solid #ddd }
header { width: 100%; z-index: 6; position: relative }
header .fixed__nav { position: absolute; top: 30px; left: 0; right: 0; margin: 0 auto; z-index: 5 }
header nav { background: #0070b7; min-height: 100px; border-radius: 50px}
header nav .logo .khungAnh { width: 100px; margin-right: 12px }
header nav .logo .khungAnh:before { padding-bottom: 100% }
header nav .text_menu .title { max-height: none;padding: 0;margin-bottom: 1px}
header nav .text_menu .title p:first-child { font-size: 21px; font-weight: 400; padding-bottom: 0; margin-top: 10px }
header nav .text_menu .title p:nth-child(2) { font-size: 13px; line-height: 21px; padding-left: 5px; font-family: Segoe UI; font-weight: 500;margin-top: 5px}
header .top__nav { margin-bottom: 10px; margin-right: 35px }
header .top__nav .num { font-size: 24px }
header .top__nav .num:hover { color: red }
header .top__nav a:hover { color: #333 }
header .top__nav .flag { margin-left: 5px; margin-top: 7px }
header .top__nav .flag img { vertical-align: bottom }
header .top__nav .search__box { position: relative; min-width: 25px; height: 30px; margin: 0 15px 0 20px }
header .top__nav .search__box > input { height: 30px; border-radius: 12px; display: none; padding: 0 25px 0 5px; background: rgba(0, 0, 0, .5) }
header .top__nav .search__box .search__btn { position: absolute; bottom: 7px; right: 5px; width: 16px; height: 16px; background: url(icon_search.png) }
header .main__nav { margin: 0; padding: 8px 0 0 0;float: none;clear: both}
header .main__nav li { position: relative; display: block; margin-left: 17px;float: left}
footer .above .map__footer::after, header .main__nav li:hover::after, header .main__nav li.current::after { position: absolute; content: ''; left: 0 }
header .main__nav li a { font-size: 17px;line-height: 30px;display: block;height: 30px;padding-bottom: 5px}
header .main__nav li.home a {font-size: 0}
header .main__nav li.home a img {margin-top: 5px}
header .main__nav li:hover a, header .main__nav li.current a { color: #ffe400 }
header .main__nav li:hover::after { width: 100%; height: 4px; background: #ffe400; bottom: -2px }
header .main__nav li.current::after { width: 100%; height: 4px; background: #ffe400; bottom: -2px }
header .main__nav li:first-child { margin: 0 }
footer .above { background: #979797; padding: 30px 0 25px }
footer .above .info { width: 470px }
footer .above .info > a { font-size: 16px; line-height: 26px; display: block }
footer .above .info > p { line-height: 26px }
footer .above .info .social > p { margin-top: 20px }
footer .above .info .social ul { padding-left: 0 }
footer .above .info .social ul li { display: inline-block }
footer .above .map__footer { width: 318px; height: 194px }
footer .above .map__footer::after { top: 0; right: 0; bottom: 0; border: 5px solid; border: 5px solid rgba(255, 255, 255, .66); -webkit-background-clip: padding-box; background-clip: padding-box }
footer .above .footer__cate { width: 392px; padding-left: 30px }
footer .above .footer__cate > a { font-size: 16px; display: block; margin-bottom: 15px }
footer .above .footer__cate ul { padding-left: 0; margin-top: 0 }
footer .above .footer__cate .cate__footer, footer .above .footer__cate ul li { background: url(icon_more.png) left 9px no-repeat; display: inline-block; margin-right: -4px; margin-bottom: 10px; padding-left: 8px }
footer .above .footer__cate ul li { width: 50%; padding-right: 10px; vertical-align: top }
footer .above .footer__cate .w100 { width: 100% }
footer .above .footer__cate .w100 .w50 { width: 50% }
footer .above .footer__cate .cate__footer { width: 100%; padding-right: 3px }
footer .below { background: #0070b7; padding: 15px 0 }
.content { padding: 38px 0 50px }
.content article.fl { width: 300px }
.content article.fl .sub__cate { padding-left: 0; margin: 0 0 10px }
.content article.fl .sub__cate li { margin-bottom: 10px; background: #e1e1e1; padding-left: 15px }
.content article.fl .sub__cate li a { display: block; padding: 7px 0 }
.content article.fl .sub__cate li.active, .content article.fl .sub__cate li:hover { background: url(subcate_bg.jpg) center center no-repeat; background-size: cover }
.content article.fl .sub__cate li.active a, .content article.fl .sub__cate li:hover a { color: #fff }
.content article.fl .left__equip { background: url(bg_left_equip.jpg) center center no-repeat; background-size: cover; padding: 30px 15px 0 }
.content article.fl .left__equip > a { display: block; font-size: 25px; line-height: 25px; margin-bottom: 20px }
.content article.fl .left__equip .equip__item { display: flex; padding-bottom: 12px }
.content article.fl .left__equip .equip__item .khungAnh { width: 100px; border: 1px solid #f1f1f1 }
.content article.fl .left__equip .equip__item .khungAnh::before { padding-bottom: 94% }
.content article.fl .left__equip .equip__item .des { width: calc(100% - 100px); padding: 0 0 0 15px }
.content article.fl .left__equip .equip__item .des .title { color: #333; line-height: 22px; max-height: 44px; padding: 0; position: relative; top: 50%; transform: translateY(-50%) }
.content article.fr { width: 862px }
#scrollToTop { display: none; position: fixed; z-index: 5; width: 57px; height: 57px; text-align: center; font-weight: 700; bottom: 145px; right: 20px; background: url(top.png) no-repeat }
.datetime__n__size { background: #f7f7f7; border-top: 1px solid #f5f5f5; min-height: 26px; margin-bottom: 18px }
.datetime__n__size img { vertical-align: middle }
.datetime__n__size span { vertical-align: middle; font-size: 12px; line-height: 26px; color: #999 }
.form__title { color: #0092d3; margin-bottom: 15px; font-size: 20px }
.contact__form { width: 534px; padding-right: 55px }
.contact__form ul { padding-left: 0 }
.contact__form ul li { line-height: 25px; padding-left: 22px }
.contact__form ul .no1 { background: url(contact__locate.jpg) left 7px no-repeat }
.contact__form ul .no2 { background: url(contact_phone.jpg) left 7px no-repeat }
.contact__form ul .no3 { background: url(contact_mail.jpg) left 7px no-repeat }
.contact__form ul .no4 { background: url(contact_gobal.jpg) left 7px no-repeat }
.contact__form input::-moz-placeholder, .contact__form textarea::-moz-placeholder { opacity: 1 }
.contact__form input::-webkit-input-placeholder, .contact__form textarea::-webkit-input-placeholder { opacity: 1 }
.contact__form input, .contact__form select { width: 100%; height: 38px; border: 1px solid #dbdbdb; color: #333; margin-bottom: 8px }
.contact__form select { background: url(down.png) 450px center no-repeat; -moz-appearance: none; -webkit-appearance: none }
.contact__form textarea { height: 100px; margin-bottom: 10px }
.contact__form .reset, .contact__form .submit { display: inline-block; margin-right: 5px; width: 104px; height: 38px; line-height: 38px; color: #fff;background: #9a9a9a }
.contact__form .submit:hover, .contact__form .reset:hover { background: #0092d3 }
.map02 { width: calc(100% - 534px) }
#map_canvas2 { width: 100%; height: 480px }
#SearchIndex { width: 1000px; margin: auto; padding: 20px 0 }
.text_menu {width: calc(100% - 112px)}
.partner_H {float: right}
.partner_H .khungAnh {width: 120px;float: left;margin-right: 15px}
.partner_H .khungAnh:before {padding-bottom: 50%}
.partner_H .khungAnhCrop0 {box-shadow: none}

#BaoCommonFooter{padding: 50px 0;background-color: #04558c;color: white;position: relative}
#ContentFooter{width: 980px;margin: auto}
.title_ft {font: 18px 'roboto-bold';text-transform: uppercase;text-align: center;margin-bottom: 5px}
.link_ft a {margin: 0 5px;color: white;text-transform: uppercase}
.link_ft {font: 15px 'Roboto';text-align: center}
.office_ds {overflow: hidden;margin: 40px 0 30px 0}
.office_ds .item_of {width: calc((100% - 60px)/3);margin-right: 30px;float: left;font: 12px 'Roboto';line-height: 18px}
.office_ds .item_of:nth-child(3n) {margin-right: 0}
.office_ds .title_of {font-family: 'roboto-bold';text-transform: uppercase;margin-bottom: 10px}
.office_ds .item_of span {display: block;margin-bottom: 5px}
.office_ds .item_of span:last-child {font-family: 'roboto-bold';color: #fffc00}
.license {font: 12px 'Roboto';line-height: 18px}
.info_w {position: absolute;top: 100px;left: calc(50% - 683px);text-align: center}
.thongke_tc {margin-bottom: 20px;text-align: left}
.thongke_tc div {margin-bottom: 5px;font: 12px 'Roboto'}
.logo_bct {display: block;margin: 5px 0 10px 0}
.social_ft a {display: inline-block;margin: 0 4px}

.hotline_fix {position: fixed;z-index: 5;left: 0;bottom: 0;width: 100%;background-color: #0000ff;height: 40px}
.hotline_fix .khoi1366 {max-width: 1366px;margin: auto}
.hotline_fix .phone_ft {float: left}
.hotline_fix .phone_ft a {color: white;font: bold 18px Arial;margin-right: 100px;line-height: 40px}
.hotline_fix .phone_ft a:last-child {margin-right: 0}
.lienhe_ft {float: right;background-color: #0db7c8;height: 30px;border-radius: 5px 0 0 0;margin-top: 10px;overflow: hidden}
.lienhe_ft a {padding: 0 30px;color: white;font: bold 14px Arial;color: white;line-height: 30px;display: block;float: left}
.lienhe_ft a.ct_footer {border-right: 1px solid #0000ff;background: url(lienhe.png) no-repeat left 15px center;padding-left: 50px}
.lienhe_ft a.hl_footer {background: red url(hotline3.png) no-repeat left 15px center;padding-left: 40px;background-size: 22px}

header .fixed__nav.active #CommonMenuMain {position: fixed;z-index: 11;top: 0;left: 0;width: 100%;padding: 0 calc(50% - 590px);background-color: #0070b7;height: 40px}
header .fixed__nav.active .main__nav li a {height: 40px;line-height: 40px}
header .fixed__nav.active .main__nav li.home a img {margin-top: 8px}
header .fixed__nav.active .main__nav li:hover:after, header .fixed__nav.active .main__nav li.current:after {bottom: 0}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {border: 2px solid white}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle a {display: block;width: 60px;height: 60px}
.hotline_fix_duoi {position: fixed;z-index: 111;top: calc(50% - 100px);right: 200px}
.hl_right {position: fixed;top: calc(50% + 80px);right: 10px;font: bold 22px Arial;color: white;background-color: #0070b7;padding: 5px 15px;border-radius: 3px;white-space: nowrap}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@-webkit-keyframes fadeOutRight{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
.phonering-alo-phone.phonering-alo-static{opacity:.6;}
.phonering-alo-phone.phonering-alo-hover, .phonering-alo-phone:hover{opacity:1;}
.phonering-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);border:2px solid #bfebfc 9;opacity:.1;-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%;}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle{-webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out !important;animation:phonering-alo-circle-anim 1.1s infinite ease-in-out !important;}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle{-webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out !important;animation:phonering-alo-circle-anim 2.2s infinite ease-in-out !important;}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone:hover .phonering-alo-ph-circle{border-color:#00aff2;opacity:.5;}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle{border-color:#75eb50;border-color:#baf5a7 9;opacity:.5;}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle{border-color:#00aff2;border-color:#bfebfc 9;opacity:.5;}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle{border-color:#ccc;opacity:.5;}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle{border-color:#75eb50;opacity:.5;}
.phonering-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;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%;}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill{-webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important;animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important;}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill{-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important;}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone:hover .phonering-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#00aff2 9;opacity:.75 !important;}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);background-color:#baf5a7 9;opacity:.75 !important;}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#a6e3fa 9;}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);background-color:#ccc 9;opacity:.75 !important;}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75 !important;}
.phonering-alo-ph-img-circle{width:60px;height:60px;top:70px;left:70px;position:absolute;background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;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%;}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out !important;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out !important;}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out !important;animation:phonering-alo-circle-img-anim 0 infinite ease-in-out !important;}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone:hover .phonering-alo-ph-img-circle{background-color:#00aff2;}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle{background-color:#75eb50;background-color:#75eb50 9;}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle{background-color:#00aff2;background-color:#00aff2 9;}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle{background-color:#ccc;}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle{background-color:#75eb50;}
@-webkit-keyframes phonering-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;}
}
@-webkit-keyframes phonering-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;}
}
@-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);}
}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
@-webkit-keyframes fadeOutRight{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}
@keyframes fadeOutRight{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}
@-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1;}
30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5;}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1;}
}
@keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1;}
30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5;}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1;}
}
@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2;}
100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
}
@keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2;}
100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
}
@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);}
}
@keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);}
}