/*
Theme Name: flcpremierpark.vn
Description: This is a child theme for Flatsome Theme
Theme URI: https:
Author: 
Author URI: 
Template: flatsome
Version: 3.6.1
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@import "fonts/font-awesome/css/font-awesome.min.css"; /* Using a string */

/* style main */
.col{
	padding-bottom: 0px !important;
}
*{
	box-sizing: border-box;
}
/* style main page */
.section-title-container{
	margin-bottom: 0;
}
.blue-text{
	color: rgb(7, 94, 142)
}
.white-text{
	color: #fff;
}
.green-text{
	color: #83b614;
}
.light-title{
	font-weight: normal;
}
.iconbox-large{
	font-size: 120%;
	color: #c0c0c0;
}
.video-tongquan{
	position: relative;
}
.button.icon.circle{
	color: #fff;
}
.video-button{
	position: absolute;
	transform-origin: center;
	top: 40%;
	left: 45%;
	display: block;
}
.video-button a{
	margin-bottom: 0px;
}
.video-button .col{
	padding: 0px;
}
.tongquan-content{
	margin: 30px auto;
}
.gioithieu .tongquan-content .right-col-text{
	border: 1px dashed #83b614;
	border-left: 5px solid #83b614;
	padding: 20px !important;
}
.gioithieu .tongquan-content .left-col-text{
	border: 1px dashed #83b614;
	border-right: 5px solid #83b614;
	padding: 20px !important;
}
.content-text p{
	margin-bottom: 0;
	line-height: 28px;
}
.tongquan-content .image-col img{
	height: 100%;
	width: auto;	
}
.gioithieu .tongquan-icon .icon-box-text .light-title{
	display: block;
	height: auto;
}
.hinhanh-imagebox{
	overflow: hidden;
	margin-bottom: 15px;
}
.hinhanh-imagebox .box-text{
	padding-bottom: .7em;
	transform: translatey(100%);
	transition: all .8s ease-in;
}
.hinhanh-imagebox .box-text .box-text-inner{
	font-size: 90%;
}
.hinhanh-imagebox:hover .box-text{
	transform: translatey(0%);
	transition: all .4s ease;
}
.col-button-tienich ul.row-text-tienich{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.col-button-tienich .button-tienich{
	display: inline-block;
	background-color: #83b614;
	width: 16%;
	text-align: center;
	padding: 11px;
	border-radius: 10px;
	font-size: 90%;
	margin-left: 0;
}
.time-counting{
	font-family: roboto;
	font-weight: normal;
}
.time-dangki img{
	border-radius: 10px;
}
.ux-timer.dark{
	margin: 0 auto;
}
.row-luachon .col{
	padding: 15px 10px;
}
.box-luachon{
	padding: 10px;
	border: 1px solid #cecece;
	border-radius: 10px;
	transition: background-color .5s ease, transform .5s ease, box-shadow .5s ease;
	height: 450px;
	margin-bottom: 15px;
}
.box-luachon .box-text .box-text-inner{
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 310px;
}
.box-luachon p{
	font-size: 96%;
}
.box-luachon .box-text .box-text-inner::-webkit-scrollbar-track{
	background-color: transparent;
}
.box-luachon .box-text .box-text-inner::-webkit-scrollbar-thumb{
	background: #fff;
	border-radius: 20px;
}
.box-luachon .box-text .box-text-inner::-webkit-scrollbar{
	display: hidden;
}
.box-luachon .light-title{
	color: #003366
}
.box-luachon .gia{
	color: #ff6600
}
.box-luachon:hover{
	background-color: #83b614;
	transition: background-color .5s ease, transform .5s ease, box-shadow .5s ease;
	color: #fff !important;
}
.box-luachon:hover .light-title, .box-luachon:hover .gia{
	color: #fff;
}
.thanhtoan .col-inner{
	border-radius: 10px;
}
.thanhtoan .col-inner p{
	padding: 0 10px;
}
/* style footer */
#footer{
	background-image: url(/wp-content/uploads/2019/05/footer-background.jpg)
}
#footer .footer-1 #menu-mainmenu-1 li+li{
	border: none !important;
}
#footer .footer-1 #menu-mainmenu-1 li{
	display: inline-block;
	background-color: #82B514;
	border-radius: 5px;
	width: 13%;
	text-align: center;
	margin-bottom: 8px;
}
#footer .footer-1 #menu-mainmenu-1 li a{
	color: #fff;
}
#footer .footer-1 #menu-mainmenu-1{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.footer-list li{
	font-size: 80%;
	margin-left: 10px;
	color: #999999;
}
.content-footer{
	margin-left: 10px;
}
p.footer-text {
    margin-bottom: 10px;
}
.footer-2 div#custom_html-2 {
    max-width: 30%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 30%;
}
.footer-2 div#custom_html-4 {
    max-width: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}
.form-footer input{
	height: 40px;
	border-radius: 7px;
}
.form-footer input[type=submit]{
	width: 100%;
	font-size: 90%;
}
.form-footer textarea{
	height: 120px;
	border-radius: 7px;
	resize: none;
}
.footer-2 div#custom_html-3 {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}
body div#block_widget-3 {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9;
    margin-bottom: 0;
	width: 300px; 
}
body div#block_widget-3 a {
    margin-bottom: 5px;
}
body div#block_widget-4{
	position: fixed;
	top: 35%;
	right: 0;
	width: 210px;
	z-index: 9;
	transform: translateX(166px);
	transition: all .5s ease;
}
body div#block_widget-4 .donglink{
	display: block;
	width: 100%;
	background-color: #82B514;
	padding: 0;
	border-bottom: 1px solid #fff;
}
body div#block_widget-4 .donglink:first-child{
	border-top: 1px solid #fff
}
body div#block_widget-4 .donglink a{
	margin-bottom: 0px;
}
body div#block_widget-4:hover{
	transform: translatex(0px);
	transition: all .5s ease;
}
.donglink a{
	text-align: left;
}
.donglink a span{
	margin-left: 60px;
}
.donglink.dong1 a{
	background-image: url(/wp-content/uploads/2019/05/icon1-1.jpg);
	background-position: 10px center;
	background-size: 25px;
	background-repeat: no-repeat;
}
.donglink.dong2 a{
	background-image: url(/wp-content/uploads/2019/05/icon2-1.jpg);
	background-position: 10px center;
	background-size: 25px;
	background-repeat: no-repeat;
}
.donglink.dong3 a{
	background-image: url(/wp-content/uploads/2019/05/icon3-1.jpg);
	background-position: 10px center;
	background-size: 25px;
	background-repeat: no-repeat;
}
.donglink.dong4 a{
	background-image: url(/wp-content/uploads/2019/05/icon4-1.jpg);
	background-position: 10px center;
	background-size: 25px;
	background-repeat: no-repeat;
}
.donglink.dong5 a{
	background-image: url(/wp-content/uploads/2019/05/icon5-1.jpg);
	background-position: 10px center;
	background-size: 25px;
	background-repeat: no-repeat;
}
.donglink.dong6 a{
	background-image: url(/wp-content/uploads/2019/05/back-to-top.jpg);
	background-position: 10px center;
	background-size: 25px;
	background-repeat: no-repeat;
}
.back-to-top.button.icon.circle{
	color: var(--primary-color);
}
.back-to-top.button.icon.circle:hover i{
	color: #fff;
}
#popmake-694.pum-container{
	max-width: 40%;
	border-radius: 30px;
}
.popup-trigger{
	text-align: center;
}
.popup-trigger input{
	border-radius: 15px;
}
.popup-trigger input[type=submit]{
	background-color: #fff !important;
	color: #075e8e !important;
	height: 70px;
}
#pum_popup_title_694.pum-title{
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
#pum_popup_title_694.pum-title:after{
	content: "";
	border: 5px solid #fff;
	width: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
}
.pum-overlay.pum-overlay-disabled{
	visibility: initial !important;
}
.pum-theme-254, .pum-theme-default-theme{
	background-color: rgba( 10, 0, 0, 0.66 );
}
@media (max-width: 769px){
	.col-button-tienich .button-tienich{
		width: 48%;
	}
	.video-button-wrapper{
		font-size: 5vw !important;
	}
	#main .gioithieu{
		padding-bottom: 0;
	}
	#footer .footer-1 #menu-mainmenu-1 li{
		width: 47%;
	}
	#footer .footer-2 .widget_custom_html{
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.section.lienhe .white-text{
		text-align: center;
	}
	body div#block_widget-3{
		display: none;
	}
	body div#block_widget-4{
		display: none;
	}
	.video-tongquan .video-row{
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.tongquan-content .col{
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.tongquan-content .image-col{
		padding: 15px !important;
	}
	.tongquan-content .image-col img{
		width: 100%;
	}
	.gioithieu .tongquan-content .right-col-text, .gioithieu .tongquan-content .left-col-text{
		border: none;
		text-align: justify;
	}
	.dulich .lydo .col{
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	.footer-2 div#custom_html-4 .custom-html-widget{
		text-align: center;
	}
	.footer-2 div#custom_html-3 .custom-html-widget img{
		max-width: 70%;
	}
	.time-dangki .col{
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.icon-gioithieu .col{
		max-width: 50%;
    	-ms-flex-preferred-size: 50%;
    	flex-basis: 50%;
		margin: 10px auto;
	}
	#main .icon-banner{
		padding: 15px;
	}
	.form-footer input[type=submit]{
		font-size: 2.5vw;
	}
}
@media(max-width: 415px){
	.dulich .lydo .col{
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		text-align: center;
	}
	.dulich .lydo .col .icon-box-img{
		margin: 15px auto;
	}
	.dulich .lydo .col .icon-box-text{
		flex: auto;
		text-align: center;
	}
	.icon-gioithieu .col{
		max-width: 100%;
    	-ms-flex-preferred-size: 100%;
    	flex-basis: 100%;
		margin: 10px auto;
	}
}
@media (min-width: 769px){
	.video-button-wrapper{
		font-size: 150%;
	}
}