* {margin: 0; padding: 0;}
body, html {font-size: 15px; font-family: 'Quicksand', sans-serif;}
a:hover, a:focus {text-decoration: none!important; outline: 0!important;}
.wrap-site .wrap {max-width: 1200px; margin: 0 auto;}
.wrap-site .no-pd {padding: 0;}
.wrap-site .left {float: left;}
.wrap-site .right {float: right;}

.wrap-header {box-shadow: 0 0 20px rgba(0, 0, 0, .4); z-index: 10; background: url('images/bg-header.jpg') no-repeat 90% center; background-size: auto 100%;}
.wrap-header .header-top h1 {margin: 0;}
.wrap-header .header-top h1 span {position: absolute; top: -1000px;}
.wrap-header .header-top img {margin: 10px 0;}
.wrap-header .header-bottom {background: url('images/menu.jpg') repeat-x center center; position: relative; z-index: 99;}
.wrap-header .header-bottom .menu-pc {float: left;}
.wrap-header .header-bottom .menu-pc ul {margin: 0; padding: 0; list-style: none;}
.wrap-header .header-bottom .menu-pc ul li {float: left; margin: 0 1px 0 0;}
.wrap-header .header-bottom .menu-pc ul li a {padding: 0 20px; line-height: 44px; color: #fff; text-transform: uppercase; font-weight: bold; display: block; margin-top: 1px;}
.wrap-header .header-bottom .menu-pc ul li.current-menu-item a {background-color: #62be32;}
.wrap-header .header-bottom .menu-pc ul li.current_page_item a {background-color: #62be32;}
.wrap-header .header-bottom .menu-pc ul li:hover a {background-color: #62be32;}
.wrap-header .header-bottom .menu-ngonngu {display: inline-block; float: right; margin-top: 16px;}
.wrap-header .header-bottom .menu-ngonngu ul {margin: 0; padding: 0; list-style: none;}
.wrap-header .header-bottom .menu-ngonngu ul li {margin: 0 10px; float: left;}
.wrap-header .header-bottom .menu-ngonngu ul li:last-child {margin-right: 0;}
.wrap-header .header-bottom .menu-ngonngu ul li img {width: 20px;}

.wrap-header.fix-menu .header-bottom {position: fixed; top: 0; left: 0; box-shadow: 0 0 20px rgba(0, 0, 0, .2);}

.wrap-footer {}
.wrap-footer .wrap-dangky {background: url('images/bg-dangky.jpg') no-repeat center center; background-size: cover; padding: 40px 0 10px; color: #fff; text-align: center;}
.wrap-footer .wrap-dangky .hotline {font-size: 30px; font-weight: bold; margin-bottom: 10px;}
.wrap-footer .wrap-dangky .hotline a {color: #fff;}
.wrap-footer .wrap-dangky .dang-ky {width: 50%; margin: 20px auto 0; position: relative;}
.wrap-footer .wrap-dangky .dang-ky .nf-before-form-content {display: none;}
.wrap-footer .wrap-dangky .dang-ky .nf-field-label {display: none;}
.wrap-footer .wrap-dangky .dang-ky .nf-after-form-content {display: none;}
.wrap-footer .wrap-dangky .dang-ky .nf-form-content nf-field:nth-child(2) {position: absolute; right: 0; top: 5px;}
.wrap-footer .wrap-dangky .dang-ky .nf-error.field-wrap .nf-field-element:after {border-radius: 0 14px 14px 0;}
.wrap-footer .wrap-dangky .dang-ky .nf-form-content nf-field {margin: 0;}
.wrap-footer .wrap-dangky .dang-ky .nf-form-content {padding-left: 0}
.wrap-footer .wrap-dangky .dang-ky .nf-form-content nf-field:nth-child(1) input {margin-bottom: 10px; border-radius: 14px; height: 40px}
.wrap-footer .wrap-dangky .dang-ky .nf-form-content nf-field:nth-child(2) input {border-radius: 0 12px 12px 0; font-weight: normal; background: #62be32; height: 40px;}
.wrap-footer .footer-main {margin: 30px 0 20px;}
.wrap-footer .title-footer {font-size: 20px; text-transform: uppercase; font-weight: bold; color: #222; margin: 0 0 10px;}
.wrap-footer .footer-left {width: 65%; float: left;}
.wrap-footer .footer-left ul {margin: 0; padding: 0; list-style: none;}
.wrap-footer .footer-left ul li {margin: 5px 0; padding: 0;}
.wrap-footer .footer-left .lien-he {width: 65%; float: left;}
.wrap-footer .footer-left .menu-footer {width: 33%; float: right; text-align: right;}
.wrap-footer .footer-left .menu-footer ul li a {width: 100%; display: block; color: #333;}
.wrap-footer .footer-left .coppyright {padding-top: 10px; margin-top: 50px; border-top: 1px solid #a7a7a7;}
.wrap-footer .footer-left .coppyright .left a {color: #333;}
.wrap-footer .footer-left .coppyright .left p {margin: 10px 0 0;}
.wrap-footer .footer-left .coppyright .right ul {margin: 0; padding: 0; list-style: none;}
.wrap-footer .footer-left .coppyright .right ul li {float: left; margin: 0 5px;}
.wrap-footer .footer-left .coppyright .right ul li a {width: 35px; height: 35px; display: block;}
.wrap-footer .footer-left .coppyright .right ul li:nth-child(1) a {background: url('images/ic-fb.png') no-repeat center center;}
.wrap-footer .footer-left .coppyright .right ul li:nth-child(2) a {background: url('images/ic-yt.png') no-repeat center center;}
.wrap-footer .footer-left .coppyright .right ul li:nth-child(3) a {background: url('images/ic-pt.png') no-repeat center center;}
.wrap-footer .footer-right {width: 33%; float: right;}

@media (max-width: 1240px) {
	.wrap-site .wrap {max-width: 100%; padding: 0 20px;}
}

@media (max-width: 1160px) {
	.wrap-header .header-bottom .menu-pc ul li a {padding: 0 10px;}
}

@media (max-width: 1000px) {
	.wrap-header {background-position: right center;}
	.wrap-header .header-bottom {height: 45px;}
	.wrap-header .header-bottom .menu-pc {display: none;}
	.wrap-header .header-bottom .menu-ngonngu {float: left;}
	.wrap-header .header-bottom .menu-mobile {float: right;}
	.wrap-header .header-bottom .menu-mobile #responsive-menu-button {margin-top: 1px;}
}

@media (max-width: 850px) {
	.wrap-header {background: none;}
	.wrap-header .header-top img {width: 100%; height: auto;}
}

@media (max-width: 768px) {
	.wrap-footer .footer-left {width: 100%;}
	.wrap-footer .footer-right {width: 100%; margin-top: 20px;}
	.wrap-footer .wrap-dangky .hotline {font-size: 20px;}
}

@media (max-width: 600px) {
	.wrap-footer {text-align: center;}
	.wrap-footer .footer-left .lien-he {width: 100%;}
	.wrap-footer .footer-left .menu-footer {width: 100%; text-align: center; margin-top: 20px;}
	.wrap-footer .footer-left .coppyright {margin-top: 20px; border: none;}
	.wrap-footer .footer-left .coppyright .left {width: 100%;}
	.wrap-footer .footer-left .coppyright .right {width: 100%; margin-top: 10px;}
	.wrap-footer .footer-left .coppyright .right ul {display: inline-block;}
	.wrap-footer .wrap-dangky .dang-ky {width: 100%;}
}