@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');

*{outline:none !important; box-sizing:border-box}
body{width:100%; background-color:#FFF; font-family:"Montserrat", sans-serif; font-size:12px; font-weight:400; margin:0px; position:relative}
body > iframe{display:none !important}
a{text-decoration:none; cursor:pointer; display:inline-block}
em, i{font-style:italic}
b, strong{font-weight:700}

#back_top{position:fixed; right:10px; bottom:120px; padding:0px; margin:0px; display:block!important; z-index:9999}
#back_top a{width:30px; height:30px; background:#DC6986; border-radius:3px; display:block}
#back_top a:hover{background:#72C0C4}
#back_top a span{width:30px; height:30px; background:url(../images/others/icon_backtop.png) center no-repeat; background-size:17px; display:block}

.clear{width:100%; height:0px; clear:both}
.icon_fix{position:fixed; top:calc(50% - 28px); right:0px; z-index:9999}
.icon_fix a{width:50px; float:left; clear:both}
.icon_fix .phone{margin:0px; display:none}
.icon_fix .zalo{margin:0px 0px 5px}
.icon_fix a img{width:100%; float:left}
.icon_fix i{width:50px; height:50px; line-height:50px; background:#BD852C; color:#FFF; border:solid 1px #BD852C; border-radius:100%; text-align:center; transition:0.3s ease-in-out}
.icon_fix i:hover{background:#FFF; color:#BD852C}
.wrapper{max-width:1600px; margin:0px auto; padding:0px 15px}

@media (max-width:1020px){
    .icon_fix{top:unset; right:unset; bottom:0px; left:0px}
    .icon_fix .phone{display:block}
}

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){

}