/*
Theme Name: Evoque
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* Gọi điện thoại */
.btn-frame {
 display:block;
 width:50px;
 height:50px;
 position:fixed;
 right:15px;
 z-index:10;
 cursor:pointer;
}
.btn-frame i {
 display:flex;
 display:-ms-flex;
 justify-content:center;
 align-items:center;
 -ms-flex-align:center;
 width:50px;
 height:50px;
 border-radius:50%;
 background:#1182FC;
 position:relative;
 z-index:1;
}
.btn-frame i img {
 vertical-align:middle;
 width:70%;
}
.btn-frame .animated.infinite {
 animation-iteration-count:infinite;
}
.btn-frame .kenit-alo-circle {
 width:60px;
 height:60px;
 top:-5px;
 right:-5px;
 position:absolute;
 background-color:transparent;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%;
 border:2px solid rgba(7,41,103,0.8);
 opacity:.1;
 border-color:#1182FC;
 opacity:.5;
}
.btn-frame .zoomIn {
 animation-name:zoomIn;
}
.btn-frame .animated {
 animation-duration:1s;
 animation-fill-mode:both;
}
.btn-frame .kenit-alo-circle-fill {
 width:70px;
 height:70px;
 top:-10px;
 right:-10px;
 position:absolute;
 -webkit-transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -ms-transition:all 0.2s ease-in-out;
 -o-transition:all 0.2s ease-in-out;
 transition:all 0.2s ease-in-out;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%;
 border:2px solid transparent;
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 -o-transition:all .5s;
 transition:all .5s;
 background-color:rgba(7,41,103,0.35);
 opacity:.4;
}
.btn-frame .pulse {
 animation-name:pulse;
}
.btn-zalo {
 bottom:165px;
}
.btn-phone {
 bottom:80px;
}
.animate__rotateIn {
 -webkit-animation-name:rotateIn;
 animation-name:rotateIn;
 -webkit-transform-origin:center;
 transform-origin:center
}
@-webkit-keyframes rotateInDownLeft {
 0% {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  opacity:1
 }
}
@keyframes rotateInDownLeft {
 0% {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  opacity:1
 }
}
.animate__rotateInDownLeft {
 -webkit-animation-name:rotateInDownLeft;
 animation-name:rotateInDownLeft;
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom
}
@-webkit-keyframes rotateInDownRight {
 0% {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  opacity:1
 }
}
@keyframes rotateInDownRight {
 0% {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  opacity:1
 }
}
.animate__rotateInDownRight {
 -webkit-animation-name:rotateInDownRight;
 animation-name:rotateInDownRight;
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom
}
@-webkit-keyframes rotateInUpLeft {
 0% {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  opacity:1
 }
}
@keyframes rotateInUpLeft {
 0% {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  opacity:1
 }
}
.animate__rotateInUpLeft {
 -webkit-animation-name:rotateInUpLeft;
 animation-name:rotateInUpLeft;
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom
}
@-webkit-keyframes rotateInUpRight {
 0% {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  opacity:0
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  opacity:1
 }
}
@keyframes rotateInUpRight {
 0% {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  opacity:0
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  opacity:1
 }
}
.animate__rotateInUpRight {
 -webkit-animation-name:rotateInUpRight;
 animation-name:rotateInUpRight;
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom
}
@-webkit-keyframes rotateOut {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:rotate(200deg);
  transform:rotate(200deg);
  opacity:0
 }
}
@keyframes rotateOut {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:rotate(200deg);
  transform:rotate(200deg);
  opacity:0
 }
}
.animate__rotateOut {
 -webkit-animation-name:rotateOut;
 animation-name:rotateOut;
 -webkit-transform-origin:center;
 transform-origin:center
}
@-webkit-keyframes rotateOutDownLeft {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
}
@keyframes rotateOutDownLeft {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
}
.animate__rotateOutDownLeft {
 -webkit-animation-name:rotateOutDownLeft;
 animation-name:rotateOutDownLeft;
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom
}
@-webkit-keyframes rotateOutDownRight {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
}
@keyframes rotateOutDownRight {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
}
.animate__rotateOutDownRight {
 -webkit-animation-name:rotateOutDownRight;
 animation-name:rotateOutDownRight;
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom
}
@-webkit-keyframes rotateOutUpLeft {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
}
@keyframes rotateOutUpLeft {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
}
.animate__rotateOutUpLeft {
 -webkit-animation-name:rotateOutUpLeft;
 animation-name:rotateOutUpLeft;
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom
}
@-webkit-keyframes rotateOutUpRight {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  opacity:0
 }
}
@keyframes rotateOutUpRight {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  opacity:0
 }
}
.animate__rotateOutUpRight {
 -webkit-animation-name:rotateOutUpRight;
 animation-name:rotateOutUpRight;
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom
}
@-webkit-keyframes hinge {
 0% {
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 20%,
 60% {
  -webkit-transform:rotate(80deg);
  transform:rotate(80deg);
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 40%,
 80% {
  -webkit-transform:rotate(60deg);
  transform:rotate(60deg);
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  opacity:1
 }
 to {
  -webkit-transform:translate3d(0,700px,0);
  transform:translate3d(0,700px,0);
  opacity:0
 }
}
@keyframes hinge {
 0% {
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 20%,
 60% {
  -webkit-transform:rotate(80deg);
  transform:rotate(80deg);
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 40%,
 80% {
  -webkit-transform:rotate(60deg);
  transform:rotate(60deg);
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  opacity:1
 }
 to {
  -webkit-transform:translate3d(0,700px,0);
  transform:translate3d(0,700px,0);
  opacity:0
 }
}
.animate__hinge {
 -webkit-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-duration:calc(var(--animate-duration)*2);
 animation-duration:calc(var(--animate-duration)*2);
 -webkit-animation-name:hinge;
 animation-name:hinge;
 -webkit-transform-origin:top left;
 transform-origin:top left
}
@-webkit-keyframes jackInTheBox {
 0% {
  opacity:0;
  -webkit-transform:scale(.1) rotate(30deg);
  transform:scale(.1) rotate(30deg);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom
 }
 50% {
  -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg)
 }
 70% {
  -webkit-transform:rotate(3deg);
  transform:rotate(3deg)
 }
 to {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes jackInTheBox {
 0% {
  opacity:0;
  -webkit-transform:scale(.1) rotate(30deg);
  transform:scale(.1) rotate(30deg);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom
 }
 50% {
  -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg)
 }
 70% {
  -webkit-transform:rotate(3deg);
  transform:rotate(3deg)
 }
 to {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
.animate__jackInTheBox {
 -webkit-animation-name:jackInTheBox;
 animation-name:jackInTheBox
}
@-webkit-keyframes rollIn {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
  transform:translate3d(-100%,0,0) rotate(-120deg)
 }
 to {
  opacity:1;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes rollIn {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
  transform:translate3d(-100%,0,0) rotate(-120deg)
 }
 to {
  opacity:1;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
.animate__rollIn {
 -webkit-animation-name:rollIn;
 animation-name:rollIn
}
@-webkit-keyframes rollOut {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0) rotate(120deg);
  transform:translate3d(100%,0,0) rotate(120deg)
 }
}
@keyframes rollOut {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0) rotate(120deg);
  transform:translate3d(100%,0,0) rotate(120deg)
 }
}
.animate__rollOut {
 -webkit-animation-name:rollOut;
 animation-name:rollOut
}
@-webkit-keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50% {
  opacity:1
 }
}
@keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50% {
  opacity:1
 }
}
.animate__zoomIn {
 -webkit-animation-name:zoomIn;
 animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInDown {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.animate__zoomInDown {
 -webkit-animation-name:zoomInDown;
 animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInLeft {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.animate__zoomInLeft {
 -webkit-animation-name:zoomInLeft;
 animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInRight {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.animate__zoomInRight {
 -webkit-animation-name:zoomInRight;
 animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInUp {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.animate__zoomInUp {
 -webkit-animation-name:zoomInUp;
 animation-name:zoomInUp
}
@-webkit-keyframes zoomOut {
 0% {
  opacity:1
 }
 50% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 to {
  opacity:0
 }
}
@keyframes zoomOut {
 0% {
  opacity:1
 }
 50% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 to {
  opacity:0
 }
}
.animate__zoomOut {
 -webkit-animation-name:zoomOut;
 animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 to {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomOutDown {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 to {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.animate__zoomOutDown {
 -webkit-animation-name:zoomOutDown;
 animation-name:zoomOutDown;
 -webkit-transform-origin:center bottom;
 transform-origin:center bottom
}
@-webkit-keyframes zoomOutLeft {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(-2000px,0,0);
  transform:scale(.1) translate3d(-2000px,0,0)
 }
}
@keyframes zoomOutLeft {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(-2000px,0,0);
  transform:scale(.1) translate3d(-2000px,0,0)
 }
}
.animate__zoomOutLeft {
 -webkit-animation-name:zoomOutLeft;
 animation-name:zoomOutLeft;
 -webkit-transform-origin:left center;
 transform-origin:left center
}
@-webkit-keyframes zoomOutRight {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(2000px,0,0);
  transform:scale(.1) translate3d(2000px,0,0)
 }
}
@keyframes zoomOutRight {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(2000px,0,0);
  transform:scale(.1) translate3d(2000px,0,0)
 }
}
.animate__zoomOutRight {
 -webkit-animation-name:zoomOutRight;
 animation-name:zoomOutRight;
 -webkit-transform-origin:right center;
 transform-origin:right center
}
@-webkit-keyframes zoomOutUp {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 to {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomOutUp {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 to {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.animate__zoomOutUp {
 -webkit-animation-name:zoomOutUp;
 animation-name:zoomOutUp;
 -webkit-transform-origin:center bottom;
 transform-origin:center bottom
}
@-webkit-keyframes slideInDown {
 0% {
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes slideInDown {
 0% {
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
.animate__slideInDown {
 -webkit-animation-name:slideInDown;
 animation-name:slideInDown
}
@-webkit-keyframes slideInLeft {
 0% {
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes slideInLeft {
 0% {
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
.animate__slideInLeft {
 -webkit-animation-name:slideInLeft;
 animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
 0% {
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes slideInRight {
 0% {
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
.animate__slideInRight {
 -webkit-animation-name:slideInRight;
 animation-name:slideInRight
}
@-webkit-keyframes slideInUp {
 0% {
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes slideInUp {
 0% {
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
.animate__slideInUp {
 -webkit-animation-name:slideInUp;
 animation-name:slideInUp
}
@-webkit-keyframes slideOutDown {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
}
@keyframes slideOutDown {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
}
.animate__slideOutDown {
 -webkit-animation-name:slideOutDown;
 animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
@keyframes slideOutLeft {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
.animate__slideOutLeft {
 -webkit-animation-name:slideOutLeft;
 animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
@keyframes slideOutRight {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
.animate__slideOutRight {
 -webkit-animation-name:slideOutRight;
 animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
}
@keyframes slideOutUp {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
}
.animate__slideOutUp {
 -webkit-animation-name:slideOutUp;
 animation-name:slideOutUp
}
/* End Gọi điện thoại */

/* Nut chat messenger */

#myBtn2 {
	position: fixed;
	bottom: 221px;
	right: 0px;
	z-index: 99;
	border: none;
	outline: none;
	color: white;
	cursor: pointer;
	border-radius: 30px;
	background-color: #00cc00;
	width: 50px;
	height: 50px;
	padding: 8px;
	opacity: 0.9;
}

#myBtn2:hover {
	background-color: #555;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WdhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WlhyyTn89ddpQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WdhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WlhyyTn89ddpQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WdhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WlhyyTn89ddpQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WdhyyTn89ddpROi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WlhyyTn89ddpQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.gg span{
    padding-left: 15px;
}
.gg:before{
    content: '';
    height: 35px;
    position: absolute;
    width: 35px;
    background-image: url(http://core.pttuan410.com/wp-content/uploads/2021/05/hot-sale.png);
    background-size: cover;
    top: -10px;
    left: -10px;
}
.label-custom{
    font-size: 14px;
    font-weight: 700;
    color: #f00;
    text-transform: uppercase;
    padding: 3px 8px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 250px;
    left: 10px;
    border-radius: 0px;
	width: 95%;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	font-family: 'Montserrat', sans-serif;
	text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
.label-custom.km{
    background-color: #657bd2;
}
.label-custom.bcn{
    background-color: none;
	left: 10px !important;
	text-align: center;
	top: 250px;
}
.badge-container{
    display:none;
}