/*
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
*/
.fl-icon-group {
    background: #ffd63d;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.block-intro .uabb-infobox-title{
	letter-spacing:15px;
}
.uc_icons_link a.uc_icon {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #ffff33;
    transition: color 0.5s;
    display: inline-block;
}
.uc_icons_link .uc_icon i {
    color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: inline-block;
    width: 100px;
    height: 100px;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
	height: 52px;
    width: 52px;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 21px;
    border-width: 3px;
}
.uc_icons_link .uc_icon i:hover {
    color: #000;
    border-color: #ffffff;
    background: #ffffff;
}
/*feature*/
.item-feature > .fl-module-content{
	margin:80px 50px 0 80px;
}

/* benefit */
.item-benefit .uabb-infobox {
	border-radius:30px;
	background: linear-gradient(45deg, #59dffe, #c958fe);
}
/*testimonial*/
.item-test > .fl-module-content{ 
	box-shadow: 5px 10px 50px rgba(0,0,0,0.15);
	
}
.item-test > .fl-module-content .uabb-testimonial {
	padding:30px;
}
/* pricing */
.item-price > .fl-module-content{
	margin:80px 50px 0 80px;
}
.btn-price {
	margin-left:80px;
}
/*contact*/
#contact > .fl-row-content-wrap{
	
	border:0px;
}
.block-contact {
	max-width: 480px;
	margin:0 auto !important;
}
.text-center {text-align: center;}
.block-contact .ct-row {
	position: relative;
	margin-bottom: 20px;
	float:left;
}
.block-contact .wpcf7-form-control-wrap {
	width: 100%;
}
.block-contact .ct-center {
	text-align: center;
}
.block-contact .wpcf7-form-control{
	font-size: 18px;
    display: block;
    color: #fff;
    width: 100%;
    border: 0px solid transparent;
    transition: all .3s ease-in-out;
    background-color: transparent;
    border-bottom: 2px solid #ebebeb;
    padding: 18px 0px;
	text-align: left;
	border-radius:0px;
	min-height: 60px;
}
.block-contact .wpcf7-form-control:focus , .block-contact .wpcf7-form-control:visited, 
.block-contact .wpcf7-form-control:active, .block-contact .wpcf7-form-control:hover{
    background-color: transparent !important;
	background: transparent !important;
}
.block-contact .wpcf7-textarea {
	height:80px;
}
.block-contact .wpcf7-submit {
	width: auto;
    min-height: 60px;
	display: inline-block;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: 2px;
    color: #000 !important;
    border: 2px solid #ffc527;
    background-color: #ffc527;
	background:#ffd63d;
	border-radius:0px;
    padding: 12px 40px;
	text-align: center;
	margin-top:10px;
}
.block-contact .wpcf7-submit:hover {
	background-color:#fff;
	background:#fff !important;
	color:#000 !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:#fff;
	background:#fff !important;
	color:#000 !important;
	border:2px solid #fff;
}
.block-contact .wpcf7-not-valid-tip {
	color:#f00 !important;
	text-align: left !important;
}
.uabb-modal-title-wrap {
	min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.uabb-modal-title-wrap .uabb-modal-title {
	font-size: 30px;
}
.popup-price label {
	font-weight: 700 !important;
}
.popup-price .ct-row {
	margin-bottom: 15px;
}
.popup-price .ct-row:last-child { 
	margin-bottom:0;
}
.popup-price .wpcf7-text , .popup-price .wpcf7-select {
	border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd;
    height: 40px;
	display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.popup-price .wpcf7-textarea {
	height:100px;
	background-color: #fff;
}

.popup-price a{
	color:#4eae49;
}
.popup-price span.wpcf7-list-item {
	margin:0 15px 0 0;
}
.popup-price .wpcf7-submit {
	background-color: #000000;
    border-color: #000000;
	border-width: 2px;
	border-radius: 0px;
    font-size: 14px;
    font-weight: 600 !important;
    text-transform: uppercase;
    padding: 10px 30px;
	display:inline-block;
	width: 100%;
	height: 50px;
	color:#fff !important;
	margin-bottom:0px;
}
.popup-price .wpcf7-submit:hover , .popup-price .wpcf7-submit:focus, .popup-price .wpcf7-submit.active {
	background-color: #ffd63d;
    border-color: #ffd63d;
    color: #fff !important;
	border-width: 2px;
}
.popup-price div.wpcf7-response-output {
	margin:0;
}
.popup-price .wpcf7-form-control::-webkit-input-placeholder { /* WebKit browsers */
color: #8a8a8a !important;
opacity: 1;
}
.popup-price .wpcf7-form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #8a8a8a !important;
opacity: 1;
}
.popup-price .wpcf7-form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #8a8a8a !important;
opacity: 1;
}
.popup-price .wpcf7-form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #8a8a8a !important;
opacity: 1;
}
::-webkit-input-placeholder { /* WebKit browsers */
color: #fff !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff !important;
opacity: 1;
}
.fl-page-footer , .fl-page-footer-api a {
	font-size: 14px !important;
	color:#999999 !important
}
div#intro {
    position: relative;
}



div#intro .fl-row-content-wrap {
    padding: 0 !important;
}

div#intro .fl-row-content-wrap .fl-module-content.fl-node-content {
    margin: 0 !important;
}
div#cau-hoi-thuong-gap {
    position: relative;
    top: -55px;
}

div#cau-hoi-thuong-gap .fl-row-content-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

div#dich-vu {
    position: relative;
    top: -110px;
    z-index: 9;
}

div#dich-vu .fl-row-content-wrap {
    padding-bottom: 0 !important;
}
div#intro .banner-home .uabb-ultb3-box {
    position: relative;
}

div#intro .banner-home .uabb-ultb3-box .uabb-module-content .uabb-button {
    /* position: absolute; */
    /* right: 475px; */
    /* top: 100px; */
}


div#intro .banner-home .uabb-ultb3-box .uabb-ultb3-info {
    position: absolute;
    right: 15%;
    max-width: 420px;
    padding: 0;
}

div#intro .banner-home .uabb-ultb3-box .uabb-ultb3-info .uabb-ultb3-title {
    font-size: 45px;
    margin-bottom: 15px;
    line-height: 50px;
}

div#intro .banner-home .uabb-ultb3-box .uabb-ultb3-info .uabb-ultb3-desc {
    margin-bottom: 20px;
}

div#intro .banner-home .uabb-ultb3-box .uabb-ultb3-info .uabb-ultb3-desc p {
    margin: 0;
    font-size: 21px;
}
.fl-icon-group:before{
content:'Kết nối với chúng tôi';
	    text-transform: uppercase;
    margin-bottom: 8px;
}
.fl-icon-group{
	
	background: #ffd63d;}

@media (min-width:992px) {
	.fl-page-nav-right .fl-page-header-wrap {
		display: none;
	}
	.fl-page-header-fixed .fl-page-header-wrap{
		display: block;
	}
	.fl-node-5ca79a1de9797 {
		margin:0 -20px;
	}
}
@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-feature > .fl-module-content , .item-price > .fl-module-content {
		margin: 30px 30px 0 30px;
	}
}
@media (max-width: 991px) {
	
	.home .fl-page-header {
		background: #000 !important;
	}
	.fl-icon-group {
		flex-wrap: wrap;
	}
	.fl-icon-group:before {
    margin-bottom: 0;
    width: 100%;
    margin-top: 10px;
}
	.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: 20px !important;
		color: #888;
    	border: 1px solid #ddd;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle i{
		font-size: 20px;
		color:#888;
	}
	.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-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;
	}
	.col-plan {
		width: 50%;
	}
	.item-plan:hover {
		transform: scale(1, 1);
		z-index: 100;
	}
	.item-feature  > .fl-module-content  {
		margin:20px; 
	}
	.item-feature  > .fl-module-content , .item-price  > .fl-module-content {
		margin:20px;
	}
	.btn-price {
		margin-left:20px;
	}
	.item-price .uabb-infobox-text {
		margin-bottom:0 !important;
	}
}
@media (max-width:768px) {
	div#dich-vu {
		position: relative;
		top: 0;
		z-index: 9;
	}
}
@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: #3a80c2 !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;
	}
	

	.fl-row[data-node] .fl-row-content-wrap {
		padding-bottom:40px !important;
		padding-top:40px !important
	}
	
	#block-test > .fl-row-content-wrap {
		margin-top:-100px;
	}
	 .uabb-infobox-title {
		 margin-bottom:0 !important;
	 }
	.fl-node-5ca6ff00b1624 .uabb-infobox-title {
		margin-bottom:20px !important
	}
	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: 50px !important;
		line-height: 60px !important;
	}
	.item-price .uabb-infobox-text{
		margin-bottom:0;
	}
	.block-img2 {
		margin:40px 0 20px;
	}
	#contact > .fl-row-content-wrap{
		margin-bottom:0;
		padding-bottom: 0 !important;
	}
}
@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: 34px !important;
		line-height: 44px !important;
	}
	h3.uabb-infobox-title {
		font-size:24px !important;
		line-height: 34px !important;
		margin-top:10px !important;
	}
	 .list-social > .fl-module-content{
		 margin-top:0;
	 }
	.uc_icons_link .uc_icon i {
		width: 34px;
		height: 34px;
		font-size: 16px;
	}
	#dich-vu > .fl-row-content-wrap {
		padding-top:20px !important;
	}
	.item-price > .fl-module-content {
		margin-top:30px !important;
	}
	#counter > .fl-row-content-wrap {
		padding-top:0px !important;
		padding-bottom:0px !important
	}
	.fl-module-uabb-numbers .fl-node-content{
		margin-bottom:0px;
	}
	div#intro .banner-home .uabb-ultb3-box .uabb-ultb3-info {
		position: relative;
		right: 0;
		max-width: 100%;
		padding: 20px;
	}
	div#intro .banner-home .uabb-ultb3-box .uabb-ultb3-info .uabb-ultb3-title {
		font-size: 36px;
		margin-bottom: 15px;
		line-height: 50px;
	}
	div#intro .banner-home .uabb-ultb3-box .uabb-ultb3-info .uabb-ultb3-desc p {
		margin: 0;
		font-size: 18px;
	}
}