#lostpasswordform div.g-recaptcha,#loginform div.g-recaptcha,#registerform div.g-recaptcha {margin: 12px 0 24px -15px;}
/**
* 1. Multi button.
* 2. Back To Top.
* 3. Responesive
* 4. KeyFrame
**/

/** 1.Multi button**/
.mb-contact {
 position: fixed;
 bottom: 0;
 right: 0;
 margin: 22px 25px 15px 0;
 z-index: 9999;
}
a.mb-contact-icon {
    color: #fff0!important;
    text-decoration: none;
    list-style: none;
	padding: 0px;
}
.mb-contact-icon {
  display: block;
  margin: 10px 0;
  position: relative;
  width: 52px;
  height: 52px;
  text-align: center;
  border-radius: 50%;
  transition: 0.2s;
  line-height: 1.5;
  padding: 0px;
}
.mb-contact-icon:not(:last-child) {
 transform: translateY(100%);
 opacity: 0;
 visibility: hidden;
}
.mb-contact-icon:last-child::after {
 display: none;
}
.mb-contact-icon:not(:last-child).is-active {
 transform: translateY(0);
 opacity: 1;
 visibility: visible;
}
.mb-contact-icon::before {
 background-size: contain;
 transition: 0.3s;
}
.mb-contact-icon::after {
 content: attr(tooltip);
 font-family: sans-serif;
 background: #fff;
 color: #6b6b6b;
 border-radius: 15px 0px 15px 0px;
 padding: 10px;
 position: absolute;
 right: 100%;
 line-height: 1;
 min-width: 180px;
 display: inline-block;
 top: 8px;
 margin-right: 10px;
 font-size: 15px;
 transition: 0.2s;
 box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}

.mb-contact-icon.is-active::before {
 font-family: "dashicons";
 content: "\f335";
 color: #fff;
 font-size: 35px;
}
.mb-contact-icon.call {
 background: #f01f46;
 transition-delay: 250ms;
}
.mb-contact-icon.call::before {
 font-family: "dashicons";
 content: "\f525";
 font-size: 35px;
 color: #fff;
 line-height: 1.5;
}
.mb-contact-icon.mail {
 background: #691ff0;
 transition-delay: 200ms;
}
.mb-contact-icon.mail::before {
 font-family: "dashicons";
 content: "\f465";
 font-size: 35px;
 color: #fff;
 line-height: 1.5;
}
.mb-contact-icon.facebook {
 background: #231ff0;
 transition-delay: 150ms;
}
.mb-contact-icon.facebook::before {
 font-family: "dashicons";
 content: "\f305";
 font-size: 35px;
 color: #fff;
 line-height: 1.5;
}
.mb-contact-icon.tawkto {
 background: #03a84e;
 content: "\f473";
 transition-delay: 150ms;
}
.mb-contact-icon.tawkto::before {
 font-family: "dashicons";
 content: "\f473";
 font-size: 35px;
 color: #fff;
 line-height: 1.5;
}
.mb-contact-icon.message {
 background: #1b97f3;
 transition-delay: 100ms;
}
.mb-contact-icon.message::before {
 font-family: "dashicons";
 content: "\f304";
 font-size: 35px;
 color: #fff;
 line-height: 1.5;
}
.mb-contact-icon.zalo {
 background: #0068ff;
 transition-delay: 50ms;
}
.mb-contact-icon.zalo::before {
 font-family: "dashicons";
 content: "\f125";
 font-size: 35px;
 color: #fff;
 line-height: 1.5;
}
.mb-contact-icon:hover::after {
 opacity: 1;
 visibility: visible;
 transition: .4s;
}
.mb-contact-icon:last-child:hover::after {
  opacity: 0;
  visibility: hidden;
  transition: .4s
}

i.fa.fa-phone-square {
 margin-right: 2px;
}
.mb-inner-mark {
  border-radius: 100px;
  /*background: #6bb31e;*/
  opacity: .2;
  bottom: 3px;
  left: -7px;
  position: absolute;
  height: 66px;
  min-width: 66px;
  visibility: visible;
  transition: .4s;
}
.mb-inner-mark.close {
  visibility: hidden;
  opacity: 0;
  transition: .4s;
}
.mb-inner-mark-border {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /*border: 1px solid #6bb31e;*/
  border-radius: 50%;
}
.mb-inner-mark-border {
  -webkit-animation: widgetPulse infinite 1.5s;
  visibility: visible;
  transition: .4s;
}
.mb-inner-mark-border.close {
  visibility: hidden;
  opacity: 0;
  transition: .4s;
  display: none;
}
.mb-inner-text {
  position: fixed;
  border-radius: 10px;
  min-width: 100px;
  max-width: 200px;
  height: auto;
  right: 20px;
  bottom: 95px;
  padding: 18px;
  background: #fff;
  color: #6b6b6b;
  font-size: 14px;
  line-height: 16px;
  font-family: sans-serif;
  box-shadow: 0 8px 26px 0 rgba(0,18,46,0.16);
  visibility: visible;
  opacity: 1;
  transition: .4s;
}
.mb-inner-text.is-active, .mb-inner-text.close {
  visibility: hidden;
  opacity: 0;
  transition: .4s;
}
span.mb-close-inner-text {
  position: absolute;
  top: -8px;
  right: 0px;
  display: inline-block;
  height: 20px;
  width: 20px;
  background: #fff;
  background-image: url(../images/close-message.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  cursor: pointer;
  visibility: visible;
  transition: .4s;
  border-radius: 50%;
  padding: 3px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  display: flex;
  cursor: pointer;
}
.mb-sm-icon-item img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.mb-sm-icon-item {
  display: none;
}
.mb-sm-icon-item.fade-icon {
  bottom: 31px;
  right: 49px;
  position: fixed;
  color: #fff;
  font-size: 26px;
  line-height: 1.5;
}
.mb-sm-icon.close {
  visibility: hidden;
  opacity: 0;
  transition: .4s;
}
.fb_dialog{
  z-index: 99!important;
}
.fb_dialog.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
  display: none!important;
}
.fb_dialog.fb_dialog_mobile.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
  display: none!important;
}
iframe.fb_customer_chat_bounce_in_v2 {
  bottom: 0px!important;
}
.fb-customerchat > span > iframe {
  right: 10px !important;
  left: auto !important;
  z-index: 2147483647!important;
  bottom: 5px!important;
}
.fb-customerchat > span > iframe.fb_customer_chat_bounce_in_v2_mobile_chat_started{
  right: 0 !important;
}
#ar-fb-chat{
  display: none;
}
#ar-fb-chat.active{
  display: block;
}
a:focus {
 outline: none;
}


/**2. Back To Top **/
.scrollToTop {
	position: fixed;
	bottom: 20px;
	right: 54px;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	color: #777!important;
	border: 2px solid #777;
	border-radius: 50%;
	cursor: pointer;
	display: none;
	transition: .4s;
}

.scrollToTop:hover {
	background: #446084;
	color: #fff!important;
	border: 2px solid #446084;
	transition: .4s;
}

/** 3.Responsive **/
@media only screen and (max-width:1024px ){
 .class, #id, .mb-contact a{cursor: default!important}
 span.mb-close-inner-text { cursor: default!important }
}
@media and screen (max-width: 768px){
 .fb-customerchat > span > iframe { height: 100%important; }
}

@media only screen and (max-width:768px ){
 .mb-sm-icon-item.fade-icon { bottom: 34px }
 .mb-contact { margin: 20px 25px 20px 0; }
 .mb-inner-text { right: 22px; }
 .class, #id, .mb-contact a{cursor: default!important}
}
/* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
    .text {font-size: 11px}
}

/** 4.KeyFrame **/
@keyframes shadow {
 from {
   text-shadow: 0 3px 10px rgba(255, 255, 255, .3);
 }
 to {
   text-shadow: 0 3px 13px rgba(255, 255, 255, .9);
 }
}
@-webkit-keyframes widgetPulse {
  50% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
    opacity: 0
  }
}

@keyframes widgetPulse {
  50% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(2,2);
    transform: scale(1.5,1.5);
    opacity: 0
  }
}

@-webkit-keyframes fade-icon {
    from {opacity: .4} 
    to {opacity: 1}
  }

@keyframes fade-icon {
    from {opacity: .4} 
    to {opacity: 1}
  }