.mfooter a {
    text-decoration: none;
    color: white;
    margin-left: 6px;
}
.mfooter a:hover {
    color: #ed1c24;
}
.up {
    position: fixed;
    bottom: 150px;
    right: 30px;       
    display: none;
    cursor: pointer;   
  }
  .up:hover {
    opacity: 1;
  }
  .fa-facebook, .fa-youtube {
    margin-right: 15px;
    margin-top: 45px;
  }
  .tuvan {
    padding: 6px;
    background-color: #ed1c24;
    color: white;
    font-weight: bold;
    text-align: center;
    
  }
  .dktv {
    padding: 5px;
    background-color: #ed1c24;
    color: white;
    display: inline-block;
    width: fit-content;
    border-radius: 10px;
    font-size: 12px;
    
  }
  .catalog {
    padding: 5px 20px;
    background-color: #ed1c24;
    color: white;
    display: inline-block;
    width: fit-content;
    border-radius: 10px;
    font-size: 12px;
    
  }
  
  .call {
    background-color: yellow;
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    
  }
  
  

  /* popup css */
  #overlay_tuvan {
    position: fixed;
    opacity: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: -1;
    visibility: hidden;
    transition: all 1s ease;
}
#popup_tuvan {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 500px;
    height: 550px;
    margin-left: -250px; /*Half the value of width to center div*/
    margin-top: -250px; /*Half the value of height to center div*/
    z-index: -1;
    visibility: hidden;
}
#popup_tuvanclose {
    padding-right: 10px;
    float: right;    
    cursor: pointer;
}
.popup_tuvancontent {
    padding: 10px;
}
#button {
    cursor: pointer;
}
@-webkit-keyframes pop-swirl {
0% {
transform: scale(0) rotate(360deg);
}

60% {
transform: scale(0.8) rotate(-10deg);
}

100% {
transform: scale(1) rotate(0deg);
}
}
@-moz-keyframes pop-swirl {
0% {
transform: scale(0) rotate(360deg);
}

60% {
transform: scale(0.8) rotate(-10deg);
}

100% {
transform: scale(1) rotate(0deg);
}
}
@-ms-keyframes pop-swirl {
0% {
transform: scale(0) rotate(360deg);
}

60% {
transform: scale(0.8) rotate(-10deg);
}

100% {
transform: scale(1) rotate(0deg);
}
}
@-o-keyframes pop-swirl {
0% {
transform: scale(0) rotate(360deg);
}

60% {
transform: scale(0.8) rotate(-10deg);
}

100% {
transform: scale(1) rotate(0deg);
}
}
@keyframes pop-swirl {
0% {
transform: scale(0) rotate(360deg);
}

60% {
transform: scale(0.8) rotate(-10deg);
}

100% {
transform: scale(1) rotate(0deg);
}
}
@-webkit-keyframes anvil {
0% {
transform: scale(5) rotate(0);
opacity: 0;
box-shadow: 0 0 0 rgba(241, 241, 241, 0);
}

50% {
transform: scale(1) rotate(-0.2deg);
opacity: 1;
box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
}

75% {
transform: scale(1) rotate(0.2deg);
opacity: 1;
box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
}

100% {
transform: scale(1) rotate(0);
opacity: 1;
box-shadow: 0 0 500px rgba(241, 241, 241, 0);
}
}
@-moz-keyframes anvil {
0% {
transform: scale(5) rotate(0);
opacity: 0;
box-shadow: 0 0 0 rgba(241, 241, 241, 0);
}

50% {
transform: scale(1) rotate(-0.2deg);
opacity: 1;
box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
}

75% {
transform: scale(1) rotate(0.2deg);
opacity: 1;
box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
}

100% {
transform: scale(1) rotate(0);
opacity: 1;
box-shadow: 0 0 500px rgba(241, 241, 241, 0);
}
}
@-ms-keyframes anvil {
0% {
transform: scale(5) rotate(0);
opacity: 0;
box-shadow: 0 0 0 rgba(241, 241, 241, 0);
}

50% {
transform: scale(1) rotate(-0.2deg);
opacity: 1;
box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
}

75% {
transform: scale(1) rotate(0.2deg);
opacity: 1;
box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
}

100% {
transform: scale(1) rotate(0);
opacity: 1;
box-shadow: 0 0 500px rgba(241, 241, 241, 0);
}
}
@-o-keyframes anvil {
0% {
transform: scale(5) rotate(0);
opacity: 0;
box-shadow: 0 0 0 rgba(241, 241, 241, 0);
}

50% {
transform: scale(1) rotate(-0.2deg);
opacity: 1;
box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
}

75% {
transform: scale(1) rotate(0.2deg);
opacity: 1;
box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
}

100% {
transform: scale(1) rotate(0);
opacity: 1;
box-shadow: 0 0 500px rgba(241, 241, 241, 0);
}
}
@keyframes anvil {
0% {
transform: scale(5) rotate(0);
opacity: 0;
box-shadow: 0 0 0 rgba(241, 241, 241, 0);
}

50% {
transform: scale(1) rotate(-0.2deg);
opacity: 1;
box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
}

75% {
transform: scale(1) rotate(0.2deg);
opacity: 1;
box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
}

100% {
transform: scale(1) rotate(0);
opacity: 1;
box-shadow: 0 0 500px rgba(241, 241, 241, 0);
}
}
#popup_tuvan[data-pop="slide-down"] {
top: -50%;
transition: all .5s ease-in-out;
}
#popup_tuvan[data-pop="slide-down"].show {
visibility: visible;
z-index: 200;
opacity: 1;
top: 50%;
}
#popup_tuvan[data-pop="slide-down"].show ~ #overlay_tuvan {
opacity: 1;
visibility: visible;
z-index: 100;
}
#popup_tuvan[data-pop="pop-in"] {
transform: scale(0);
transition: all .5s ease-in-out;
}
#popup_tuvan[data-pop="pop-in"].show {
transform: scale(1);
visibility: visible;
z-index: 200;
opacity: 1;
}
#popup_tuvan[data-pop="pop-in"].show ~ #overlay_tuvan {
opacity: 1;
visibility: visible;
z-index: 100;
}
#popup_tuvan[data-pop="pop-swirl"] {
transform: scale(0);
transition: all .5s ease-in-out;
}
#popup_tuvan[data-pop="pop-swirl"].show {
-webkit-animation: pop-swirl 1s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
visibility: visible;
z-index: 200;
opacity: 1;
}
#popup_tuvan[data-pop="pop-swirl"].show ~ #overlay_tuvan {
opacity: 1;
visibility: visible;
z-index: 100;
}
#popup_tuvan[data-pop="anvil"] {
transition: all .5s ease-in-out;
}
#popup_tuvan[data-pop="anvil"].show {
-webkit-animation: anvil 1s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
visibility: visible;
z-index: 200;
opacity: 1;
}
#popup_tuvan[data-pop="anvil"].show ~ #overlay_tuvan {
opacity: 1;
visibility: visible;
z-index: 100;
}

/* hotline */
.hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #e60808;-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%;opacity:.5}
.hotline-phone-ring-circle-fill{width:55px;height:55px;top:22px;left:26px;position:absolute;background-color:rgba(230,8,8,.7);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%}
.hotline-phone-ring-img-circle{background-color:#e4212a;width:33px;height:33px;top:33px;left:37px;position:absolute;background-size:20px;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%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:20px;height:20px}

.hotline-bar{display:none;position:absolute;background:#e88a25;background:-webkit-linear-gradient(left,#e88a25,#d40000);background:-o-linear-gradient(right,#e88a25,#d40000);background:-moz-linear-gradient(right,#e88a25,#d40000);background:linear-gradient(to right,#e88a25,#e4212a);height:40px;width:200px;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1);border-radius:50px !important;border:2px solid #fff;left:33px;bottom:37px}.hotline-bar>a{color:#fff;text-decoration:none;font-size:18px;font-weight:900;text-indent:50px;display:block;letter-spacing:1px;line-height:38px;font-family:Arial}.hotline-bar>a:hover,.hotline-bar>a:active{color:#fff}@-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:.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}}@-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)}}@media (max-width:768px){.hotline-bar{display:none}}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}
img {
    border: none;
}


.hotline-phone-ring-wrap {
    position: fixed !important;
    top: 100px;
    right: 0;
    z-index: 1111111;
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}


.float-icon-hotline {
    display: block;
    width: 40px;
    position: fixed;
    top: 185px;
    right: 35px;
    z-index: 999999;
}


	

.float-icon-hotline ul {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}
.float-icon-hotline ul li {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
.float-icon-hotline ul li a#messengerButton {
    padding: 0px !important;
    background: transparent !important;
    border: 0px !important;
}
@media only screen and (min-width: 960px)
{
	.float-icon-hotline ul li .fa {
		background-size: contain !important;
	}
}
.float-icon-hotline ul li .fa-phone {
    background-color: #ed1c24;
}
.float-icon-hotline ul li .fa {
    background-color: #ed1c24;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.tada {
    animation-name: tada;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.float-icon-hotline ul li span {
    display: inline-block;
    padding: 0;
    background-color: #ff6a00;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    height: 40px;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: #ff6a00;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
}

ul.left-icon.hotline {
    margin-left: 0px !important;
}


.float-icon-hotline ul li .fa-zalo {
    background: url('../icon/Icon dich vu-14.png') center center no-repeat;
    background-size: 36px;
}
.float-icon-hotline ul li .fa-zalo:hover {
    background: #ef0303 url('../icon/Icon dich vu-14.png') center center no-repeat;opacity:.5;
    background-size: 36px;
}
.float-icon-hotline ul li .fa-messenger {
    background:  url('../icon/Icon dich vu-15.png') center center no-repeat;
    background-size: 36px;
}
.float-icon-hotline ul li .fa-messenger:hover {
    background: #168efb url('../icon/Icon dich vu-15.png') center center no-repeat;opacity:.5;
    background-size: 36px;
}