@import url('https://fonts.googleapis.com/css?family=Gamja+Flower');

html, body {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans';
	font-size: 18px;
	color: #222;
}
/*
.ec-wraper-page {
	width: 100%;
    height: 100%;}
*/
p {text-align: justify;}
.container header {
	height: 100%;
    width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 999;
}
#section1 {
	display: block;
    background-image: url(./bg.jpg);
    background-color: #343a40;
    background-origin: content-box;
    background-size: cover;
    background-attachment: scroll;
    background-position: top left;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
}
#section2 {
	padding: 40px 0 40px 0;
	background: #c0c0c02e;
}
#section3 {
	padding: 40px 0 40px 0;
	background: #fff;
}
#section4 {
	padding: 20px 0 20px 0;
	background: #c0c0c02e;
}
#section5 {padding: 40px 0 40px 0;}
#section6 {
	padding: 40px 0 40px 0;
	background: #c0c0c02e;
}
#lienhe {padding: 40px 0 40px 0;}
.header {}
.left-content {margin: 20px 0 20px 0;}
.header-right-content {
	margin: 20px 0 20px 0;
	text-align: right;
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
}
.logo {max-height: 40px;}
.heading {
	padding: 20%;
	text-align: center;
	color: rgba(255,255,255,1);
	margin-bottom: 80px;
}
.hotline a {color: #fff;}
.heading-p {font-size: 20px;}
.heading a {color: #fff;}
.heading a:hover {color: #fff; text-decoration: none;}
.heading h1 {padding-bottom: 20px;}
.heading p {padding-bottom: 20px;}
.heading button {
	border-radius: 25px;
    min-width: 200px;
    font-weight: 500;
	padding: 10px;
}
.ec-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*.landing-page-row {margin-bottom: 30px;}*/
.landing-page-heading {
	display: grid;
	margin: auto;
	text-align: center;
}
.landing-page-heading h2 {
	font-size: 24px;
	line-height: 35px;
	/*padding-bottom: 20px;*/
}
.landing-page-heading-h3 {
	text-align: center;
}
.right-content img {
	max-height: 350px;
	display: grid;
	margin: auto;
}
.left-content-text {
    text-align: justify;
    display: grid;
    margin: auto;
}
.left-content-text h2 {
    font-size: 24px;
    line-height: 35px;
    padding-bottom: 10px;
}
.left-content-text h3 {
    font-size: 22px;
    text-align: center;
    padding-top: 30px;
}
.right-content {
    text-align: right;
    font-size: 18px;
    font-weight: 500;
    display: grid;
    margin: auto;
}
.footer {
	background: #c0c0c02e;
    padding: 30px 0 40px 0;
}
.footer-logo { 
	max-height: 40px;
    margin-bottom: 10px;
}
.lienhe-ul {
	list-style: none;
    padding: 0;
}
.lienhe-ul a {color: #000;}
.tech {
	text-align: left;
	font-weight: normal;
}
.formFooter-heightMask {display: none !important;}
.formFooter {display: none !important;}
.zalo {z-index: 999; position: fixed; bottom: 30px; right: 20px; padding: 2px 0 2px 0; text-align: center; font-weight: bold; line-height: 30px;}
.zalo img {width: 100px;}
/*responsive*/
@media screen and (max-width: 414px) {
	.zalo {left: 20px;}
	.zalo img {width: 60px;}
	.header {text-align: center;}
	.left-content {
	    margin: 20px 0 5px 0;
	}
	.right-content {
		display: grid;
	    text-align: center;
	    font-weight: inherit;
	    font-size: initial;
	    margin: 10px 0 10px 0;
	}
	.heading {
	    padding: 40px 10px 40px 10px;
	    text-align: center;
	    color: rgba(255,255,255,1);
	}
	.heading h1 {
	    padding-bottom: 20px;
	    font-size: 27px;
	    line-height: 40px;
	}
	.right-content img {
		max-width: 300px;
	}
	.left-content-text h3 {margin-top: 30px;}
	#section3 {padding: 0;}
}