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

/*************** ADD CUSTOM CSS HERE.   ***************/
/**
*
***/
@font-face {
    font-family: 'SVN-Rockness';
    src: url('fonts/SVN-Rockness.otf');
    src: url('fonts/SVN-Rockness.eot?#iefix') format('embedded-opentype'),
        url('fonts/SVN-Rockness.woff2') format('woff2'),
        url('fonts/SVN-Rockness.woff') format('woff'),
        url('fonts/SVN-Rockness.ttf') format('truetype'),
        url('fonts/SVN-Rockness.svg#SVN-Rockness') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "SVN-Rockness";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/SVN-Rockness2.otf");
  font-display: swap;
}


.price.product-page-price:before{
        font-family:"Font Awesome 6 Brands";
		content: "\f155";
		color:#fff;
		padding:3px 7px;
		border-radius:50%;
		background:#118860;
		font-size: 13px;
		line-height:14px;
		
}

.date_auction:before {
    font-family: 'Font Awesome 6 Free';
    content: "\f017";
    color: #0a8a5e;
}



.success.is-underline:hover, .success.is-outline:hover, .success {
    background-color: #0160a0 !important;
}
.call-mobile {background: #ED1C24;position: fixed;bottom: 10px;height: 36px;line-height: 36px;
    padding: 0 0px 0 0px;border-radius: 36px;color: #fff;left: 10px;z-index: 99999;
	    font-size: 14px;
    }
.call-mobile1 {position: fixed;bottom: 95px;height: 40px;line-height: 40px;
    padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 10px;z-index: 99999;
	    font-size: 14px;
    }
.call-mobile2 {position: fixed;bottom: 96px;height: 40px;line-height: 40px;
    padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 10px;z-index: 99999;
    font-size: 14px;
    }
.call-mobile i {font-size: 20px;line-height: 40px;background: #B52026;
    border-radius: 100%;width: 40px;height: 40px;
    text-align: center; float: right;
	font-size: 14px;
}
.call-mobile a {color: #fff;font-size: 18px;font-weight: bold; text-decoration: none;
    margin-right: 10px; padding-left: 10px;    font-size: 14px;}

.hotline {
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 9000;
    display: block;
    background: #df043e;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 99px;
	font-size: 15px;
}
.hotline .hotline-number {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
}
.ctrlq.fb-button {
    z-index: 999;
    width: 50px;
    text-align: center;
    bottom: 10px;
    border: 0;
    outline: 0;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);
    -webkit-transition: box-shadow .2s ease;
    background-size: 80%;
    transition: all .2s ease-in-out;
}
.bubble {
    width: 20px;
    height: 20px;
    background: #c00;
    color: #fff;
    position: absolute;
    z-index: 999999999;
    text-align: center;
    vertical-align: middle;
    top: -2px;
    left: -5px;
    border-radius: 50%;
}
.ctrlq.fb-overlay {
    z-index: 0;
    position: fixed;
    height: 100vh;
    width: 100vw;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .05);
    display: none;
}
.fb-widget {
    background: #fff;
    z-index: 1000;
    position: fixed;
    width: 360px;
    height: 435px;
    overflow: hidden;
    opacity: 0;
    bottom: 0;
    right: 24px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
}
.bubble-msg {
    width: 120px;
    left: -128px;
    top: 5px;
    position: relative;
    background: rgba(59, 89, 152, .8);
    color: #fff;
    padding: 5px 8px;
    border-radius: 8px;
    text-align: center;
    font-size: 13px;
}
.ctrlq.fb-button, .ctrlq.fb-close {
    position: fixed;
    right: 15px;
    cursor: pointer;
	bottom: 40px;
}
.ctrlq.fb-button:focus, .ctrlq.fb-button:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24);
}
.hotline-chat {
				position: fixed;
				bottom: -12px;
				right: -9px;
				z-index: 99;
			}
			.circle-hotline-chat {
			    height: 50px;
			    width: 50px;
			    border-radius: 50%;
			    background-color: #0080FF;
			    -webkit-transition: height .25s ease, width .25s ease;
			    transition: height .25s ease, width .25s ease;
			    -webkit-transform: translate(-50%,-50%);
			    transform: translate(-50%,-50%);
			    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
		        margin-top: 3px;
    			margin-left: -3px;
			}
			.circle-hotline-chat span {
			    margin: 12px;
    			display: inline-block;
			}
			.circle-hotline-chat:before,
			.circle-hotline-chat:after {
			  content:'';
			  display:block;
			  position:absolute;
			  top:0;
			  right:0;
			  bottom:0;
			  left:0;
			  border-radius:50%;
			  border: 1px solid #0080FF;
			}
			.circle-hotline-chat:before {
			  -webkit-animation: ripple 2s linear infinite;
			  animation: ripple 2s linear infinite;
			}
			.circle-hotline-chat:after {
			  -webkit-animation: ripple 2s linear 1s infinite;
			  animation: ripple 2s linear 1s infinite;
			}
			.circle-hotline-chat:hover:before,
			.circle-hotline-chat:hover:after {
			  -webkit-animation: none;
			  animation: none;
			}

			@-webkit-keyframes ripple{
			  0% {-webkit-transform:scale(1); }
			  75% {-webkit-transform:scale(1.75); opacity:1;}
			  100% {-webkit-transform:scale(2); opacity:0;}
			}

			@keyframes ripple{
			  0% {transform:scale(1); }
			  75% {transform:scale(1.75); opacity:1;}
			  100% {transform:scale(2); opacity:0;}
			}
			.circle-hotline-chat img {
				width: 50px;
				max-width: 100%;
        		height: auto;
			}
			.hotline-chat .phone {
				font-size: 16px;
			    font-weight: bold;
			    background: #F00;
			    color: white;
			    padding: 1px 30px 1px 75px;
			    border-radius: 39px;
			    left: -25px;
			    top: -25px;
			    position: absolute;
			    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
			}
			#home-chat .hotline-chat .phone p {
			    line-height: 15px;
			    margin-top: 8px;
			    margin-bottom: 8px;
			}
			#home-chat .hotline-chat .phone p a{
				font-style: inherit;
			    color: white;
			    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
			    font-size: 14px;
			    font-weight: bold;
			    text-decoration: none;
			}
.hotlinefix {
				position: fixed;
				bottom: 40px;
				left: 42px;
				z-index: 99;
			}
.circle-hotline {
			    height: 50px;
			    width: 50px;
			    border-radius: 50%;
			    background-color: #F00;
			    -webkit-transition: height .25s ease, width .25s ease;
			    transition: height .25s ease, width .25s ease;
			    -webkit-transform: translate(-50%,-50%);
			    transform: translate(-50%,-50%);
			    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
		        margin-top: -2px;
    			margin-left: -3px;
			}
			.circle-hotline span {
			    margin: 12px;
    			display: inline-block;
			}
			.circle-hotline:before,
			.circle-hotline:after {
			  content:'';
			  display:block;
			  position:absolute;
			  top:0;
			  right:0;
			  bottom:0;
			  left:0;
			  border-radius:50%;
			  border: 1px solid #F00;
			}
			.circle-hotline:before {
			  -webkit-animation: ripple 2s linear infinite;
			  animation: ripple 2s linear infinite;
			}
			.circle-hotline:after {
			  -webkit-animation: ripple 2s linear 1s infinite;
			  animation: ripple 2s linear 1s infinite;
			}
			.circle-hotline:hover:before,
			.circle-hotline:hover:after {
			  -webkit-animation: none;
			  animation: none;
			}

			@-webkit-keyframes ripple{
			  0% {-webkit-transform:scale(1); }
			  75% {-webkit-transform:scale(1.75); opacity:1;}
			  100% {-webkit-transform:scale(2); opacity:0;}
			}

			@keyframes ripple{
			  0% {transform:scale(1); }
			  75% {transform:scale(1.75); opacity:1;}
			  100% {transform:scale(2); opacity:0;}
			}
			.circle-hotline img {
				width: 50px;
				 max-width: 100%;
        		height: auto;
			}
			.hotlinefix .phone {
				font-size: 14px;
			    font-weight: bold;
			    background: #FFF;
			    color: #F00;
			    padding: 8px 30px 1px 75px;
			    border-radius: 39px;
			    left: -30px;
			    top: -29px;
			    position: absolute;
			    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
			}
			.hotlinefix .phone p {
			    line-height: 12px;
			    margin-top: 0px;
			    margin-bottom: 6px;
			}
			.hotlinefix .phone p a{
				font-style: inherit;
			    color: #F00;
			    text-shadow: none;
			    font-size: 18px;
			    font-weight: bold;
			    text-decoration: none;
                line-height: 34px;
			}

a#messengerButton span {
 z-index:10;display:none; 
 padding:10px;
 left:45px;
 width:200px; 
 line-height:16px;
 border-radius:4px;
 box-shadow: 5px 5px 8px #CCC;
}
a#messengerButton:hover span {
 display:inline; position:absolute; color:#111;
 border:1px solid #DCA; background:#fffAF0;
 } 
@media (max-width: 640px) {
	a#messengerButton:hover span{
		display: none;
	}
    .circle-hotline{
        margin-top: 25px;
    }
}

#zaloButton {
display: inline-block;
position: relative;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 100%;
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7);
margin-bottom: 10px;
}
a#zaloButton {outline:none; }
a#zaloButton:hover {
	text-decoration:none;
	}
a#zaloButton span {
 z-index:10;
 display:none; 
 padding:10px;
 left:45px;
 width:200px; 
 line-height:16px;
 border-radius:4px;
 box-shadow: 5px 5px 8px #CCC;
}
a#zaloButton:hover span {
 display:inline; position:absolute; color:#111;
 border:1px solid #DCA; background:#fffAF0;
 } 

.bubble {
    width: 20px;
    height: 20px;
    background: #c00;
    color: #fff;
    position: absolute;
    z-index: 999999999;
    text-align: center;
    vertical-align: middle;
    top: -2px;
    left: -5px;
    border-radius: 50%;
}
.ctrlq.fb-overlay {
    z-index: 0;
    position: fixed;
    height: 100vh;
    width: 100vw;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .05);
    display: none;
}
.fb-widget {
    background: #fff;
    z-index: 1000;
    position: fixed;
    width: 360px;
    height: 435px;
    overflow: hidden;
    opacity: 0;
    bottom: 0;
    right: 24px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
}
.bubble-msg {
    width: 120px;
    left: -140px;
    top: 5px;
    position: relative;
    background: rgba(59, 89, 152, .8);
    color: #fff;
    padding: 5px 8px;
    border-radius: 8px;
    text-align: center;
    font-size: 13px;
}
.ctrlq.fb-button, .ctrlq.fb-close {
    position: fixed;
    right: 15px;
    cursor: pointer;
}
.ctrlq.fb-button:focus, .ctrlq.fb-button:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24);
}
.zalo-chat-widget{
    position: fixed;
    bottom: 130px!important;
    right: 9px!important;
    z-index: 1000;
    
    left: auto!important;
}
.zalo-chat-widget iframe{
    width: 50px!important;
}
.youtubefied{
    position: fixed;
	bottom: 210px;
    right: 15px;
    z-index: 1000;
    width:48px;
}
.payment_method_qr-momo{
display: display: initial;}
.payment_method_qr-momo img
{
    width: 87px;
    float: right;
    clear: both;
}

/* edit by HONHTRAN */

/* HOME page */
.banner-home .banner-content .banner-sub {
   
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    margin: 18px 0 0;
    display: block;
}
.banner-home .banner-content .banner-text--head {
    /**font-size: 110px; **/
    color: #fff;
    margin-bottom: 27px;
    line-height: 1.15;
}
.banner-home .banner-content .banner-text--head span {
    color: #f56d1c;
    display: inline-block;
}
.story-section .story-content .story-content--left .quote {
    color: #000000;
   /**   font-size: 45px;**/
    position: relative;
    margin-bottom: 9px;
}
.story-section .story-content .story-content--left .quote span {
    color: #f56d1c;
 /**   font-size: 72px;**/
    display: inline-block;
}
.story-section .story-content .story-content--left .quote::after {
    content: "";
    position: absolute;
    top: 10px;
    left: -40px;
    background: url(img/icon-quote.svg) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.story-section .story-content .story-content--left .link a {
    color: #161616;
    font-size: 14px;
}
.story-section .story-content .story-content--right {
    max-width: 352px;
    font-size: 15px;
    line-height: 24px;
    margin-left: auto;
    color: #131313;
}
.story-section .story-content .story-content--right p {
    margin-bottom: 24px;
    color: #131313;
}
.story-section .story-content .story-content--left .link a:hover {
    color: #f56d1c;
}

.construct-section .main-heading {
    max-width: 600px;
    margin: 0 auto 40px;
    color: #fff;
}
.construct-section .main-heading h2 {
    font-size: 35px;
    margin-bottom: 20px;
    line-height: 46px;
    color: #fff;
}
.construct-section .main-heading h2 span {
    color: #f56d1c;
    font-size: 72px;
    line-height: 90px;
    display: block;
}
.construct-section .main-heading .link a {
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    font-weight: 500;
}
.desc-home-section {
    padding: 0 0 53px;
}

.about-section .about-desc {
    font-size: 14px;
    line-height: 22px;
    color: #0f0f0f;
    margin-bottom: 25px;
    text-align: center;
}
.about-section .about-desc .link {
    display: inline-block;
}
.about-section .about-desc .link a {
    display: inline-block;
    height: 48px;
    padding: 0 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #090909;
    color: #090909;
    font-size: 11px;
    line-height: 24px;
    letter-spacing: 3px;
    font-weight: 500;
}
.about-section .about-desc .link a:hover {
    background: #f56d1c;
    color: #fff;
    border: 1px solid transparent;
}
.about-section .about-desc .link a:hover {
    background: #f56d1c;
    color: #fff;
    border: 1px solid transparent;
}
.about-section .about-image {
    margin-left: 120px;
}
.desc-home-section .deschome-content .content .desc {
    max-width: 418px;
    font-size: 18px;
    line-height: 26px;
    color: #383838;
    position: relative;
    margin-left: auto;
}
.desc-home-section .deschome-content .content .desc::after {
    content: "";
    position: absolute;
    top: 5px;
    left: -38px;
    height: 19px;
    width: 23px;
    background: url(img/icon-quote.svg) no-repeat;
    background-size: contain;
    background-position: center;
}
.desc-home-section .deschome-content .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 478px;
    margin-left: 50px;
    margin-right: 20px;
    font-style: italic;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.desc-home-section {
    padding-top: 0 !important;
    padding-bottom: 0 !IMPORTANT;
    background: #fff;
}
.about-primary-section .wrapper-main .part-1 .value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.about-primary-section .wrapper-main .part-1 .value .images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 77px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (min-width: 768px){
.desc-home-section .deschome-content .content {
    margin-top: 40px;
}
.d-md-none {
    display: none !important;
}
}
@media (min-width: 1200px){
.desc-home-section .deschome-content .content {
    margin-left: 100px;
}
.desc-home-section .image-bg {
    margin-top: -140px;
}
}
@media (min-width: 1440px){
.desc-home-section .deschome-content .content {
    margin-top: 97px;
    margin-left: 38px;
}
.desc-home-section .image-bg {
    margin-top: -330px;
}
}
@media (min-width: 1366px){
.about-section .container .about-desc, .about-section .solution-content .section-1 .wrapper .about-desc, .solution-content .section-1 .about-section .wrapper .about-desc, .about-section .solution-content .section-2 .wrapper .about-desc, .solution-content .section-2 .about-section .wrapper .about-desc, .about-section .solution-content .section-3 .wrapper .about-desc, .solution-content .section-3 .about-section .wrapper .about-desc, .about-section .procedure .procedure-head .about-desc, .procedure .about-section .procedure-head .about-desc {
    margin-left: 165px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 60px;
}
.desc-home-section .image-bg {
    margin-top: -180px;
}
}

@media (min-width: 768px){
.desc-home-section .deschome-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-section .container .col-inner, .about-section .solution-content .section-1 .wrapper, .solution-content .section-1 .about-section .wrapper, .about-section .solution-content .section-2 .wrapper, .solution-content .section-2 .about-section .wrapper, .about-section .solution-content .section-3 .wrapper, .solution-content .section-3 .about-section .wrapper, .about-section .procedure .procedure-head, .procedure .about-section .procedure-head{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-section .about-desc {
    max-width: 345px;
    margin-bottom: 0;
    text-align: left;
}
}
@media (min-width: 1200px){
.story-section .img-big {
    margin-left: 54px;
}
.desc-home-section .deschome-content {
    padding: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
}

.story-section .story-content {
    max-width: 873px;
    padding: 0 15px;
    margin: 0 auto 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}




 h1.rockness span {
    font-weight: bold;
    font-size: 48px;
    line-height: 48px;
    color: #ffffff;
    font-family: "Elle Futura";
    display: block;
    margin-bottom: -10px;
}
 h1.rockness  {
    font-size: 125px;
    line-height: 23px;
    color: #f56d1c;
    margin-bottom: 16px;
    line-height: 125px;
}

.rockness {
    font-family: "SVN-Rockness";
    font-weight: normal;
}
.breadcrumb-cus {
    display: flex;
    align-items: center;
    justify-content: center;
}
.breadcrumb-cus li {
    position: relative;
    list-style: none;
}
.banner-about .breadcrumb-cus {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.breadcrumb-cus li a {
    color: #fff;
    margin: 0 8px;
}
.breadcrumb-cus li.active a, .breadcrumb-cus li a:hover {
    color: #f56d1c;
}
 .image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 37px;
}
 .image-item.item-1 {
    margin-bottom: 43px;
}
.image-item {
    position: relative;
    display: inline-block;
}
 .image-item .desc {
    text-align: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px;
    color: #fffefe;
    font-size: 17px;
    width: 100%;
    padding: 0 30px;
}
.wrapper-main-page {
    background: #111111;
}

/**
* b?t dau hieu ung
**/
  .slider [data-animate],
  [data-animate] {
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-backface-visibility:hidden;
    opacity:0 !important;
    transition:filter 1.3s,transform 1.6s,opacity 1.3s ease-in;
    will-change:filter,transform,opacity;
  }
  .slider [data-animate=bounceInDown],
  .slider [data-animate=bounceInLeft],
  .slider [data-animate=bounceInRight],
  .slider [data-animate=bounceInUp],
  [data-animate=bounceInDown],
  [data-animate=bounceInLeft],
  [data-animate=bounceInRight],
  [data-animate=bounceInUp] {
    transition:transform .8s cubic-bezier(0,.195,0,1.465),opacity .5s ease-in;
  }
  .slider [data-animate=bounceInLeft],
  [data-animate=bounceInLeft] {
    transform:translate3d(-300px,0,0);
  }
  .slider [data-animate=blurIn],
  [data-animate=blurIn] {
    filter:blur(15px);
  }
  .slider [data-animate=fadeInLeft],
  [data-animate=fadeInLeft] {
    transform:translate3d(-70px,0,0);
  }
  .slider [data-animate=fadeInRight],
  [data-animate=fadeInRight] {
    transform:translate3d(70px,0,0);
  }
  .slider [data-animate=bounceInUp],
  .slider [data-animate=fadeInUp],
  [data-animate=bounceInUp],
  [data-animate=fadeInUp] {
    transform:translate3d(0,70px,0);
  }
  .slider [data-animate=bounceInRight],
  [data-animate=bounceInRight] {
    transform:translate3d(300px,0,0);
  }
  .slider [data-animate=bounceIn],
  [data-animate=bounceIn] {
    transform:scale(1.3);
  }
  .slider [data-animate=bounceInDown],
  .slider [data-animate=fadeInDown],
  [data-animate=bounceInDown],
  [data-animate=fadeInDown] {
    transform:translate3d(0,-70px,0);
  }
  .slider [data-animate=flipInY],
  [data-animate=flipInY] {
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    transform:perspective(400px) rotateY(-90deg) translate3d(15px,0,0);
  }
  .slider [data-animate=flipInX],
  [data-animate=flipInX] {
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    transform:perspective(400px) rotateX(90deg) translate3d(0,-15px,0);
  }
  .row-slider.slider [data-animated=true],
  .slider .is-selected [data-animated=true],
  [data-animated=true] {
    -webkit-animation-delay:.1s;
    animation-delay:.1s;
    opacity:1 !important;
    transform:translateZ(0) scale(1);
  }
  .flickity-slider>:not(.is-selected) [data-animated=true] {
    transition:transform .7s,opacity .3s !important;
  }
  .slider [data-animate=none],
  [data-animate=none] {
    opacity:1 !important;
  }
  .slider [data-animate=blurIn][data-animated=true],
  [data-animated=true][data-animate=blurIn] {
    filter:blur(0);
  }
  [data-animated=false] {
    transition:none !important;
  }
  .has-shadow [data-animate],
  [data-animate]:hover {
    transition-delay:0s !important;
  }
  [data-animate-delay="100"] {
    transition-delay:.1s;
  }
  .nav-anim>li {
    opacity:0;
    transform:translateY(-15px);
    transition:transform .3s,opacity .3s;
  }
  .active .nav-anim>li,
  .mfp-ready .nav-anim>li,
  .nav-anim.active>li {
    opacity:1;
    transform:none;
  }
  .col+.col [data-animate],
  .nav-anim>li,
  [data-animate-delay="200"],
  [data-animate]+[data-animate] {
    transition-delay:.2s;
  }
  .nav-anim>li+li,
  [data-animate-delay="300"] {
    transition-delay:.3s;
  }
  .col+.col+.col [data-animate],
  .nav-anim>li+li+li,
  [data-animate-delay="400"],
  [data-animate]+[data-animate]+[data-animate] {
    transition-delay:.4s;
  }
  .nav-anim>li+li+li+li,
  [data-animate-delay="500"] {
    transition-delay:.5s;
  }
  .col+.col+.col+.col [data-animate],
  .nav-anim>li+li+li+li+li,
  [data-animate-delay="600"],
  [data-animate]+[data-animate]+[data-animate]+[data-animate] {
    transition-delay:.6s;
  }
  .nav-anim>li+li+li+li+li+li,
  [data-animate-delay="700"] {
    transition-delay:.7s;
  }
  .col+.col+.col+.col+.col [data-animate],
  .nav-anim>li+li+li+li+li+li+li,
  [data-animate-delay="800"],
  [data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate] {
    transition-delay:.8s;
  }
  .col+.col+.col+.col+.col+.col [data-animate],
  .nav-anim>li+li+li+li+li+li+li+li,
  [data-animate-delay="900"] {
    transition-delay:.9s;
  }
  .col+.col+.col+.col+.col+.col+.col [data-animate],
  .nav-anim>li+li+li+li+li+li+li+li+li,
  [data-animate-delay="1000"] {
    transition-delay:1s;
  }
  .slider-type-fade .flickity-slider>:not(.is-selected) [data-animate] {
    opacity:0 !important;
    transition:none !important;
  }
/**
* K?t thъc hi?u ?ng
**/
.image-list >div {
    padding: 0 !important;
}

.image-list .image1 {
    width: 5% !important;
    float: left;
}
.image-list .image2 {
    width: 19% !important;
    float: left;
}
.image-list .image2 .img-inner {
    position: absolute;
    border-radius: 50%;
    top: -140px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.image-list .image2 .img-inner img{width: 180px;
    border-radius: 50%;}
.image-list .image3 .img-inner,
.image-list .image4 .img-inner,
.image-list .image5 .img-inner,
.image-list .image6 .img-inner,
.image-list .image7 .img-inner{
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    top: -65px;
    
}
.image-list .image4 .img-inner {
    top: -140px;
    right: -43px;
}.image-list .image2 .img-inner
.image-list .image6 .img-inner{top:-130px}
.image-list .image3 {
    width: 15% !important;
    float: left;
}
.image-list .image4 {
    width: 20% !important;
    float: left;
}
.image-list .image5 {
    width: 15% !important;
    float: left;
}

.image-list .image7 {
    width: 16% !important;
    float: left;
}
.image-list .image6 {
    width: 10% !important;
    float: left;
}
.image-list .image1 .img-inner{
    position: absolute;
    border-radius: 50%;
    left: -65px;
    
}

.image-list .image7 {
    width: 11% !important;
    float: left;
    POSITION: ABSOLUTE;
    RIGHT: -13px;
}
.image-list .image3 .img-inner{top:0}

/**/


@media (max-width: 769px){
select#woof_meta_select_mo_ta_dang_the {
    display: block !IMPORTANT;
}
  #woof_meta_select_mo_ta_dang_the_chosen{display:none}
}
#zalo_cocial {
    z-index: 99999;
}