/*
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.   ***************/
.homepage-ingredients {
	color: #333333; font-size: 14.4px;
}
.home-ctf7 .row {
	padding-top: 15px;
}

#text_ads_content_tkk .button_why_db {
    background: aliceblue;
    float: left;
    padding: 5px 0;
    text-align: center;
    color: white;
    text-transform: uppercase;
    border-radius: 10px;
    margin-top: 20px;
    width: 100%;
}

.btn-footer {
    display: none;
}

.logo-heading-1 { margin: 0; }

.faq-entry-excerpt {
    padding-top: 1.5em;
	font-weight: bold;
    font-style: italic;
}

iframe.hidden { display: none; }
.fleft-heading { float: left; text-align: left; width: inherit; }
.clearer { clear: both; }
.form-flat .flex-row .flex-col, .flex-row.form-flat .flex-col {
	padding-bottom: 10px;
    padding-top: 5px;
}
.form-flat-center {
	text-align: center;
	padding-top: 10px;
}
.form-trai-nghiem {
    border: 1px solid #ccc;
    padding: 30px;
}
.form-trai-nghiem-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 21px;
}

.mabio-share-title {
	clear: both;
	padding-top: 10px;
}

.mabio-cta-container  { 
	width:100%;
    text-align:center;
}
.mabio-cta-container .cta-item { 
	background-color: #60ad37; 
	width: 30%;
    border-radius: 10px;
    margin: 0px 5px 20px;
    text-align: center;
    padding: 10px 20px;
}
.mabio-cta-container .left { float: left; }
.mabio-cta-container .center { display: inline-block; margin: 0 auto 20px; }
.mabio-cta-container .right { float: right; }
.mabio-cta-container .cta-item  a { color: #ffffff; }
.mabio-cta-container .cta-item  a p { line-height: 25px; margin: 0px; }
.mabio-cta-container .cta-item .big { font-size: 18px; font-weight: bold; line-height: 34px; }

.mabio-cta-box { padding-top: 30px; }
.form-dktuvan {
	border: 1px dashed #60ad37;
    padding: 30px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.chuong_trinh_the_cao {
	margin-top: 5px;
}
.ctf7-payment {
	background-color: rgba(0,0,0,0.03);
	border-color: rgba(0,0,0,0.09);
	padding: 13px;
	border-radius: 10px;
}
.ctf7-bank {
	display: none;
}
.ctf7-bank p {
	padding-bottom: 13px;
	text-align: justify;
}
.ctf7-bank-name span, .ctf7-bank-number span {
	font-style: italic;
}
.ctf7-bank-item {
	font-size: .9em;
	padding-bottom: 10px;
}
.ctf7-bank-branch {
	font-weight: bold;
}

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

	.home-ctf7 .row .col {
		padding-bottom: 7px;
	}
	
	.mabio-cta-container .cta-item { width: 100%; margin: 0 auto 20px; }

	.btn-footer {
		display: block;
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 99999;
	}
	.col-xs-4 {
		width: 50%;
		float: left;
	}
	.btn-footer a {
		border-radius: inherit;
		width: 100%;
	}

	.btn {
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;;
		display: inline-block;
		padding: 6px;
		font-size: 14px;
		font-weight: bold;
		line-height: 2;
		white-space: nowrap;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.btn-phone {
		background: #d81921;
		color: #fff;
		border: #d81921 solid 1px;
	}
	.btn-phone span:before {
		content: "";
		background: url(images/icon-phone.png);
		background-size: 100%;
		width: 18px;
		height: 20px;
		display: inline-block;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-right: 5px;
	}
	.btn-testimonial {
		background: #00ab4e;
		color: #fff;
		border: #00ab4e	 solid 1px;
	}
	.btn-testimonial span:before {
		content: "";
		background: url(images/icon-home.png);
		background-size: 100%;
		width: 20px;
		height: 19px;
		display: inline-block;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-right: 5px;
	}
	.btn-order {
		background: #f4761f;
		color: #fff;
		border: #f4761f	 solid 1px;
	}
	.btn-order span:before {
		content: "";
		background: url(images/icon-shoppingcart.png);
		background-size: 100%;
		width: 20px;
		height: 19px;
		display: inline-block;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-right: 5px;
	}
	.absolute-footer { padding-bottom: 45px; }
}
@media only screen and (max-width: 320px) {
	.btn {
		font-size: 12px;
	}
}