.nav-links ul > li > a,
.control-menu ul > li > a,
.cart-order-sum .btn-method-pay,
.main-menu .dropdown-menu > li > a,
.widget a,
.live-chat-box,
.social-follow-us a,
.black-friday #btnFixed,
.live-chat .call-me-back,
.combo-plan li > .list-content,
.landing-page .box-wrap:before,
#ourBestDeals .cop-content .cop-title,
.ft-copyright .logo-protected-group > a,
.widget .list-no-thumbnail > li > .icon,
.nav-sidebar > .nav-list > li > a:before,
.banner-carousel .owl-buttons > *,
.footer-quick-links .list-links > li > a:before,
.len-may-cung-ong-tao.ld-style-one .btn-call-to-action,
#feature-carousel .carousel .carousel-control .glyphicon,
.themes-list .inet-navbar-themes > .nav-tabs > li > a:after,
*[transition="all-035s-ease-out"]{
	transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
}
.animate-slide,
.inet-fade-basic .item > *,
.group-pricing-title > .title,
#couponCode .coupon-code-creat,
.pricing-service .pricing-inner,
.pricing-service .pricing-action {
	transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-webkit-transition: all 0.6s linear 0s;
}
#ourBestDeals .thumbnail > a:before {
    transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
}

#inetLiveChatOn > .ion-ios-chatboxes {
  animation-name: bounce;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-delay: .5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* Loading Cloud VPS */
.loader,
.loader:after {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.loader {
  position: relative;
  display: inline-block;
  top: 26px;
  left: 15px;
  width: 30px;
  height: 30px;
  background-color: #4894df;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.loader:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  border: 0px solid white;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: loading 1000ms ease-out forwards infinite;
          animation: loading 1000ms ease-out forwards infinite;
}

@-webkit-keyframes loading {
  0% {
    border: 0px solid white;
  }
  20% {
    border: 5px solid white;
    width: 0%;
    height: 0%;
  }
  100% {
    border: 5px solid white;
    width: 100%;
    height: 100%;
  }
}

@keyframes loading {
  0% {
    border: 0px solid white;
  }
  20% {
    border: 5px solid white;
    width: 0%;
    height: 0%;
  }
  100% {
    border: 5px solid white;
    width: 100%;
    height: 100%;
  }
}

@-webkit-keyframes bounce {
    0% {
        margin-top: -26px;
    }
    100% {
        margin-top: -35px;
    }
}

@keyframes bounce {
    0% {
        margin-top: -26px;
    }
    100% {
        margin-top: -35px;
    }
}
/*Color background animation*/
@-webkit-keyframes colorbg {
    0% {
        background-color: #dd3b3b;
    }
    100% {
        background-color: #dbad30;
    }
}

@keyframes colorbg {
    0% {
        background-color: #dd3b3b;
    }
    100% {
        background-color: #dbad30;
    }
}
/*iwobble effect*/
@-webkit-keyframes iwobble {
    0% {
        right: 6px;
    }
    100% {
        right: 24px;
    }
}

@keyframes iwobble {
    0% {
        right: 6px;
    }
    100% {
        right: 24px;
    }
}
/*Customer testimonial*/
.btn.bl-frd.btn-bl-red {
    -webkit-transition: all 0.56s ease-in-out;
    -moz-transition:    all 0.56s ease-in-out;
    -o-transition:      all 0.56s ease-in-out;
}
#customersReview figure:hover .thumbnail {
    transform: translateY(0px) rotateY(360deg);
    -moz-transform: translateY(0px) rotateY(360deg);
    -webkit-transform: translateY(0px) rotateY(360deg);
}

.dung-thu-seo-hosting .call-to-action-red {
	animation: jumps .5s linear 0s infinite alternate;
	-o-animation: jumps .5s linear 0s infinite alternate;
	-moz-animation: jumps .5s linear 0s infinite alternate;
	-webkit-animation: jumps .5s linear 0s infinite alternate;
}

@keyframes jumps {
	0% {
		top: 0px;
	}
	50% {
		top: -12px
	}
	100% {
		top: 0px
	}
}

@-webkit-keyframes jumps {
	0% {
		top: 0px;
	}
	50% {
		top: -12px
	}
	100% {
		top: 0px
	}
}

/*---------o0o Auto jump o0o--------*/
*[a-bg-red-blue] {
    transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -webkit-animation-name: bgRedBlue;
    -moz-animation-name: bgRedBlue;
    -o-animation-name: bgRedBlue;
    animation-name: bgRedBlue;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    animation-duration: 1s;
    -o-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: 10;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@keyframes bgRedBlue {
    0% {
        background-color: #d1181e;
        border-color: #d1181e;
    }
    100% {
        background-color: #0074ba;
        border-color: #0074ba;
    }
}

@-webkit-keyframes bgRedBlue {
    0% {
        background-color: #d1181e;
        border-color: #d1181e;
    }
    100% {
        background-color: #0074ba;
        border-color: #0074ba;
    }
}

@-ms-keyframes bgRedBlue {
    0% {
        background-color: #d1181e;
        border-color: #d1181e;
    }
    100% {
        background-color: #0074ba;
        border-color: #0074ba;
    }
}

/*Chat animation*/
.chat-animate:before {
    animation: txtmotion 0.3s linear 0.3s infinite alternate;
    -o-animation: txtmotion 0.3s linear 0.3s infinite alternate;
    -moz-animation: txtmotion 0.3s linear 0.3s infinite alternate;
    -webkit-animation: txtmotion 0.3s linear 0.3s infinite alternate;
}

@keyframes txtmotion {
    0% {
        width: 4px;
    }
    50% {
        width: 9px;
    }
    100% {
        width: 12px;
    }
}

@-webkit-keyframes txtmotion {
    0% {
        width: 4px;
    }
    50% {
        width: 9px;
    }
    100% {
        width: 12px;
    }
}

@-ms-keyframes txtmotion {
    0% {
        width: 4px;
    }
    50% {
        width: 9px;
    }
    100% {
        width: 12px;
    }
}
/*-- lên mây cùng ông táo animate --*/
.len-may-cung-ong-tao.ld-style-one .btn-call-to-action {
    animation: btnmotion 0.3s linear 0.25s infinite alternate;
    -o-animation: btnmotion 0.3s linear 0.25s infinite alternate;
    -moz-animation: btnmotion 0.3s linear 0.25s infinite alternate;
    -webkit-animation: btnmotion 0.3s linear 0.25s infinite alternate;
}
.len-may-cung-ong-tao.ld-style-one .btn-call-to-action.btn-fly {
    right: -50%;
    top: 45%;
    opacity: 0;
}
.len-may-cung-ong-tao.ld-style-one .btn-call-to-action.btn-fly,
.len-may-cung-ong-tao.ld-style-one .btn-call-to-action:hover {
    animation-iteration-count: 0;
    -o-animation-iteration-count: 0;
    -moz-animation-iteration-count: 0;
    -webkit-animation-iteration-count: 0;
}
@keyframes btnmotion {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 0;
    }
}

/*------------- Trang chí tết ở whois trang chủ -------------------*/
.left,
.right {
    position: absolute;
    width: 30%;
    bottom: -18px;
}

.left {
    left: 0px;
}
.right {
    right: 0px;
}

.falling {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}
.falling span {
    display: inline-block;
    width: 15px;
    height: 16px;
    margin: -100px 50px 54px -25vw;
    animation: falling 10s infinite  linear;
    -webkit-animation: falling 10s infinite  linear;
    -moz-animation: falling 10s infinite  linear;
}
.background img {
    -webkit-filter: drop-shadow(1px 1px 3px #7f090c);
    filter:         drop-shadow(1px 1px 3px #7f090c);
}
.falling span:nth-child(1n+5) {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    background:url("../../img/canvaseff/blossom-flower-1.png");
}
.falling span:nth-child(3n+2) {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    background:url("../../img/canvaseff/blossom-flower-2.png");
}
.falling span:nth-child(2n+5) {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    background:url("../../img/canvaseff/blossom-flower-1.png");
}

.falling span:nth-child(3n+10) {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    background:url("../../img/canvaseff/blossom-flower-2.png");
}
.falling span:nth-child(7n+2) {
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    background:url("../../img/canvaseff/blossom-flower-1.png");
}
.falling span:nth-child(4n+5) {
    -webkit-animation-delay: 9s;
    -moz-animation-delay: 9s;
    background:url("../../img/canvaseff/blossom-flower-2.png");
}
.falling span:nth-child(3n+7) {
    -webkit-animation-delay: 11s;
    -moz-animation-delay: 11s;
    background:url("../../img/canvaseff/blossom-flower-1.png");
}
@keyframes falling {
    0% {
        opacity: 1;

        -webkit-transform: translate(0, 0px) rotateZ(0deg);
    }
    75% {
        opacity: 1;

        -webkit-transform: translate(100px, 25vmax) rotateZ(270deg);
    }
    100% {
        opacity: 0;

        -webkit-transform: translate(150px, 30vmax) rotateZ(360deg);
    }
}
@-webkit-keyframes falling {
    0% {
        opacity: 1;

        -webkit-transform: translate(0, 0px) rotateZ(0deg);
    }
    75% {
        opacity: 1;

        -webkit-transform: translate(100px, 25vmax) rotateZ(270deg);
    }
    100% {
        opacity: 0;

        -webkit-transform: translate(150px, 30vmax) rotateZ(360deg);
    }
}
@-moz-keyframes falling {
    0% {
        opacity: 1;

        -moz-transform: translate(0, 0px) rotateZ(0deg);
    }
    75% {
        opacity: 1;

        -moz-transform: translate(100px, 25vmax) rotateZ(270deg);
    }
    100% {
        opacity: 0;

        -moz-transform: translate(150px, 30vmax) rotateZ(360deg);
    }
}

.cloud img {
    position: absolute;
    width: 10%;
    min-width: 100px;
    height: auto;
    -webkit-animation: moving 100s infinite  linear;
    -moz-animation: moving 100s infinite  linear;
    -webkit-filter: drop-shadow(1px 1px 3px #7f090c);
    filter:         drop-shadow(1px 1px 3px #7f090c);
}

@keyframes moving {
    0% {
        opacity: 0;

        -webkit-transform: translate(0px, 70px);
    }
    20% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;

        -webkit-transform: translate(90vw, 70px);
    }
}

@-moz-keyframes moving {
    0% {
        opacity: 0;

        -webkit-transform: translate(0px, 70px);
    }
    20% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;

        -webkit-transform: translate(90vw, 70px);
    }
}

@-webkit-keyframes moving {
    0% {
        opacity: 0;

        -webkit-transform: translate(0px, 70px);
    }
    20% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;

        -webkit-transform: translate(90vw, 70px);
    }
}

.leftside,
.rightside {
    position: absolute;
    top: -12px;
}
.leftside{
    text-align: left;
    left: 0;
    right: 50%;
}

.rightside {
    text-align: right;
    right: 0px;
    left: 50%;
}

.lantern span {
    position: relative;
    display: inline-block;
    height: 400px;
    width: 8%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 10px;
    animation: lantern 1s infinite  ease-in alternate;
    -webkit-animation: lantern 1s infinite  ease-in alternate;
    -moz-animation: lantern 1s infinite  ease-in alternate;
}

@keyframes lantern {
    from{
        -webkit-transform: rotateY(30deg); /* Safari */
        transform: rotateY(30deg);
    }
    to{
        -webkit-transform: rotateY(0deg); /* Safari */
        transform: rotateY(0deg);
    }
}

@-moz-keyframes lantern {
    from{
        -webkit-transform: rotateY(30deg); /* Safari */
        transform: rotateY(30deg);
    }
    to{
        -webkit-transform: rotateY(0deg); /* Safari */
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes lantern {
    from{
        -webkit-transform: rotateY(30deg); /* Safari */
        transform: rotateY(30deg);
    }
    to{
        -webkit-transform: rotateY(0deg); /* Safari */
        transform: rotateY(0deg);
    }
}
.right-sidebar .new-update,
.account-logout .new-update,
.sidebar-menu .new-update-current,
.account-logout .new-update-current,
.footer-quick-links .ctbox.live-chat {
    animation: play 2s ease infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
@keyframes play {

    0% {
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 5px rgba(255, 79, 79, 0.4);
        -moz-box-shadow: 0 0 0 5px rgba(255, 79, 79, 0.4);
        -webkit-box-shadow: 0 0 0 5px rgba(255, 79, 79, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 79, 79, 0.2);
        -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 79, 79, 0.2);
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 79, 79, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 79, 79, 0.2);
        -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 79, 79, 0.2);
        -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 79, 79, 0.2);
    }

}