/*them nut call*/
.fone {font-size: 19px; /* ch? c?nh nút g?i */color: #f00;line-height: 40px;font-weight: bold;padding-left: 48px; /* cách bên trái cho ch? */margin: 0 0;}
.fix_tel { position:fixed; bottom:35px; left:18px; z-index:999;}
/* left 18px là cách bên trái 18px. n?u mu?n cho nút g?i sang ph?i thay là right */.fix_tel a {text-decoration: none; display:block;}
.tel { background: #eee;width:190px; height:40px; position:relative; overflow:hidden;background-size:40px;border-radius:28px;border:none}
.ring-alo-phone {background-color: transparent;cursor: pointer;height: 80px;position: absolute;transition: visibility 0.5s ease 0s;visibility: hidden;width: 80px;z-index: 200000 !important;}
.ring-alo-phone.ring-alo-show {visibility: visible;}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {opacity: 1;}
.ring-alo-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;background-color: transparent;border: 2px solid rgba(30, 30, 30, 0.4);border-radius: 100%;height: 70px;left: 10px;opacity: 0.1;position: absolute;top: 12px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 70px;}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {border-color: #009900;opacity: 0.5;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {border-color: #baf5a7;opacity: 0.5;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {border-color: #009900;opacity: 0.5;}
.ring-alo-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;background-color: #000;border: 2px solid transparent;border-radius: 100%;height: 30px;left: 30px;opacity: 0.1;position: absolute;top: 33px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 30px;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5);opacity: 0.75 !important;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5);opacity: 0.75 !important;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5);opacity: 0.75 !important;}
.ring-alo-ph-img-circle {animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;border: 2px solid transparent;border-radius: 100%;height: 30px;left: 30px;opacity: 1;position: absolute;top: 33px;transform-origin: 50% 50% 0;width: 30px;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {background-color: #009900;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {background-color: #75eb50;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {background-color: #009900;}
@keyframes ring-alo-circle-anim {0% {opacity: 0.1;transform: rotate(0deg) scale(0.5) skew(1deg);}
} @keyframes ring-alo-circle-img-anim {0% {transform: rotate(0deg) scale(1) skew(1deg);}
}@keyframes ring-alo-circle-fill-anim {0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
}.ring-alo-ph-img-circle a img {padding: 1px 0 12px 1px;width: 30px;position: relative;top: -1px;}
}.ctrlq.fb-button {    z-index: 999;    background: url(https://masterskills.org/images/Messenger-on-Windows-Phone.jpg) center no-repeat #0084ff;    width: 60px;    height: 60px;    text-align: center;    bottom: 40px;    border: 0;    outline: 0;    border-radius: 60px;    -webkit-border-radius: 60px;    -moz-border-radius: 60px;    -ms-border-radius: 60px;    -o-border-radius: 60px;    box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);    -webkit-transition: box-shadow .2s ease;    background-size: 80%;    transition: all .2s ease-in-out;}
.bubble {    width: 20px;    height: 20px;    background: #c00;    color: #fff;    position: absolute;    z-index: 999999999;    text-align: center;    vertical-align: middle;    top: -2px;    left: -5px;    border-radius: 50%;}
.ctrlq.fb-overlay {    z-index: 0;    position: fixed;    height: 100vh;    width: 100vw;    -webkit-transition: opacity .4s, visibility .4s;    transition: opacity .4s, visibility .4s;    top: 0;    left: 0;    background: rgba(0, 0, 0, .05);    display: none;}
.fb-widget {    background: #fff;    z-index: 1000;    position: fixed;    width: 360px;    height: 435px;    overflow: hidden;    opacity: 0;    bottom: 40;    right: 24px;    border-radius: 6px;    -o-border-radius: 6px;    -webkit-border-radius: 6px;    box-shadow: 0 5px 40px rgba(0, 0, 0, .16);    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);    -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);}
.bubble-msg {    width: 120px;    left: -140px;    top: 5px;    position: relative;    background: #2E4D67;    color: #fff;    padding: 5px 8px;    border-radius: 8px;    text-align: center;    font-size: 13px;}
.ctrlq.fb-button, .ctrlq.fb-close {    position: fixed;    right: 24px;    cursor: pointer;	bottom: 40px;}
.ctrlq.fb-button:focus, .ctrlq.fb-button:hover {    transform: scale(1.1);    box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24);}
#messengerButton {display: inline-block;position: relative;width: 36px;height: 36px;line-height: 36px;border-radius: 100%;box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7);background: #fff url("https://masterskills.org/images/cbskn-228t7.png") center center no-repeat;margin-bottom: 40px;}
a#messengerButton {outline:none; }
a#messengerButton:hover {	text-decoration:none;	background: #f16029 url("https://masterskills.org/images/cbskn-228t7.png") center center no-repeat;	}
a#messengerButton span { z-index:10;display:none;  padding:10px; left:45px; width:200px;  line-height:16px; border-radius:4px; box-shadow: 5px 5px 8px #CCC;}
a#messengerButton:hover span { display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0; }
}#zaloButton {display: inline-block;position: relative;width: 36px;height: 36px;line-height: 36px;border-radius: 100%;box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7);background:  #ef0303 url("https://masterskills.org/images/cbymx-eppw1.png") center center no-repeat;margin-bottom: 10px;}
a#zaloButton {outline:none; }
a#zaloButton:hover {	text-decoration:none;	background:  #f16029 url("https://masterskills.org/images/cbymx-eppw1.png") center center no-repeat;	}
a#zaloButton span { z-index:10; display:none;  padding:10px; left:45px; width:200px;  line-height:16px; border-radius:4px; box-shadow: 5px 5px 8px #CCC;}
a#zaloButton:hover span { display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0; }
.ctrlq.fb-button {    z-index: 999;    background: url(https://masterskills.org/images/FB-messa.jpg) center no-repeat #0084ff;    width: 60px;    height: 60px;    text-align: center;    bottom: 60px;    border: 0;    outline: 0;    border-radius: 60px;    -webkit-border-radius: 60px;    -moz-border-radius: 60px;    -ms-border-radius: 60px;    -o-border-radius: 60px;    box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);    -webkit-transition: box-shadow .2s ease;    background-size: 80%;    transition: all .2s ease-in-out;}
.bubble {    width: 20px;    height: 20px;    background: #c00;    color: #fff;    position: absolute;    z-index: 999999999;    text-align: center;    vertical-align: middle;    top: -2px;    left: -5px;    border-radius: 50%;}
.ctrlq.fb-overlay {    z-index: 0;    position: fixed;    height: 100vh;    width: 100vw;    -webkit-transition: opacity .4s, visibility .4s;    transition: opacity .4s, visibility .4s;    top: 0;    left: 0;    background: rgba(0, 0, 0, .05);    display: none;}
.fb-widget {    background: #fff;    z-index: 1000;    position: fixed;    width: 360px;    height: 435px;    overflow: hidden;    opacity: 0;    bottom: 40px;    right: 24px;    border-radius: 6px;    -o-border-radius: 6px;    -webkit-border-radius: 6px;    box-shadow: 0 5px 40px rgba(0, 0, 0, .16);    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);    -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);}
.bubble-msg {    width: 100px;    left: -115px;    top: 5px;    position: relative;    background: #2E4D67;    color: #fff;    padding: 5px 5px;    border-radius: 8px;    text-align: center;    font-size: 13px;}
.ctrlq.fb-button, .ctrlq.fb-close {    position: fixed;    right: 24px;    cursor: pointer;}
.ctrlq.fb-button:focus, .ctrlq.fb-button:hover {    transform: scale(1.1);    box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24);}