/*
Theme Name: CHILI Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: Được phát triển bời team CHILI.ASIA
Author: CHILI Team
Author URI: https://www.chili.asia
template: bb-theme
*/

.uabb-creative-button-wrap a {
	border:2px solid #fff !important;
	position:relative;
}
.uabb-creative-button-wrap .uabb-button-text{
	
}
.uabb-creative-button-wrap .uabb-button-text:after{
	 background: #fff;
	 height:3px;
	 bottom:0;
	 left:0;
	position: absolute;
	width: 100%;
    -webkit-transition: width 3s;
    transition: width 3s;
}
#block-intro > .fl-col-content {
	position: relative;border-radius:10px;
	bottom: 100px;
	left: 44px;
}
.intro1 .uabb-heading-text span{
	text-align: right;
	display: block;
}
#block-haisan > .fl-col-content , #block-vitri > .fl-col-content{
	border-radius:10px;
}
.block-3 .uabb-subheading{
	text-align:left;
}
ul.list-yellow{
	list-style: none outside none;
	padding:0;
	margin:0;
	padding-top:30px;
	font-size:16px !important;
}
ul.list-yellow li{
	padding-left:25px;
	position:relative;
	padding-bottom:10px;
}
ul.list-yellow li:before{
	content: "\f02b";
	font: normal normal normal 18px/1 FontAwesome;	
	color:rgba(255,235,59,0.74);
	position:absolute;
	top:3px;
	left:0;
}
/*contact*/
#contact > .fl-row-content-wrap , .fl-page-footer{
	
	border:0px;
}
.block-contact {
	max-width: 480px;
	margin:0 auto !important;
}
.text-center {text-align: center;}
.block-contact .ct-row {
	position: relative;
	margin-bottom: 10px;
	float:left;
}
.block-contact .wpcf7-form-control-wrap {
	width: 100%;
}
.block-contact .ct-center {
	text-align: center;
}
.block-contact .wpcf7-form-control{
	font-size: 16px;
    display: block;
    color: #333;
    width: 100%;
    border: 1px solid rgba(162,118,118,1);
    transition: all .3s ease-in-out;
    background-color: #fff;
    padding: 8px 5px;
	text-align: left;
	border-radius:5px;
	min-height: 40px;
}
.block-contact .wpcf7-form-control:focus , .block-contact .wpcf7-form-control:visited, 
.block-contact .wpcf7-form-control:active, .block-contact .wpcf7-form-control:hover{
   
}
.block-contact .wpcf7-textarea {
	height:80px;
}
.block-contact .wpcf7-submit {
	width: 100%;
    min-height: 40px;
	display: inline-block;
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    border: 2px solid #fff;
    background-color: #f44336;
	background:#f44336;
	border-radius:10px;
    padding: 8px 0px;
	line-height:22px;
	text-align: center;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.44);
}
.block-contact .wpcf7-submit:hover {
	background-color:#f44336;
	background:#f44336 !important;
	color:#fff !important;
	border:2px solid #fff;
}
.block-contact .wpcf7-validation-errors {
	display: none !important;
}
.block-contact button:active, .block-contact button:focus, .block-contact input[type=button]:active, 
.block-contact input[type=button]:focus, .block-contact input[type=submit]:active, .block-contact input[type=submit]:focus {
	background-color:#f44336;
	background:#f44336 !important;
	color:#fff !important;
	border:2px solid #fff;
}
.block-contact .wpcf7-not-valid-tip {
	color:#f00 !important;
	text-align: left !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #795548 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #795548 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #795548 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #795548 !important;
opacity: 1;
}
.fl-page-footer , .fl-page-footer-api a {
	font-size: 14px !important;
}

/* khachhang */
.text-white1{
	color:#fff;
	font-size:14px;
}
.uabb-countdown .uabb-countdown-digit-wrapper.square{
	border-radius:10px;
}
.fl-page-footer-widgets {
	background:url(images/bg-footer.jpg) no-repeat left top;
	background-size:cover;
	background-position: top left;
    background-repeat: no-repeat;
	position: relative;
	
}
.fl-page-footer-widgets:before {
	content:"";
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.74); 
}
.fl-page-footer-widgets-container {
	padding-top:60px;
	padding-bottom:20px;
	font-size:14px;
}
.fl-widget .fl-widget-title {
	margin-top:0px;
	text-transform: uppercase;
	margin-bottom:10px;
}
/* khach hang */
.list-khachhang .uabb-photo-gallery img{
	    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(158,158,158,1);
}
@-webkit-keyframes mymove {
  from {width: 0px;}
  to {width: 100%;}
}

@keyframes mymove {
  from {width: 0px;}
  to {width: 100%;}
}
.uabb-image-carousel .slick-prev i, .uabb-image-carousel .slick-next i, .uabb-image-carousel .slick-prev i:hover, .uabb-image-carousel .slick-next i:hover, .uabb-image-carousel .slick-prev i:focus, .uabb-image-carousel .slick-next i:focus {
	font-size:40px;
}
.m-b70{
	/* margin-bottom:50px; */
}
.fl-node-5ce51b2a37e31 {
	max-width:380px;
}
@media (min-width:992px) {
	.fl-page-nav-right .fl-page-header-row .fl-page-logo-wrap {
		width:20%;
	}
	.fl-page-nav-right .fl-page-header-row > div {
		width:80%;
	}
	.fl-page-nav-right .fl-page-header-wrap {
		display: none;
	}
	.fl-page-header-fixed .fl-page-header-wrap{
		display: block;
	}
	.block-3 {
		max-width:750px;
		margin:0 auto;
	}
	.list-khachhang {
		padding-left:12%;
		padding-right:12%;
	}
	.fl-node-5ce51b2a37e31 {
		max-width:380px;
	}
	.fl-widget .fl-widget-title {
		margin-top: 0px;
		text-transform: uppercase;
		margin-bottom: 20px;
		font-size: 28px;
		line-height: 60px;
	}
}
@media (max-width: 1024px) { 
	.container {
		overflow: hidden;
	}
	.fl-page-nav-toggle-visible-always .fl-page-header-wrap .fl-page-header-container, .fl-page-nav-toggle-visible-medium-mobile .fl-page-header-wrap .fl-page-header-container {
		padding: 20px !important;
	}
	.item-reason > .fl-module-content {
		margin-left: 20px;
		margin-right: 20px;
	}
	.item-benefit .uabb-infobox {
		padding: 20px;
	}
}
@media (max-width: 991px) {
	.home .fl-page-header {
		background: #ffffff !important;
	}
	.fl-page-header-primary .fl-logo-img {
		min-height: 81px;
		height: 64px !important;
		max-width: 92px;
	}
	.fl-page-nav-right .fl-page-header-logo {
		padding-left:0px !important;
		padding-bottom: 0px !important;
		padding-top: 0px !important;
	}
	.fl-page-nav-right .fl-page-header-wrap {
		display: block;
	}
	.fl-page-nav-right .fl-page-header-row .fl-page-nav-col {
		width: 100%
	}
	.fl-page-nav-right .fl-page-header-container {
		padding: 0px;
	}
	.fl-page-nav-right .fl-page-header-row .fl-page-header-logo-col, .fl-page-nav-right .fl-page-header-row .fl-page-nav-col {
		display: block;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse {
		border:0px;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle {
		top: 25px !important;
		color: #fff;
    	border: 1px solid #fff;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle i{
		font-size: 25px;
		color: #000;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse ul.navbar-nav > li,
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse ul.navbar-nav > li > a {
		text-align: left !important;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse ul.navbar-nav > li, .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse {
		border-color:
		rgba(255,255,255,1) !important;
	}
	.fl-page-nav-right .fl-page-header-row .navbar-right > li:last-child > a {
		padding-right: 15px !important;
	}
	.fl-page-nav .navbar-nav li > a {
		padding: 15px 0px !important;
	}
	.fl-page-nav-wrap {
		height: auto;
	}
	.fl-page-nav .navbar-nav li > a , .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse ul.navbar-nav > li > a{
		color: #000;
	}
	.fl-page-footer-container {
		padding-bottom:10px;
		padding-left:15px;
		padding-right:15px;
	}
	.fl-page-footer-text {
		padding-bottom: 10px; 
	}
	.fl-row-full-height .fl-row-content-wrap {
		min-height: auto;
	}
	.fl-col-small {
		
	}
	.fl-page-footer-api {
		text-align: center;
		padding-bottom:20px;
	}
	.m-b70{
		margin-bottom:20px;
	}
}

@media (max-width: 767px) { 
	.fl-col-small {
		max-width:100%;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle {
		right: 20px !important;
	}
	
	
	.fl-page-header {
		border-color: #6ba1d3 !important;
		background-color: #fff !important;
	}
	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
		background: #6ba1d3 !important;
	}
	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle * {
		color:#000 !important;
	}
	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li > a {
		color:#fff !important;
	}
	#block-intro > .fl-col-content, #block-haisan  > .fl-col-content , #block-vitri > .fl-col-content , #col-lienhe2 > .fl-col-content {
		border-radius: 10px;
		margin: 0 20px;
	}
	.intro1 .uabb-heading-text span {
		text-align: center;
	}
	.fl-row[data-node] .fl-row-content-wrap {
		padding-bottom:40px !important;
		padding-top:40px !important
	}
	#col-lienhe1 {
		display:none;
	}
	.uabb-image-carousel .slick-prev i, .uabb-image-carousel .slick-next i, .uabb-image-carousel .slick-prev i:hover, .uabb-image-carousel .slick-next i:hover, .uabb-image-carousel .slick-prev i:focus, .uabb-image-carousel .slick-next i:focus {
		font-size:42px !important;
	}
	#p1 , #p2, #p3 { 
		width: 33.33% !important;
		max-width: 33.33%;
		clear: none;
		float: left;
	}
}
@media (max-width: 480px) { 
	.uabb-modal-title-wrap .uabb-modal-title {
		font-size: 20px;
	}
	.fl-col-small {
		max-width: 100%;
		width: 100%;
	}
	h1.uabb-infobox-title , h2.uabb-infobox-title , h1.uabb-heading , h2.uabb-heading , h1.uabb-infobox-title-prefix , h2.uabb-infobox-title-prefix , h1.uabb-heading * , h2.uabb-heading * {
		font-size: 40px !important;
		line-height: 44px !important;
	}
	#p1 { 
		width:25% !important;
	}
	#p2{
		width:40% !important;
	}
	#p2 .uabb-heading-text {
		font-size:55px;
		line-height:55px;
	}
	.uabb-countdown .uabb-countdown-digit-wrapper.square {
		width:60px;
		height:60px;
	}
}


.h-breadcrumb {
    display: none;
}


.content-page-title {
    text-align: center !important;
}


@media only screen and (max-width: 1025px) {
	.fl-col.fl-node-62ea0ff78d5a1.fl-visible-desktop.introbanner {
    display: none;
	}
	.fl-col.fl-node-631ea4f552596.fl-visible-medium-mobile.introbanner{
		display: block;
	}
	div#sec1 .fl-row-content-wrap {
    min-height: 390px;
}
	.fl-module.fl-module-rich-text.fl-node-631ea370845ab.fl-visible-medium-mobile {
    display: block;
}
	.fl-module.fl-module-button.fl-node-631ea37c607b7.fl-visible-medium-mobile {
    display: block;
}
	.fl-module.fl-module-rich-text.fl-node-631ea3884961c.fl-visible-medium-mobile {
    display: block;
}
}