@charset "utf-8";

@font-face{font-family:'Philosopher-Regular';src:url('fonts/Philosopher-Regular.eot');src:url('fonts/Philosopher-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Philosopher-Regular.woff') format('woff'),
url('fonts/Philosopher-Regular.ttf') format('truetype'),
url('fonts/Philosopher-Regular.svg#Philosopher-Regular') format('svg');font-style:normal;font-weight:normal;}

@font-face{font-family:'Philosopher-Bold';src:url('fonts/Philosopher-Bold.eot');src:url('fonts/Philosopher-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/Philosopher-Bold.woff') format('woff'),
url('fonts/Philosopher-Bold.ttf') format('truetype'),
url('fonts/Philosopher-Bold.svg#Philosopher-Bold') format('svg');font-style:normal;font-weight:normal;}

@font-face{font-family:'OpenSans-Light';src:url('fonts/OpenSans-Light.eot');src:url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Light.woff') format('woff'),
url('fonts/OpenSans-Light.ttf') format('truetype'),
url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');font-style:normal;font-weight:normal;}

@font-face{font-family:'OpenSans-Regular';src:url('fonts/OpenSans-Regular.eot');src:url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Regular.woff') format('woff'),
url('fonts/OpenSans-Regular.ttf') format('truetype'),
url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');font-style:normal;font-weight:normal;}

@font-face{font-family:'OpenSans-SemiboldItalic';src:url('fonts/OpenSans-SemiboldItalic.eot');src:url('fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-SemiboldItalic.woff') format('woff'),
url('fonts/OpenSans-SemiboldItalic.ttf') format('truetype'),
url('fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic') format('svg');font-style:normal;font-weight:normal;}

@font-face{font-family:'OpenSans-LightItalic';src:url('fonts/OpenSans-LightItalic.eot');src:url('fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-LightItalic.woff') format('woff'),
url('fonts/OpenSans-LightItalic.ttf') format('truetype'),
url('fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');font-style:normal;font-weight:normal;}

@font-face{font-family:'OpenSans-Bold';src:url('fonts/OpenSans-Bold.eot');src:url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Bold.woff') format('woff'),
url('fonts/OpenSans-Bold.ttf') format('truetype'),
url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');font-style:normal;font-weight:normal;}

@font-face{font-family:'Ionicons';src:url('fonts/ionicons/ionicons.eot');src:url('fonts/ionicons/ionicons.eot?#iefix') format('embedded-opentype'),
url('fonts/ionicons/ionicons.woff') format('woff'),
url('fonts/ionicons/ionicons.ttf') format('truetype'),
url('fonts/ionicons/ionicons.svg#ionicons') format('svg');font-style:normal;font-weight:normal;}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{outline:0;border:0;}
body{padding:0;margin:0 auto;color:#1a1b36;background-color:#1a1b37;font-size:16px;font-weight:300;font-family:'OpenSans-Regular', sans-serif;line-height:1.6;}
dl, dt, dd, ol, ul, li, tr, th, td{list-style:none;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
table tr td{padding:3px 0;}
img{border:0;padding:0px;}
a{color:#221f1f;text-decoration:none;cursor:pointer;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
a:hover, a:focus{color:#7f7f7f;text-decoration:none;outline:none;}
*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.no-padding{padding:0px}
strong{font-weight:normal;}
.clearfix{font-size:0px;clear:both}
.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader-wrapper{visibility:hidden;}
#loader{display:block;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid transparent;border-top-color:#fff;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite;z-index:1001;}
.islight #loader{border-top-color:#221f1f;}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
.animatedParent{
	overflow: hidden;
}
.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
    z-index: 9 !important;
    background: #333!important;
}
.img_chienluoc , .img_creation_cont , .img_marketing , .img-dich-vu-tron-goi , .img_commitment , .img_why_themax , .img_special_gift{
	overflow: hidden;
}
.img_creation_cont img , .img_creation_cont img , .img_marketing img , .img-dich-vu-tron-goi img , .img_commitment img , .img_why_themax img , .img_special_gift img{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#background {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
#background div,
#background svg,
#background canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -800px;
	margin-top: -600px;
}
#background img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -350px;
}

/*.full_service{
	overflow: hidden;
	position: relative;
}
#background1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;

}
#background1 div,
#background1 svg,
#background1 canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -800px;
	margin-top: -600px;
}

#background1 img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -350px;
}*/



.wrap_content{width:100%;margin:auto;overflow:hidden;}
#header{position:relative;z-index:50}
.mobile-header{z-index:105;}
.mobile-header .navbar-toggle{position:fixed;display:block;border:0;border-radius:0px;z-index:105;padding:0px;background:transparent;margin:0px;top:25px;right:30px;}
.mobile-header .navbar-toggle .icon-bar{height:3px;width:35px;background:#fff;-webkit-box-shadow:0.2px 0.2px 0px 0.2px rgba(255,255,255,0);-moz-box-shadow:0.2px 0.2px 0px 0.2px rgba(255,255,255,0);box-shadow:0.2px 0.2px 0px 0.2px rgba(255,255,255,0);-webkit-transition:all ease-in-out 0.4s;-moz-transition:all ease-in-out 0.4s;-ms-transition:all ease-in-out 0.4s;-o-transition:all ease-in-out 0.4s;transition:all ease-in-out 0.4s;}
.mobile-header .navbar-toggle .icon-bar + .icon-bar{margin-top:12px;}
.mobile-header .navbar-toggle:hover .icon-bar:nth-child(2){width:28px;}
.mobile-header .navbar-toggle:hover .icon-bar:nth-child(4){width:24px;}
.mobile-header .navbar-toggle:hover, .mobile-header .navbar-toggle:focus{background:transparent;outline:none;}
.icon-bar.bar1{width:28px !important;position:relative;	background:url(../images/menu-close.svg) left top  no-repeat !important;height:32px !important;
}
.icon-bar.bar2,.icon-bar.bar3{ display:none}
.mobile-header .navbar-toggle:hover .icon-bar.bar1{width:50px !important;}
.islight .mobile-header .navbar-toggle .icon-bar{background:#221f1f;}
.mobile-header .navbar-toggle.open .icon-bar{url(../images/menu-open.svg) left top  no-repeat !important;}
.mobile-header .navbar-toggle.open .icon-bar.bar1{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);right:0px !important}
.img-loading{position:fixed;width:30px;height:30px;z-index:105;right:85px;top:50px;}
.navbar-inverse .navbar-collapse{border:0px;max-height:100%;}
.navbar-collapse.collapse{display:none!important;}
.navbar-nav>li{float:none;}
.navbar-text{float:none;margin:15px 0;}
.navigation{position:fixed;z-index:101;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;color:#000; background: url(../images/bg-menu.png) left top repeat ;-webkit-transform:scale(1, 0);-ms-transform:scale(1, 0);transform:scale(1, 0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;transition:all cubic-bezier(.77, 0, .175, 1) .5s;-webkit-perspective:1000;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;}
.no-js .navigation{opacity:1;}
.navigation.is-ready{opacity:1;}
.navigation.is-open{pointer-events:auto;height:100%;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1);}

.navigation .menu-logo{position:absolute;top:40px;left:40px;z-index:10;background:url('../images/logo.svg') no-repeat center center;width:240px;height:100px;background-size:100%;text-indent:999px;display:block;font-size:0px;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;}
.navigation.is-open .menu-logo{opacity:1;-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.navigation .nav-hotline{position:absolute;bottom:20px;left:40px;z-index:10;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;background:#fff}
.navigation .nav-hotline span{min-width:80px;display:inline-block;}
.navigation.is-open .nav-hotline{opacity:1;-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.navigation .nav-hotline a{font-size:18px;font-weight:400;color:#eb1c23;}
::-webkit-input-placeholder{color:rgba(0,0,0,0.9);}
:-moz-placeholder{color:rgba(0,0,0,0.9);opacity:1;}
::-moz-placeholder{color:rgba(0,0,0,0.9);opacity:1;}
:-ms-input-placeholder{color:rgba(0,0,0,0.9);}
.navigation.is-open .social-list{opacity:1;-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.navigation.is-open .social-list.close{opacity:0;-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);z-index:0;}
.navigation-list{position:relative;z-index:1;height:100%;max-height:387px;pointer-events:auto;margin-bottom:0px;font-size:32px;line-height:44px;list-style:none;}
.navigation-item{position:relative;opacity:0;-webkit-transform:translate(0,-50px);-moz-transform:translate(0,-50px);-ms-transform:translate(0,-50px);-o-transform:translate(0,-50px);transform:translate(0,-50px);-webkit-transform:translate3d(0,-50px,0);-moz-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);-o-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);transition:-webkit-transform .2s,opacity .2s;transition:transform .2s,opacity .2s;transition-property:transform, opacity;transition-duration:0.2s, 0.2s;transition-timing-function:initial, initial;transition-delay:initial, initial;}
.navigation-item.last{position:absolute;bottom:20px;font-size:24px;line-height:22px;}
.navigation.is-open .navigation-item{transition:-webkit-transform cubic-bezier(.165, .84, .44, 1) 1s, opacity cubic-bezier(.165, .84, .44, 1) 1s;transition:transform cubic-bezier(.165, .84, .44, 1) 1s, opacity cubic-bezier(.165, .84, .44, 1) 1s;opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.navigation.is-open .navigation-item:nth-child(7){transition-delay:.15s}
.navigation.is-open .navigation-item:nth-child(6){transition-delay:.2s}
.navigation.is-open .navigation-item:nth-child(5){transition-delay:.25s}
.navigation.is-open .navigation-item:nth-child(4){transition-delay:.3s}
.navigation.is-open .navigation-item:nth-child(3){transition-delay:.35s}
.navigation.is-open .navigation-item:nth-child(2){transition-delay:.4s}
.navigation.is-open .navigation-item:nth-child(1){transition-delay:.45s}
.navigation-link{font-family:'Philosopher-Bold'; font-size:20px; text-transform:uppercase; position:relative;color:#fff;display:block;margin-bottom:10px;padding-left:20px;transition:background cubic-bezier(.165,.84,.44,1) .3s;transition-property:background;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-delay:initial;}
.navigation-link:hover, .navigation-link:focus, .navigation-link.active{color:#e7c67d;}
.navigation-link:before{content:'';position:absolute;top:0;left:-11px;width:1px;height:45px;background:#eac880;opacity:0;}
.navigation-link.active:before{opacity:1;}
.navigation-link:after{content:'';position:absolute;top:0;right:20px;width:18px;height:100%;background:url(../images/ico-link-nav.svg) no-repeat right center;opacity:0;}
.navigation-link:hover:after{opacity:1;}
.navigation-item.last .navigation-link{margin-bottom:0;color:#717171;}
.navigation-item.last .navigation-link:hover, .navigation-item.last .navigation-link:focus, .navigation-item.last .navigation-link.active{color:#282828;background:transparent;-webkit-box-shadow:-2px 6px 18px 0px rgba(0,0,0,0);-moz-box-shadow:-2px 6px 18px 0px rgba(0,0,0,0);box-shadow:-2px 6px 18px 0px rgba(0,0,0,0);}
.navigation-item.last .navigation-link.active:before{opacity:0;}
.navigation-item.last .navigation-link.active:after{opacity:0;}
.page-body{width:100%;height:auto;position:relative;margin:0px;padding:0px;z-index:1;}
.home-logo{position:fixed;top:30px;left:30px;z-index:2;opacity:1 !important;background:url('../images/logo.svg') no-repeat center center;background-size:300px;height:60px;width:300px;text-indent:-9999px;display:block;text-indent:-9999px;display:block;}
.hotline{width: 220px;position: fixed;top: 20px;height: 40px;right: 100px;z-index: 10;color: #fff;font-size: 18px;line-height: 40px;padding-left: 15px;    opacity: 1 !important;}

.hotline a{position:absolute;color:#e7c67d;font-family:'OpenSans-Bold';padding-left:10px; font-size:30px}
	.hotline a:before{
		content: '';
		background: url(../images/phone.svg) left top no-repeat;
		background-size: 27px;
		width: 27px;
		height: 27px;
		position: absolute;
		left: -30px;
		top: 6px;
	}
.head-sticky{position:fixed !important;background:#1b1c38;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;height:70px;width:100%;}
.head-sticky .home-logo{top:6px;left:55px;background-size:210px;}
.head-sticky .hotline{top:14px;}
.head-sticky .mobile-header .navbar-toggle{top:20px;}
.wrap-navigation{margin-top:80px}
.logo_m{text-align:center}
	.home-m{
		background:url('../images/logo-m.svg') no-repeat center center;
		width:99px;
		height:60px;
		background-size:99px;
		text-indent:-9999999px;
		display:inline-block;
	}
.main-navi{
	border-top:1px solid #828f9c;
	border-bottom:1px solid #828f9c;
	padding: 30px 0px;
	margin-top:30px;
}
	.hotline_m{margin:auto;text-align: center; max-width:370px; padding:10px 0px;border-bottom:1px solid #828f9c;}
		.hotline_m a{color:#e7c67d;font-family:'OpenSans-Bold';padding-left:10px; font-size:30px; position:relative;}
		.hotline_m a:before{
			content: '';
			background: url(../images/phone.svg) left top no-repeat;
			background-size: 27px;
			width: 27px;
			height: 27px;
			position: absolute;
			left: -30px;
			top: 6px;
		}
.gp1_t,.gp2_t{text-align: center;   margin: auto !important;    display: block;    width: 100%;    left: 0px !important;}	
	.gp2_t span{text-transform:uppercase}
.bg-group{background:url(../images/bg-gp.png) center bottom no-repeat; width:100% ; height:478px; position:absolute; z-index:5; bottom:10px;    background-size: 926px;}
.gpbanhang .g_gp{
	font-family:'OpenSans-Light';
	font-size:17px;
	position:relative;
	line-height: 26px;
}
	.gpbanhang .g_gp span{font-size:17px;}
.giaiphap1{
	background:url(../images/bg-gp1.png) left top no-repeat;
	background-size:323px;	
	height:92px;
	width:323px;	
	padding-left: 98px;
    padding-top: 20px;
}
	.g_gp{color:#fff}
	.g_gp span{display:block;font-family:'OpenSans-Light';	font-size:24px;}
	.giaiphap1:before{
		content:'';
		position:absolute;
		background:url(../images/ico-gphap1.svg) left top no-repeat;
		width:47px;
		height:57px;
		background-size:47px;	
		left: 40px;
	}
.giaiphap2{
	background:url(../images/bg-gp2.png) left top no-repeat;
	background-size:398px;	
	height:92px;
	width:398px;
	padding-left: 108px;
    padding-top: 20px;
}
	.giaiphap2:before{
		content:'';
		position:absolute;
		background:url(../images/ico-gphap2.svg) left top no-repeat;
		width:58px;
		height:57px;
		background-size:58px;	
		left: 40px;
	}
.giaiphap3{
	background:url(../images/bg-gp3.png) left top no-repeat;
	background-size:323px;	
	height:92px;
	width:323px;
	padding-left: 108px;
    padding-top: 20px;
}
	.giaiphap3:before{
		content:'';
		position:absolute;
		background:url(../images/ico-gphap3.svg) left top no-repeat;
		width:60px;
		height:58px;
		background-size:60px;	
		left: 40px;
	}
.understand{background:#fff; padding:40px 0px;}
	.title_c{
		color:#0b2948;
		font-size:27px;
		font-family:'Philosopher-Bold';
		text-align:center;	
		position:relative;
		padding-bottom: 15px;
		text-transform: uppercase;
	}
		.title_c:before{
			content:'';
			position:absolute;	
			width:60px;
			height:5px;
			background:#e7c67d;
			bottom:0px;
			text-align:center;
			left: 50%;
    		margin-left: -30px;
		}
	.title_l{
		color:#0b2948;
		font-size:28px;
		font-family:'Philosopher-Bold';
		text-align:left;	
		position:relative;
		padding-bottom: 12px;
		text-transform: uppercase;
		margin-top:0px
	}
		.title_l:before{
			content:'';
			position:absolute;	
			width:60px;
			height:4px;
			background:#e7c67d;
			bottom:0px;
			text-align:center;
			left: 0px;
		}
.list_under .cont_ico,.list_under .sale_fas_ico,.list_under .revenus_ico{	
		width: 90px;
		height: 90px;
		display: block;
		margin: auto;
		max-width: 100%;
		border-radius: 50%;
		position:relative
}
	.list_under .cont_ico:before,.list_under .sale_fas_ico:before,.list_under .revenus_ico:before{
		-webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
		-moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
		-ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
		-o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
		animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%; 
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		position:absolute;
		content:'';
		opacity:.1;
		border-radius: 50%;
		width: 95px;
		height: 95px;	
		left:-3px;
		top:-3px
	}

	.cont_ico:before{
		background: rgba(34,146,208,1);
	}
		.list_under .ico_cont,.list_under .ico_sale_fas,.list_under .ico_revenus{			
			width: 70px;
			height: 70px;
			display: block;
			margin: auto;
			max-width: 100%;
			border-radius: 50%;
			position:relative;
			top:10px
		}
		.ico_cont{
			background: rgba(34,146,208,1);
		}
			.ico_cont:before{
				content:'';
				position:absolute;
				width:40px;
				height:32px;
				background:url(../images/ico_cont.svg) center center no-repeat;
				background-size:40px;
				left: 19px;
    			top: 20px;
					
			}
	.sale_fas_ico:before{
		background: rgba(28,174,77,1);
	}
		.ico_sale_fas{
			background: rgba(28,174,77,1);
		}
			.ico_sale_fas:before{
				content:'';
				position:absolute;
				width:31px;
				height:33px;
				background:url(../images/ico_sale_fas.svg) center center no-repeat;
				background-size:31px;
				left: 22px;
    			top: 19px;
					
			}
	.revenus_ico:before{background: rgba(239,63,75,1);	}
		.ico_revenus{
			background: rgba(239,63,75,1);
		}
			.ico_revenus:before{
				content:'';
				position:absolute;
				width:33px;
				height:33px;
				background:url(../images/revenus_ico.svg) center center no-repeat;
				background-size:33px;
				left: 19px;
    			top: 17px;
					
			}
			
	@-moz-keyframes quick-alo-circle-fill-anim {
		0% {
			-moz-transform:rotate(0) scale(.9) skew(1deg);
			opacity:.2;
		}
		50% {
			-moz-transform:rotate(0) -moz-scale(1) skew(1deg);
			opacity:.2;
		}
		100% {
			-moz-transform:rotate(0) scale(.9) skew(1deg);
			opacity:.2;
		}
	}
	@-webkit-keyframes quick-alo-circle-fill-anim {
		0% {
			-webkit-transform:rotate(0) scale(.9) skew(1deg);
			opacity:.2;
		}
		50% {
			-webkit-transform:rotate(0) scale(1) skew(1deg);
			opacity:.2;
		}
		100% {
			-webkit-transform:rotate(0) scale(.9) skew(1deg);
			opacity:.2;
		}
	}
	@-o-keyframes quick-alo-circle-fill-anim {
		0% {
			-o-transform:rotate(0) scale(.9) skew(1deg);
			opacity:.2;
		}
		50% {
			-o-transform:rotate(0) scale(1) skew(1deg);
			opacity:.2;
		}
		100% {
			-o-transform:rotate(0) scale(.9) skew(1deg);
			opacity:.2;
		}
	}			
			
			
			
/*phone call*/			
			
@-moz-keyframes quick-alo-circle-img-anim {
	0% {
		transform:rotate(0) scale(1) skew(1deg);
	}
	10% {
		-moz-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-moz-transform:rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-moz-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-moz-transform:rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-moz-transform:rotate(0) scale(1) skew(1deg);
	}
	100% {
		-moz-transform:rotate(0) scale(1) skew(1deg);
	}
}
@-webkit-keyframes quick-alo-circle-img-anim {
	0% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
	}
	10% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
	}
	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
	}
}
@-o-keyframes quick-alo-circle-img-anim {
	0% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
	10% {
		-o-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-o-transform:rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-o-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-o-transform:rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
	100% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
}			
/*End phone call*/			
			
			
.thanks .section_1 {
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 0;
}			
.section_1.thanks .container{position:relative}
.section_1.thanks.section_1{background:url(../images/banner-top-tk.jpg) left top no-repeat;position:fixed;background-size:cover;}
.content_t h2{font-size:16px;color:#fff;font-family: 'Kanit', sans-serif;font-weight:400}
.content_t h2 span{}
.content_t p{font-family:'Kanit';font-size:16px;color:#fff;    margin-bottom: 5px;}
	.content_t p a{color:#fff}
.content_t{position:absolute;top:41%;left:50%;margin-left:-25px}
.content_t h1{color:#ebd07e;font-size:27px;font-family:'Kanit';text-transform:uppercase;margin-top:35px; font-weight:700}
.content_t h1 span{font-size:20px;font-family:'Kanit';color:#fff;font-weight:400}
.website:before{content:"\f4d2";font-family:"Ionicons";color:#fff;font-size:21px;margin-right:10px;vertical-align:middle;line-height:26px;}
.address:before{content:"\f455";font-family:"Ionicons";color:#fff;font-size:23px;margin-right:10px;vertical-align:middle;margin-left:3px;line-height:26px;}
.phone:before{content:"\f4b8";font-family:"Ionicons";color:#fff;font-size:27px;margin-right:10px;vertical-align:middle;margin-left:3px;line-height:26px;}
.home_back{background:#e6c37b;height:60px;line-height:60px !important;text-align:left;position:relative;max-width:200px;margin-top:35%;top:-3px;margin-left:300px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
.home_back:before{content:"";position:absolute;border-bottom:60px solid #e6c37b;border-top:0px;border-left:34px solid transparent;right:100%;top:0px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
.home_back:after{content:"";position:absolute;border-bottom:60px solid #e6c37b;border-right:34px solid transparent;left:100%;top:0px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
.home_back p{color:#3d3d3d;font-size:20px;text-transform:uppercase;font-family:'Kanit';text-align:center}
.home_back p span{font-family:'Kanit-Bold';}
.home_back p span:after{content:"\f3d5";font-family:"Ionicons";color:#3d3d3d;font-size:41px;vertical-align:middle;margin-right:10px;font-weight:bold;}
.home_back:hover{background:#0468b2;}
.home_back:hover p,.home_back:hover p span:after,.back_themax:hover p span:after{color:#fff}
.home_back:hover:after{border-bottom:60px solid #0468b2;}
.home_back:hover:before{border-bottom:60px solid #0468b2;}
.back_themax{background:#e6c37b;height:60px;line-height:60px !important;text-align:left;position:relative;max-width:330px;margin-top:8px;margin-left:595px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
.back_themax:before{content:"";position:absolute;border-top:60px solid #e6c37b;border-left:40px solid transparent;right:100%;top:0px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
.back_themax:after{content:"";position:absolute;border-bottom:60px solid #e6c37b;border-right:40px solid transparent;left:100%;top:0px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
.back_themax p{color:#3d3d3d;font-size:20px;text-transform:uppercase;font-family:'Kanit';text-align:center}
.back_themax p span{font-family:'Kanit'; font-weight:600}
.back_themax p span:after{content:"\f3d6";font-family:"Ionicons";color:#3d3d3d;font-size:41px;vertical-align:middle;margin-left:10px;font-weight:bold;}
.back_themax:hover{background:#0468b2;}
.back_themax:hover p,.home_back:hover p span:after{color:#fff}
.back_themax:hover:after{border-bottom:60px solid #0468b2;}
.back_themax:hover:before{border-top:60px solid #0468b2;}			
			
			
			
			
			
			
			
			
.consultant,.sale_fas,.revenus{position:relative; z-index:2}			
.list_under{margin-top:40px;position: relative;}			
	.list_under h4{
		color:#4c4c4c;
		font-size:16px;
		text-transform:uppercase;
		text-align: center;	
		font-family:'OpenSans-Bold';
	}
		.list_under h4 span{display:block;padding-top: 6px;}
	.line-list{
		background: #f7f5f5;
		width: 100%;
		margin: auto;
		min-height: 2px;
		position: relative;
		top: -104px;
		max-width: 730px;
		z-index: 1;
	}
		.line-list:before,.line-list:after{content:'';width: 30px;height:29px;position: absolute;top: -13px; background-size:23px !important}
		.line-list:before{background:url(../images/item-list.png) left center no-repeat;left: 150px;}
		.line-list:after{
			background:url(../images/item-list.png) left center no-repeat;right: 155px;
		}
.we-know{
	background:#fbf9f9;
	padding:40px 15px 60px;
	margin:30px 0px 15px;
	position:relative;
	text-align:center
}
	.we-know:before{
		background:url(../images/we-know-l.png) left top no-repeat;
		width:290px;
		height:87px;
		content:'';
		position:absolute;
		top:20px;
		left:20px
	}
	.we-know:after{
		background:url(../images/we-know-r.png) right bottom no-repeat;
		width:290px;
		height:87px;
		content:'';
		position:absolute;
		bottom:20px;
		right:20px
	}
	.title_wn{
		color:#2d2d2d;
		font-size:18px;
		font-family:'OpenSans-Bold';
		text-transform:uppercase;
		padding:15px 0px
	}
	.we-know p{
		font-family:'OpenSans-Regular';
		text-align:center;
			
	}
		.we-know p span{display:block}
		.we-know p strong{font-family:'OpenSans-Bold';}
		.view_more{color:#2d2d2d; text-transform:uppercase; font-size:15px; background:#e7c67d; padding:5px 0px 5px 20px;display:inline-block;    line-height: 30px;font-family:'OpenSans-Bold';    	margin-top: 5px;
		moz-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		-webkit-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		position:relative;
		}
			.view_more p{font-family:'OpenSans-Bold'; margin-bottom:0px; position:relative;z-index:2; padding-right:50px;}
			.view_more:hover{
				background:#ebd180;
				moz-transition: all .4s ease-in-out;
				-o-transition: all .4s ease-in-out;
				-webkit-transition: all .4s ease-in-out;
				transition: all .4s ease-in-out;
			}
			.view_more:hover p{color:#fff}
			.view_more span{
				font-size:22px;font-family:'OpenSans-Regular';line-height: 20px;
				vertical-align:bottom; position:absolute;animation-name:arrow;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;-webkit-animation-name:arrow;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-play-state:running;
				top:2px;
				right:15px
				}
			@keyframes arrow{
				0%{right:10px;}
				60%{right:25px; color:#1b92cf}
				100%{right:10px;}
			}
			@-webkit-keyframes arrow{0%{left:10px;}
				60%{right:25px; color:#1b92cf}
				100%{right:10px;}
			}
			@-moz-keyframes arrow{0%{right:10px;}
				60%{right:25px; color:#1b92cf}
				100%{right:10px;}
			}	
				
				
			.view_more span.norm{				
				text-transform: lowercase;font-family:'OpenSans-Bold';font-size: 16px;
				top: 0px !important;
			}
			.cont_creation .view_more{padding: 5px 20px;}
				.cont_creation .view_more p{padding-right:0px}
				.cont_creation .view_more:hover{color:#fff !important}
			.cont_creation .view_more span{    animation-name: none; top: -2px; position: inherit;   right: 0px;    line-height: 30px;}
			
		.view_more:before {
			content:'';
			position: absolute;
			top: 0px;
			left: 0px;
			width: 0px;
			height:40px;
			background: rgba(34,146,208,1);
			moz-transition: all .4s ease-in-out;
				-o-transition: all .4s ease-in-out;
				-webkit-transition: all .4s ease-in-out;
				transition: all .4s ease-in-out;
				z-index:0
		} 	
		.view_more:hover:before {
			width: 100%;
		}
			
.themax_agency{
	background: url(../images/themax-acency.jpg) center top no-repeat;
	background-size:cover;
	padding:110px 0px 125px;
	position: relative;
	
}
	.logo-themax-agency{text-align:center}
	.logo-themax-agency img{
		max-width:222px;
		margin-top:70px;
		-webkit-animation-name: hvr-bob-float,hvr-bob;
		animation-name: hvr-bob-float,hvr-bob;
		-webkit-animation-duration: .3s,1.5s;
		animation-duration: .3s,1.5s;
		-webkit-animation-delay: 0s,.3s;
		animation-delay: 0s,.3s;
		-webkit-animation-timing-function: ease-out,ease-in-out;
		animation-timing-function: ease-out,ease-in-out;
		-webkit-animation-iteration-count: 1,infinite;
		animation-iteration-count: 1,infinite;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-direction: normal,alternate;
		animation-direction: normal,alternate;
	}

	@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}
	@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}
	@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}
	@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}

.right_agency h2{
	font-family:'Philosopher-Bold';
	font-size:30px;
	color:#fefefe;
	line-height: 40px;
	position:relative;
	padding-bottom:20px;
	margin-top:0px
}
	.right_agency h2 span{
		display:block
	}	
	.right_agency h2:after{
		position:absolute;
		content:'';
		left:0px;
		bottom:0px;
		width: 60px;
		height: 5px;
		background: #fff;	
	}
	
.history,.marketing,.full_service,.commitment,.reason_choose{
	background:#fff;	
	padding:80px 0px 90px;
}
	
	.cont_history{
		padding-top: 75px;	
	}
	.cont_procedure{padding-top:20px}
	.cont_creation{padding-top:40px}
.creation_cont{
	background: url(../images/content-is-king.jpg) center top no-repeat;
	background-size:cover;
	padding:90px 0px 110px;
	position: relative;
}
	.cont_creation h2{color:#fff}
		.cont_creation .title_l:before {
			background: #fff;
		}
		

	.content_black,.content_white{
		font-family:'OpenSans-Regular'; 
		font-size:17px;
		letter-spacing: 0px;
		margin:20px 0px 25px;
		line-height:25px;
	}
	.content_black{ color:#2d2d2d; }
		.content_black span,.content_white span{font-family:'OpenSans-Bold';}
	.content_white{color:#fff; }	
	.quote_mar{
		background:#f2f2f2;
		padding:20px 30px;
		border-left:8px solid #126ab3;
		margin-bottom:30px;	
		font-family:'OpenSans-LightItalic';
		color:#126ab3;
		font-size:16px;
		line-height: 26px;
	}
		.quote_mar span{font-family:'OpenSans-SemiboldItalic';}

.img_h{position:relative; overflow:hidden}
	.img_h:before{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
		-webkit-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
	}
	.img_h:after{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
	}
	.img_anima:hover .img_h:before{
		right: 50%;
		left: 50%;
		width: 0;
		background: rgba(255, 255, 255, 0.5);
	}
	
	.img_anima:hover .img_h:after{
		height: 0;
		top: 50%;
		bottom: 50%;
		background: rgba(255, 255, 255, 0.5);
	}








		
.procedure_cont{
	background: url(../images/bg-quy-trinh-chuyen-nghiep.jpg) center top no-repeat;
	background-size:cover;
	padding:70px 0px 90px;
	position: relative;
}		
	.procedure_cont h2{color:#fff}	
	.img-quytrinh img{max-width: 420px;    margin: auto;}
		
.channels_social{background: url(../images/bg-kenh-truyen-thong.jpg) center top no-repeat;background-size:cover;padding:80px 0px 90px;position: relative;}
	.channels_social .title_l:before { background: #000;}	
	.cont_channels{padding-top:50px}
	.img_kenhtt img{max-width: 460px; margin:auto}
.why-themax{background: url(../images/why-themax.jpg) center top no-repeat;background-size:cover;padding:80px 0px 90px;position: relative;}
	.why-themax .title_l, .special_gift .title_l{
		color:#fff
	}
	.why-themax .title_l:before,.special_gift .title_l:before, .cont_procedure .title_l:before{background: #fff;}
	.why-themax-logo{
		background: url(../images/why-themax-logo-show.png) center top no-repeat;	
		padding-top:20px;
		margin-top:5px
	}
	.why-themax-logo img{max-width:219px;margin:5px auto 0px}
	.cont_why-themax{padding-top:25px}
	.img-ldc{max-width:460px;    margin: auto; margin-top:-45px}
	.cont_reason_choose{padding-top:70px}
.project_customers{
	background:#f9eed8;	
	position: relative;
	padding:70px 0px 0px;
	position: relative;
}
	.project_customers .content_black{margin-bottom:0px}
#album-master{position:relative}
	.slick-prev{background: none;border: none; }
		.slick-prev:before{
			content: "\f3d2";
			font-family: "Ionicons";
			color: #e0bb6a;
			font-size: 50px;
			vertical-align: bottom;
			position: absolute;
			top: 337px;
			left: -30px;
			height: 30px;
			line-height: 30px;
		}
	.slick-next{background: none;border: none;}
		.slick-next:before{content:"\f3d3";font-family:"Ionicons";color:#e0bb6a;font-size:50px;vertical-align:bottom;position: absolute;top: 337px;right: -30px;height: 30px;line-height: 30px;}
	
	.slick-list:after{position:absolute;width:2px;content:'';right:0px;height:100%;background:#f8eed8;top:0px;}
	.wrap_uli{min-height:210px;    text-align: center;}
	.wrap_uli img{text-align:center;margin:auto}
	.wrap_uli .logo-datxanh{width:222px;padding-top:30px;}
	.wrap_uli .logo-opalgarden{width: 180px;padding-top: 47px;}
	.wrap_uli .logo-centapark{padding-top:35px;width:250px;}
	.wrap_uli .logo-opalriverside{width:142px;padding-top:69px;}
	.wrap_uli .AriyanaSmartCondotel{width: 168px;padding-top: 69px;}
	.wrap_uli .logo-aurora{padding-top: 51px;width: 144px;}
	.wrap_uli .megavillage{width: 253px;padding-top: 37px;margin-left: 40px;}
	.wrap_uli .logo-luxgarden{width: 157px;padding-top: 50px;}
	.wrap_uli .logo-khangdien{width: 260px;padding-top: 35px;}
	.wrap_uli .logo-melosagarden{width: 176px;padding-top: 67px;}
	.wrap_uli .logo-dragonvillage{width: 170px;padding-top: 59px;}
	.wrap_uli .logo-gemriverside{width: 150px;padding-top: 60px;}
	.wrap_uli .logo-dragonhill{width: 225px;padding-top: 79px;}
	.wrap_uli .logo-land{width: 100%; padding-top: 57px;max-width: 131px;}
	.wrap_uli .logo-hadocentrosagarden{width: 230px;padding-top: 89px;}
	.wrap_uli .logo-charmingtoniris{width: 198px;padding-top: 66px;}
	.wrap_uli .logo-goldview{width: 110px;padding-top: 50px;}
	.wrap_uli .logo-phulong{padding-top: 47px;    max-width: 200px;}
	.wrap_uli .logo-dragonriverside{padding-top: 79px;width: 190px;}
	.wrap_uli .logo-namlong{padding-top: 42px;    max-width: 200px;}
	
	.wrap_uli .logo-rome{padding-top: 70px;max-width: 148px;}
	.wrap_uli .logo-akari-city{padding-top: 79px;max-width: 160px;}
	.wrap_uli .logo-jamonaheights{padding-top: 76px;max-width: 210px;}
	.wrap_uli .logo-theregal{padding-top: 73px;max-width: 210px;}
	.wrap_uli .logo-carillon{padding-top: 71px;max-width: 171px;}
	.wrap_uli .logo-luxcity{padding-top: 51px;max-width: 151px;}
	.wrap_uli .logo-opalskyview{padding-top: 60px;  max-width: 167px;}
	.wrap_uli .logo-solvillas{padding-top: 60px;  max-width: 90px;}
	.wrap_uli .logo-thepanoramadalat{padding-top: 38px;    max-width: 120px;}
	
	
	
	
	
	
	
	
	.slick-slide>div:nth-child(1){border-right:1px solid #e0bb6a;border-bottom:1px solid #e0bb6a}
	.slick-slide>div:nth-child(2){border-right:1px solid #e0bb6a;}

.special_gift{
	background: #e9697c url(../images/bg-qua-tang-dac-biet.jpg) center top no-repeat;padding:0px 0px 0px;position: relative;
}
	.special_gift #qua-tang-loc-phat{padding:80px 0px 0px}
	.special_gift ul{margin-top:15px}
	.special_gift ul li{
		background:url(../images/gift.svg) left 3px no-repeat;
		background-size:41px;
		padding-left:65px;
		font-family:'Philosopher-Regular';
		color:#fff;
		font-size:20px;
		line-height: 25px;
		margin-bottom: 10px;
	}
		.img_qua-tang-loc-phat{max-width: 490px;margin: auto;}
.contact{
	background: url(../images/contact.jpg) center top no-repeat;	
	position: relative;
}
	.main_contact{margin-top:0px;}
				.info_contact{background:#fff; padding:30px 50px;    margin-top: 70px;}
				.info_contact .note{position:relative; padding:40px 50px; text-align:center;}
					.info_contact .note:before {
						background: url(../images/we-know-l.png) left top no-repeat;
						width: 290px;
						height: 87px;
						content: '';
						position: absolute;
						top: 0px;
						left: 0px;
					}
					.info_contact .note:after {
						background: url(../images/we-know-r.png) left top no-repeat;
						width: 290px;
						height: 87px;
						content: '';
						position: absolute;
						bottom: 0px;
						right: 0px;
					}
					.note_cont{
						font-family:'OpenSans-SemiboldItalic';
						font-size:16px
					}
						.note_cont span{display:block}
			
			.form_contact{
				background:#73d3e9;
				padding:30px 50px	
			}
				.contact-f li{margin-bottom:15px}
					.contact-f input{
						width:100%;
						border-radius:15px;
						padding:5px	;
						border-color:transparent;
						color:#8a8a8a;
						font-family:'OpenSans-Light';
						font-size:16px;
						text-align:center
					}
					.contact-f .bt-submit{background:#52b6ee; display:inline-block;max-width: 230px; color:#fff; font-size:14px;font-family:'OpenSans-Bold'; line-height:25px}
					.txtContent{text-align:center}
				::-webkit-input-placeholder { /* Chrome */
				  color: #8a8a8a;
				}
				:-ms-input-placeholder { /* IE 10+ */
				  color: #8a8a8a;
				}
				::-moz-placeholder { /* Firefox 19+ */
				  color: #8a8a8a;
				  opacity: 1;
				}
				:-moz-placeholder { /* Firefox 4 - 18 */
				  color: #8a8a8a;
				  opacity: 1;
				}
	.copy-right{
		color:#becdd6;
		text-align:center;
		font-size:16px;	
		font-family:'OpenSans-Light';
		padding:40px 0px 20px
	}
		.copy-right p{display:inline}
		.copy-right a{color:#becdd6;font-size:16px;font-family:'OpenSans-Light';}
		
		.heart {
			width: 20px;
			height: 20px;
			background:url(../images/heart.svg) left -3px no-repeat;
			background-size:20px;
			display:inline-block;
			vertical-align:middle
		}
	.contact-f .error{color:red;    font-weight: normal;}

.company_f{text-align:center;    margin-top: 60px;}
	.company_f h5{font-family:'OpenSans-Bold'; color:#fff; font-size:20px}
	.company_f p{color:#fff; margin-bottom:5px;    font-size: 15px;}
		.company_f p span,.company_f p span a{font-family:'OpenSans-Bold'; color:#fff}
.contact-m{display:none}	
@media screen and (min-width:1440px){
	.bg-group {bottom: 50px;}
	.gpbanhang .g_gp,.gpbanhang .g_gp span{font-size: 20px;}
	.understand {padding: 80px 0px;	}
	.title_c,.title_l {font-size: 30px;}
		.title_l:before {height:5px;}
	.list_under .cont_ico, .list_under .sale_fas_ico, .list_under .revenus_ico {width: 110px; height: 110px;}
	.list_under .ico_cont, .list_under .ico_sale_fas, .list_under .ico_revenus {width: 90px;height: 90px;}
	.ico_cont:before {left: 24px;top: 30px;	}	
	.ico_sale_fas:before {left: 32px;top: 29px;}
	.ico_revenus:before {left: 27px;top: 25px;}
	.list_under h4 { font-size: 18px;}
	.title_wn {font-size: 20px;}
	.view_more{font-size:16px;}
	.themax_agency {padding: 130px 0px 125px;	}
	.history, .marketing, .full_service, .commitment, .reason_choose {
		padding: 135px 0px 140px;
	}
	.creation_cont{padding: 150px 0px 170px;}
	.img-quytrinh img {max-width: 497px;}
	.quote_mar {line-height: 29px;}
	.procedure_cont {padding: 90px 0px 110px;}
		.cont_procedure {
			padding-top: 35px;
		}
	.img_kenhtt img {max-width: 470px;	}
	.channels_social {padding: 115px 0px 120px;	}
	.why-themax {padding: 140px 0px 140px;	}
	.img-ldc {
		max-width: 550px;
		margin-top: -75px;
	}
	.project_customers {padding: 70px 0px 20px;	}
	.special_gift ul li {min-height: 45px;	}
		.special_gift ul li:nth-child(2),.special_gift ul li:nth-child(4){line-height:60px}
	.line-list {top: -117px;	}
		.line-list:before, .line-list:after {top: -13px;background-size: 27px !important;	}
	.slick-prev:before,.slick-next:before {top: 342px;	}
	.list_under .cont_ico:before, .list_under .sale_fas_ico:before, .list_under .revenus_ico:before {
		width: 120px;
		height: 120px;
		left: -5px;
		top: -5px;
	}
.section_1.thanks.section_1 {
    background: url(../images/banner-top-tk.jpg) center top no-repeat;
    background-size: cover;
}
	.home_back {
		height: 60px;
		line-height: 60px !important;
		max-width: 225px;
		margin-left: 269px;
		margin-top: 39%;	
	}
	.back_themax {margin-left: 592px;    margin-top: 20px;}
	.content_t {
		top: 42%;
		left: 50%;
	}
	.content_t h2 {
		font-size: 18px;
	}
	.content_t p {
		font-size: 17px;
		margin-bottom: 7px;
	}
	.content_t h1 {
		font-size: 29px;
	}
	.wrap_uli .logo-land {
		padding-top: 61px;
	}
}
@media screen and (min-width:1600px){
	.bg-group {bottom: 80px;}
	.tp-caption.medium_bg_asbestos{font-size:55px !important;}
		.tp-caption.medium_bg_asbestos span{line-height: 40px !important;}
	.logo-themax-agency img {max-width: 272px;margin-top: 50px;}
	.img_qua-tang-loc-phat {max-width: 100%;}
	.special_gift #qua-tang-loc-phat {padding: 120px 0px 30px;}
	.slick-prev:before,.slick-next:before {top: 356px;	}
	.content_t {
		top: 44%;
		left: 50%;
	}
	.home_back {
		height: 60px;
		line-height: 60px !important;
		max-width: 245px;
		margin-left: 254px;
		margin-top: 41%;
		top: 4px;
	}
	.back_themax {
		margin-left: 590px;
		margin-top: 14px;
	}
}



@media screen and (min-width:1680px){
	.bg-group {background-size: 1077px;}
		.gpbanhang .g_gp, .gpbanhang .g_gp span {font-size: 24px;}
		.tp-caption.medium_bg_asbestos{font-size:65px !important;}
		.tp-caption.medium_bg_asbestos span{line-height: 50px !important;}
	.gpbanhang .g_gp{line-height:20px;height: 105px; margin-top:50px !important}	
	.giaiphap1 {
		background-size: 374px;
		width: 374px;
		padding-left: 103px;
    	padding-top: 24px;
		margin-left:-80px !important
	}	
	
	.giaiphap2 {
		background-size: 449px;		
		width: 449px;
		padding-left: 108px;
    	padding-top: 20px;
		margin-left:-30px !important
	}	
	.giaiphap3 {
		background-size: 374px;		
		width: 374px;
		padding-left: 120px;
    	padding-top: 25px;
		margin-left:20px !important
	}			
		
	.list_under {margin-top: 50px;	}	
	.understand {padding: 117px 0px;}	
	.line-list:before, .line-list:after {
		top: -14px;
		background-size: 30px !important;
	}
	.content_black, .content_white {line-height: 32px;	}	
	.img-quytrinh img {max-width: 557px;	}	
	.cont_procedure {padding-top: 55px;}
	.special_gift ul {margin-top: 30px;}
	.home_back {
		max-width: 295px;
		margin-left: 200px;
		margin-top: 48%;
		top: 4px;
	}
		.home_back p {  font-size: 25px;}
			.home_back p span {  position: relative;  top: -2px;}
	.back_themax {
		margin-left: 587px;
		margin-top: 14px;
		max-width: 420px;
	}
		.back_themax p {
			font-size: 25px;
		}
	.content_t {
		top: 45%;
		left: 50%;
	}
		.content_t h2 {
			font-size: 21px;
		}
		.content_t p {
			font-size: 18px;
			margin-bottom: 7px;
		}
		.content_t h1 {
			font-size: 33px;
			margin-bottom: 15px;
		}
	.wrap_uli .logo-land {
		padding-top: 56px;
		max-width: 139px;
	}
}
@media screen and (min-width:1920px){
	.hotline a {font-size: 30px;}
.bg-group {
	height: 478px;
	bottom: 90px;
	background-size: contain;
}	
	.gpbanhang .g_gp {margin-top: 20px !important;	}
		.tp-caption.medium_bg_asbestos{font-size:75px !important}
			.tp-caption.medium_bg_asbestos.gp2_t span {line-height: 90px !important;}
		.group_gp1 {margin-top: 50px !important;    margin-left: -10px !important;}		
			.giaiphap1 {
				background-size: 374px;
				height: 105px;
				width: 374px;
				padding-left: 108px;
			}
				.giaiphap1:before{width:47px; height:57px;    background-size: 47px;}
		.group_gp2 { margin-top: 50px !important;    margin-left: -10px !important;}	
			.giaiphap2 {
				background-size: 449px;
				height: 105px;
				width: 448px;
			}
		.group_gp3 {margin-top: 50px !important;    margin-left: -10px !important;}		
			.giaiphap3 {
				background-size: 374px;
				height: 105px;
				width: 374px;
			}
	.logo-themax-agency img {max-width: 292px;    margin-top: 40px;}
	 .img_kenhtt img{max-width: 100%;}
	.img-ldc {
		max-width: 100%;
		margin-top:0px
	}
	.cont_reason_choose {padding-top: 160px;	}
	.slick-prev:before, .slick-next:before {top: 344px;}
	
.title_c {
    font-size: 30px;
}	
	
	.cont_ico,.sale_fas_ico,.revenus_ico {width: 110px;height: 110px;}
		.ico_cont,.ico_sale_fas,.ico_revenus {width: 90px;height: 90px;}
.list_under{margin-top:50px;}		
	.list_under h4 {font-size: 18px;}	
.we-know {
    padding: 50px 15px 70px;
    margin: 50px 0px 15px;
}	
	
	.line-list {top: -120px;	}
		.line-list:before,.line-list:after{background-size: 30px;}
	.title_wn{font-size:18px;}
.content_black,.content_white {line-height: 25px;}
.quote_mar{line-height:30px;}
.title_l {
    font-size: 30px;padding-bottom: 15px;
}	
	
.title_l:before{height:5px;}	
.home_back {
    max-width: 302px;
    margin-left: 188px;
    margin-top: 50%;
    top: 7px;
}
.back_themax {
    margin-left: 587px;
    margin-top: 23px;
    max-width: 420px;
}
	.content_t p {
		font-size: 18px;
		margin-bottom: 12px;
	}
	.content_t h1 {
		font-size: 33px;
		margin-top: 41px;
	}
}


@media screen and (max-width:1280px){
	.img-ldc {
		max-width: 420px;
		margin-top: -45px;
	}
	.special_gift ul li {height: 45px;}
		.special_gift ul li:nth-child(2),.special_gift ul li:nth-child(4){line-height:60px}
	.content_t {
		top: 40%;
	}
		.content_t h1 {
			margin-top: 25px;
		}
	.home_back {margin-top: 32%;    margin-left: 305px;}
	.wrap-navigation {  margin-top: 50px;}
}

@media screen and (min-width:992px) and (max-width:1199px){
	a{-webkit-transition:all 0s linear 0s;-moz-transition:all 0s linear 0s;-ms-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s;}
	.navigation-link{-webkit-transition:all 0s linear 0s;-moz-transition:all 0s linear 0s;-ms-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s;font-size: 19px;}
	.title_l { font-size: 26px;}
	.tp-caption.medium_bg_asbestos {font-size: 50px !important;}
		.gp2_t span {line-height:45px;}
	.gpbanhang .g_gp{margin-top:50px}
	.giaiphap1 {
		background-size: 303px;
		height: 92px;
		width: 303px;
		padding-left: 98px;
		padding-top: 15px;
		margin-left: -35px;
	}
	.giaiphap2 {
		background-size: 373px;
		height: 85px;
		width: 373px;
		padding-left: 108px;
		padding-top: 15px;
		margin-left: -15px;
	}
	.giaiphap3 {
		background-size: 303px;
		height: 92px;
		width: 303px;
		padding-left: 108px;
		padding-top: 15px;
		margin-left: 10px;
	}
	.slick-next:before {top: 339px; right: -20px;}
	.slick-prev:before {top: 339px;    left: -20px;}
	.img_qua-tang-loc-phat {max-width: 440px;}
	.special_gift ul li {
		background-size: 34px;
		padding-left: 57px;
		font-size: 20px;
		line-height: 22px;
		margin-bottom: 10px;
		height: 42px;
	}
	.special_gift ul li:nth-child(2){line-height: normal}
	.special_gift ul li:nth-child(4) {line-height:50px}
.section_1 .container {
    position: relative;
    height: 100vh;
}	
	.section_1.thanks.section_1 {
		background: url(../images/banner-top-tk-1024.jpg) -280px top no-repeat;
		position: fixed;
		background-size: cover;
	}
	.home_back {
		height: 50px;
		line-height: 50px !important;
		max-width: 236px;
		margin-top: 53%;
		margin-left: 127px;
		top: -9px;
	}
	.home_back:before {
		border-bottom: 50px solid #e6c37b;
		border-left: 28px solid transparent;
	}
	.home_back:after {
		border-bottom: 50px solid #e6c37b;
		border-right: 28px solid transparent;
	}
	.content_t {
		top: 38%;
		left: 46%;
		margin-left: -25px;
		max-width: 500px;
	}
	.content_t h1 {
		margin-top: 25px;
		font-size: 23px;
	}
	.back_themax { margin-top: 5px;    margin-left: 455px;}
}

@media screen and (max-width:991px) and (orientation:portrait){
.head-sticky .home-logo {left: 0px;	}
#header.head-sticky{display:none}
.navigation-list{padding-left:0px}
	.navigation-link {font-size: 16px; padding-left:0px}	
.tp-banner ul li{position:relative;}
	.gpbanhang {position:absolute; bottom:40px; top:auto !important}
	.tp-caption.medium_bg_asbestos.gp1_t {top:auto !important; bottom:250px}
	.tp-caption.medium_bg_asbestos.gp2_t{top:auto !important;bottom:200px;}
.bg-group {
	height: 438px;
	bottom: 10px;
}
.list_under h4 span {
    display: inline-block;
}
.gpbanhang .g_gp,.gpbanhang .g_gp spam {font-size: 16px;}
	.giaiphap1 {
		background-size: 233px;
		height: 67px;
		width: 233px;
		padding-left: 70px;
		padding-top: 7px;
		margin-left: -38px;
	}
		.giaiphap1:before {
			width: 32px;
			height: 45px;
			background-size: 32px;
			left: 25px;
			background-position: left 5px;
		}
	.giaiphap2 {
		background: url(../images/bg-gp2.png) left center no-repeat;
		background-size: 298px;
		height: 66px;
		width: 298px;
		padding-left: 72px;
		padding-top: 7px;
		margin-left: -20px;
	}
		.giaiphap2:before {
			width: 35px;
			height: 44px;
			background-size: 35px;
			left: 25px;
			background-position: left 7px;
		}
	.giaiphap3 {
		background-size: 233px;
		height: 67px;
		width: 233px;
		padding-left: 70px;
		padding-top: 7px;
		margin-left: 15px;
	}
		.giaiphap3:before{
			width: 37px;
			height: 48px;
			background-size: 37px;
			left: 25px;
			background-position: left 7px;
		}
	.line-list {
		max-width: 70%;
	}
		.line-list:before {left: 120px}
		.line-list:after {  right: 115px;}
	.cont_history,.cont_creation,.cont_channels,.cont_why-themax,.cont_reason_choose{padding-top: 0px;}
	.img_kenhtt img,.img_qua-tang-loc-phat{max-width:100%}
	.photo-gallery{padding-bottom:20px; margin-bottom:30px}
	.slick-prev:before {
		top: auto;
		left: 45%;
		bottom: 0px;
	}
	.slick-next:before {
		top: auto;
		right: 45%;
		bottom: 0px;
	}
	.slick-next:after {
		content:'';
		background: #e0bb6a;
		width:2px;
		position: absolute;
		right: 50%;
		height: 30px;
		line-height: 30px;
		margin-top:-2px
	}
	.special_gift ul li {
		height: auto;
		font-size: 18px;
		background-size: 36px;
		padding-left: 57px;
	}
	.special_gift ul li:nth-child(2), .special_gift ul li:nth-child(4) {
		line-height: 20px;
	}
	.copy-right {padding: 40px 0px 30px;	}
.section_1.thanks .container {
    position: relative;
	height: 100vh;
}	
	.thanks .section_1.thanks.section_1 {
		background: url(../images/banner-top-tk-768.jpg)-44px top no-repeat;
		position: fixed;
		background-size: cover;
	}
	.thanks .content_t {
		top: 21%;
		left: 26%;
		margin-left: -34px;
		margin-top: -5px;
	}
	.thanks .home_back {
		margin-left: auto;
		bottom: auto;
		position: absolute;
		right: 80px;
		top: 48%;
		min-width: 150px;
		height: 50px;
		line-height: 50px !important;
		max-width: 220px;
		margin-top: auto;
	}
		.home_back:before {
			border-bottom: 50px solid #e6c37b;
			border-left: 28px solid transparent;
		}
		.home_back:after {
			border-bottom: 50px solid #e6c37b;
			border-right: 28px solid transparent;
		}
	.back_themax {
		height: 50px;
		line-height: 50px !important;
		max-width: 366px;
		margin-top: 5px;
		margin-left: 405px;
		top: 54%;
		right: 15px;
	}
		.back_themax:before {
			border-top: 50px solid #e6c37b;
			border-left: 28px solid transparent;
		}
		.back_themax:after {
			border-bottom: 50px solid #e6c37b;
			border-right: 28px solid transparent;
		}
}
@media screen and (max-width:766px){
	.main-navi {
		padding:0px 0px;
	}
	.wrap-navigation{margin-top: 30px;}
	.navigation-list{font-size:20px;line-height:30px;display:block;top:20px; padding-left:0px;height: 181px;}
	.navigation-item.last{font-size:16px;}
	.navigation-link{padding-left:10px;margin-bottom:5px;    font-size: 16px;text-transform: capitalize;}
	.navigation-link:hover, .navigation-link:focus, .navigation-link.active{-webkit-box-shadow:0px 3px 12px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 3px 12px 0px rgba(0,0,0,0.15);box-shadow:0px 3px 12px 0px rgba(0,0,0,0.15);}
	.navigation-link:before{height:30px;}
	.navigation-link:after{right:10px;background-size:15px;}
	.navigation .nav-hotline{bottom:15px;left:20px;font-size:14px;}
	.navigation .nav-hotline a{font-size:15px; }
	.home-logo{top:20px;left:0px;background-size:256px;}
	.home-logo.open{left:20px;}
	.gpbanhang {position:absolute; bottom:40px; top:auto !important}
	.tp-caption.medium_bg_asbestos.gp1_t {top:auto !important; bottom:182px}
	.tp-caption.medium_bg_asbestos.gp2_t{top:auto !important;bottom:140px;}
	.bg-group {
		height: 438px;
		bottom: 10px;
	}
	.list_under h4 { font-size: 14px;}
		.list_under h4 span {  display: inline-block;}
		.gpbanhang .g_gp,.gpbanhang .g_gp span {font-size: 15px;    line-height: 21px;}
			.giaiphap1 {
				    background-size: 201px;
					height: 57px;
					width: 201px;
					padding-left: 56px;
					padding-top: 7px;
					margin-left: -38px;
			}
				.giaiphap1:before {
					width: 27px;
					height: 40px;
					background-size: 27px;
					left: 22px;
					background-position: left 5px;
				}
			.giaiphap2 {
				background: url(../images/bg-gp2.png) left center no-repeat;
				background-size: 267px;
				height: 57px;
				width: 267px;
				padding-left: 68px;
				padding-top: 7px;
				margin-left: -22px;
			}
				.giaiphap2:before {
					    width: 33px;
						height: 41px;
						background-size: 33px;
						left: 22px;
						background-position: left 7px;
				}
			.giaiphap3 {
				background-size: 201px;
				height: 57px;
				width: 201px;
				padding-left: 65px;
				padding-top: 7px;
				margin-left: 15px;
			}
				.giaiphap3:before{
					width: 33px;
					height: 41px;
					background-size: 33px;
					left: 22px;
					background-position: left 5px;
				}

	.line-list {
		top: -99px;
		max-width: 70%;
	}
		.line-list:before {left: 100px;	}	
		.line-list:after {right: 100px;}			
		
	.we-know {margin: 30px 15px 15px;    padding: 40px 55px 60px;}	
		.we-know p span {display: inline;}
	.themax_agency,.history, .marketing, .full_service, .commitment, .reason_choose,.creation_cont,.procedure_cont,.channels_social,.why-themax {
		padding: 50px 0px;
	}
		.logo-themax-agency img {
			max-width: 222px;
			margin-top: 0px;
			margin-bottom: 25px;
		}	
	.cont_history,.cont_marketing,.cont_commitment {
		padding-top: 0px;
		margin-bottom:20px
	}	
	.history div img,.creation_cont div img,.marketing div img,.img-dich-vu-tron-goi img,.commitment div img,.why-themax div img{margin:auto}
	.cont_procedure,.img-dich-vu-tron-goi{margin-top:20px}
	.cont_reason_choose{padding-top:0px}
		.img-ldc{margin-top:30px}
		
	.photo-gallery {
		padding-bottom: 20px;
		margin-bottom: 30px;
	}	
		.slick-prev:before {
			top: auto;
			left: 43%;
			bottom: 0px;
			font-size: 44px;
		}
		.slick-next:before {
			top: auto;
			right: 43%;
			bottom: 0px;
			font-size: 44px;
		}
		.slick-next:after {
			content:'';
			background: #e0bb6a;
			width:2px;
			position: absolute;
			right: 50%;
			height: 28px;
			line-height: 28px;
			margin-top:-2px
		}
	.special_gift #qua-tang-loc-phat{padding: 50px 0px 0px;}
	.cont_special_gift{margin-top:30px}
	.form_contact {padding: 30px 0px;	}
		.info_contact {padding: 30px 20px;margin-top: 70px;	}
.section_1 .container {
    height: 100%;
}		
	.thanks .section_1.thanks.section_1 {
		background: #1a1b36 url(../images/banner-top-tk-mb.jpg) center bottom no-repeat;
		position: relative;
		background-size: contain;
		height: 100%;
		min-height: 790px;
		overflow: hidden;
	}
	.thanks .content_t {
		position: relative;
		top: 0px;
		left: auto;
		margin-left: 0px;
		background: #1c2a4d;
		margin-top: 150px;
		padding: 20px 30px 20px 0px;
		width: 90%;
		float: right;
	}	
		.thanks .content_t:before {
			content: "";
			position: absolute;
			border-top: 270px solid #1c2a4d;
			border-left: 70px solid transparent;
			right: 100%;
			top: 0px;
		}
	.thanks .home_back {
		height: 50px;
		line-height: 50px !important;
		max-width: 220px;
		margin-top: 450px;
		margin-left: auto;
		margin-bottom: 280px;
		margin-right: 50px;
	}
		.home_back:before {
			border-bottom: 50px solid #e6c37b;
			border-left: 28px solid transparent;
		}
		.home_back:after {
			border-bottom: 50px solid #e6c37b;
			border-right: 28px solid transparent;
		}
	.back_themax {
		height: 50px;
		line-height: 50px !important;
		max-width: 370px;
		margin-top: 3px;
		margin-left: 0px;
		top: 65%;
		right: 50px;
		position: absolute;
		min-width: 270px;
	}
		.back_themax:before {
			border-top: 50px solid #e6c37b;
			border-left: 28px solid transparent;
		}
		.back_themax:after {
			border-bottom: 50px solid #e6c37b;
			border-right: 28px solid transparent;
		}
	.thanks .section_1.thanks.section_1 .container:after {
		content: '';
		background: url(../images/mb.png) left bottom no-repeat;
		position: absolute;
		bottom: 20px;
		width: 350px;
		height: 320px;
	}	
		
	.wrap_uli .megavillage {
		width: 253px;
		padding-top: 37px;
		margin-left: 15px;
	}	
		
		
		
		
		
		
		
}

@media screen and (max-width:667px){
	.navigation-list{font-size:18px;line-height:27px;}
	.navigation-item.last{font-size:15px;}
	.navigation-link{margin-bottom:4px;}
	.navigation-link:hover, .navigation-link:focus, .navigation-link.active{-webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.15);box-shadow:0px 2px 10px 0px rgba(0,0,0,0.15);}
	.navigation-link:before{height:27px;}
}

@media screen and (max-width:480px){
	
}
@media screen and (max-width:480px) and (orientation:portrait){
.main-navi {padding: 0px 0px 30px;}	
	.navigation .menu-logo{top:20px;}
	.head-sticky .home-logo{top: 10px; left: 10px; background-size: 190px; display: block !important; visibility: visible !important; height: 39px;    width: 190px;}
	.home-logo{background-size: 226px; width: 226px;   height: 47px;top: 15px;    left: 10px;}
	.head-sticky .mobile-header .navbar-toggle {
		top: 13px;
		visibility: visible !important;
		display: block !important;
	}
	.navigation-list{font-size:30px;line-height:45px;right:0px;width:100%; margin-bottom:0px; height:auto}
	.navigation-item.last{font-size:20px;}
	.navigation-link{padding-left:15px;margin-bottom:8px; text-transform:uppercase;padding: 0px;    line-height: 22px;}
	.navigation-link:hover, .navigation-link:focus, .navigation-link.active{-webkit-box-shadow:-1px 5px 16px 0px rgba(0,0,0,0.15);-moz-box-shadow:-1px 5px 16px 0px rgba(0,0,0,0.15);box-shadow:-1px 5px 16px 0px rgba(0,0,0,0.15);}
	.navigation-link:before{height:45px;}
	.navigation-link:after{right:15px;background-size:17px;}
	.navigation .nav-hotline{font-size:14px}
	.navigation .nav-hotline a{font-size:15px;}
	.mobile-header .navbar-toggle{right:15px;    top: 19px;}
	
	#header{z-index: 9999999999; }
	#header.head-sticky{display:block;    height: 57px; }
	#header .hotline{display:none}
	.hotline {
		top: 80px;
		height: 40px;
		right: 0px;
		width:40px;
		padding-left:0px
	}		
		/*.hotline a{text-indent:-999999px;   padding-left: 0px;background: #d3ab5d;width: 50px;    height: 50px;border-radius: 50%;    right: 10px;}*/
		.hotline a{padding-left: 0px;background: #d3ab5d; right: 10px;}
	.wrap-navigation {margin-top: 10px;}
		.hotline_m{display:none}
		.logo_m{margin-bottom:0px;}
		.main-navi {margin-top: 11px;padding: 0px; border-bottom:0px}
		.mobile-header .navbar-toggle:hover .icon-bar.bar1 { width: 30px !important;}
	.home-m {
		width: 79px;
		height: 50px;
		background-size: 79px;
	}
	.tp-caption.gpbanhang.group_gp1{left:0px !important; margin-left:0px !important;     bottom: 173px;}	
	.tp-caption.gpbanhang.group_gp2{left:0px !important; margin-left:0px !important;     bottom: 106px;}	
	.tp-caption.gpbanhang.group_gp3{left:10px !important; margin-left:0px !important;    bottom: 35px;}
		.giaiphap3.g_gp{margin-left:59px !important;}
		.giaiphap1.g_gp,.giaiphap2.g_gp{margin-left:67px !important;}
	.tp-caption.medium_bg_asbestos.gp1_t {
		top: auto !important;
		bottom: 330px;
		font-size: 29px !important;
	}
	.tp-caption.medium_bg_asbestos.gp2_t {
		top: auto !important;
		bottom: 290px;
		font-size: 29px !important;
	}
	.gpbanhang .g_gp, .gpbanhang .g_gp span {
		font-size: 17px;
		line-height: 24px;
	}
	.giaiphap1,.giaiphap3 { background-size: 241px;  height: 66px; width: 241px;padding-left: 67px;}
	.giaiphap1:before {
		width: 29px;
		height: 42px;
		background-size: 29px;
		left: 23px;
		background-position: left 7px;
	}
	.giaiphap2 {background-size: 287px; height: 62px;  width: 287px;}
.line-list {
    top:-122px;
}	
	.list_under h4 {font-size: 13px;    line-height: 16px;}
		.list_under h4 span { display: inline;}
	.list_under .cont_ico, .list_under .sale_fas_ico, .list_under .revenus_ico {width: 80px;    height: 80px;}
	.list_under .ico_cont, .list_under .ico_sale_fas, .list_under .ico_revenus {width: 60px;    height: 60px;}
	.line-list:before{
		width: 18px;
		height: 19px;
		top: -9px;
		background-size: 18px !important;
		left: 60px;
	}
	.line-list:after{
		width: 18px;
		height: 19px;
		top: -9px;
		background-size: 18px !important;
		right: 60px;
	}
	.ico_cont:before {
		width: 35px;
		height: 32px;
		background-size: 35px;
		left: 14px;
		top: 16px;
	}
	.ico_sale_fas:before {
		width: 27px;
		height: 29px;
		background-size: 27px;
		left: 19px;
		top: 17px;
	}
	.ico_revenus:before {
		width: 31px;
		height: 31px;
		background-size: 31px;
		left: 13px;
		top: 12px;
	}
	.title_c { font-size: 24px;    padding-bottom: 7px;}
		.title_c:before,.right_agency h2:after { height: 4px;}
	.we-know:before {
		top: 10px;
		left: 10px;
		background-size: 165px;
	}
	.we-know:after {
		bottom: 10px;
		right: 10px;
		background-size: 165px;
	}
	.we-know {
		margin: 30px 15px 15px;
		padding: 40px 28px 60px;
	}
		.title_wn { font-size: 17px;}
	.view_more { font-size: 15px;    padding: 5px 14px;}
	
	.logo-themax-agency img {
		max-width: 142px;
	}
	.right_agency h2 {font-size: 25px;    line-height: 34px;padding-bottom:7px}
	.title_l {font-size: 22px;}
	
	.cont_creation,.cont_why-themax{margin-top:15px}
	.quote_mar {
		padding: 12px 18px;
		border-left: 4px solid #126ab3;
		font-size: 16px;
		line-height: 26px;
	}
	.project_customers {padding: 50px 0px 0px;	}
	.info_contact {padding: 30px 10px;}
	.info_contact .note {padding: 40px 20px;}
	.contact-f li{width:100%}
.history,.procedure_cont{position:relative;height: 100vh;}
.creation_cont{height:100%}	
	.cont_history .content_black{
		margin-top:360px	;
	}
		.img_chienluoc{position:relative; top:-565px}
	
	.cont_creation{margin-top:0px}
	.cont_creation .content_white{margin-top:310px}
		.img_creation_cont{position: absolute;    margin-top: 70px;}
	
.marketing,.procedure_cont,.full_service,.commitment,.reason_choose,.special_gift{position:relative; height:100%}	
	.img_marketing{position: absolute;    margin-top: 120px; top:0px}
		.cont_marketing .content_black{margin-top:350px}
	
.procedure_cont{height:100%}			
	.cont_procedure{margin-top:0px; padding-top:0px}
	.cont_procedure .content_white{margin-top:470px}	
	.img-quytrinh{position: absolute;margin-top: 100px;width: 100%;}


.img-dich-vu-tron-goi{position: absolute;    margin-top: 120px; top:0px}
	.cont_full_service .content_black{margin-top:350px}	
	
.channels_social{height:100%}			
	.cont_channels{margin-top:0px; padding-top:0px}
	.cont_channels .content_black{margin-top:390px}	
	.img_kenhtt{position: absolute;margin-top: 60px;width: 100%;}
	
.img_commitment{position: absolute;    margin-top: 120px; top:0px}
	.cont_commitment .content_black{margin-top:350px}	
	
.why-themax{height:100%}			
	.cont_why-themax{margin-top:0px; padding-top:0px}
	.cont_why-themax .content_white{margin-top:350px}	
	.img_why_themax{position: absolute;margin-top: 70px;width: 100%;}	
	
.img_reason_choose{position: absolute;margin-top: 90px;top: 0px;    width: 100%;}
		.cont_reason_choose .content_black{margin-top:490px}		
	
.wrap_uli {min-height: 160px;	}
	.wrap_uli .logo-datxanh {width: 202px;padding-top: 20px;}	
	.wrap_uli .logo-opalgarden {width: 160px;padding-top: 32px;}
	.wrap_uli .AriyanaSmartCondotel {width: 148px;padding-top: 49px;}
	.wrap_uli .logo-phulong {padding-top: 32px;max-width: 180px;}
	.wrap_uli .logo-aurora {padding-top: 31px;width: 124px;}
	.wrap_uli .megavillage {width: 193px;padding-top: 28px;margin-left: 12px;}
	.wrap_uli .logo-opalriverside {width: 122px;padding-top: 49px;}
	.wrap_uli .logo-hadocentrosagarden {width: 180px;padding-top: 69px;}	
	.wrap_uli .logo-goldview {width: 84px;padding-top: 31px;}
	.wrap_uli .logo-dragonhill {width: 178px;padding-top: 60px;}
	.wrap_uli .logo-land {padding-top: 40px;   max-width: 114px;}
	.wrap_uli .logo-dragonriverside {padding-top: 64px;width: 150px;}
	.wrap_uli .logo-luxgarden {width: 117px;padding-top: 45px;}
	.wrap_uli .logo-namlong {padding-top: 43px;max-width: 150px;}
	.wrap_uli .logo-khangdien {width: 195px; padding-top: 28px;}
	.wrap_uli .logo-melosagarden {width: 144px;padding-top: 47px;}
	.wrap_uli .logo-dragonvillage {width: 150px;padding-top: 39px;}
	.wrap_uli .logo-gemriverside {width: 130px;padding-top: 39px;}
	.wrap_uli .logo-charmingtoniris {width: 158px;padding-top: 54px;}
	.wrap_uli .logo-carillon {
		padding-top: 53px;
		max-width: 141px;
	}
	.wrap_uli .logo-akari-city {
		padding-top: 67px;
		max-width: 140px;
	}
	.wrap_uli .logo-opalskyview {
		padding-top: 46px;
		max-width: 147px;
	}
	.wrap_uli .logo-luxcity {
		padding-top: 41px;
		max-width: 131px;
	}
	.wrap_uli .logo-solvillas {
		padding-top: 39px;
		max-width: 83px;
	}
	.wrap_uli .logo-thepanoramadalat {
		padding-top: 35px;
		max-width: 110px;
	}
	.wrap_uli .logo-jamonaheights {
		padding-top: 59px;
		max-width: 180px;
	}
	.wrap_uli .logo-theregal {
		padding-top: 64px;
		max-width: 180px;
	}
	.wrap_uli .logo-rome {
		padding-top: 50px;
		max-width: 140px;
	}
	
.slick-prev:before {left: 40%;font-size: 42px;}	
	.slick-next:before {right: 40%;font-size: 42px;}
	
.img_special_gift{position: absolute;margin-top: 120px;top: 0px;    width: 100%;}
	.cont_special_gift{margin-top:0px}
		.cont_special_gift ul{margin-top:370px}		
.we-know p,.info_contact .note p {font-size: 16px; text-align:left}	
.content_black, .content_white {font-size: 16px;}
	.note_cont span{text-align:center}
.copy-right p{display:block}	
	
	.contact {  background-size: cover;}
	
	.list_under .cont_ico:before, .list_under .sale_fas_ico:before, .list_under .revenus_ico:before {
		width: 85px;
		height: 85px;
	}
.hotline a:before {
    background: url(../images/phone-call.svg) left top no-repeat;
    background-size: 25px;
    width: 25px;
    height: 25px;
	-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%;
	right: 12px;
    left: auto;
    top: 12px;
}	
.thanks .section_1.thanks.section_1 {
    height: 100vh;
    min-height: 980px;
}
.thanks .home-logo {
    background-size: 216px;
    left: auto;
    top: 25px;
    margin: auto;
    text-align: center;
    width: 100%;
}
.section_1.thanks .container {
    height: 100%;
}
	.thanks .content_t {
		margin-top: 135px;
		padding: 20px 15px;
		width: 100%;
		float: none;
	}
	.thanks .home_back {
		height: 50px;
		line-height: 50px !important;
		max-width: 210px;
		margin: 20px auto 0px !important;
		right: auto;
		width: 100%;
		text-align: center;
		left: auto;
		position: relative;
		top: 0px;
	}
	.back_themax {
		position: relative;
		top: 0px;
		right: 0px;
		min-width: 230px;
		width: 100%;
		max-width: 269px;
		margin: 10px auto;
	}
		.back_themax:before {
			border-bottom: 50px solid #e6c37b;
			border-top: 0px;
			border-left: 28px solid transparent;
		}
		.back_themax:after {
			border-bottom: 50px solid #e6c37b;
			border-right: 28px solid transparent;
		}
	.thanks .section_1.thanks.section_1 .container:after{
		content: '';
		position: absolute;
		width: 100%;
		height: 275px;
		bottom: 10px;
		margin-top: 350px;
	}
	.home_back p,.back_themax p { font-size: 17px;}
	.content_t h2 {
		line-height: 25px;
	}
	.thanks .website:before, .thanks .address:before, .thanks .phone:before {
		float: left;
	}
	.thanks .section_1.thanks.section_1 .container:after{content:none;}
	.thanks .section_1.thanks.section_1:after {
		background: url(../images/thanks.png) 15px top no-repeat;
		content: '';
		position: absolute;
		width: 100%;
		height: 275px;
		bottom: 10px;
		margin-top: 350px;
	}
	.contact-f input {font-size: 16px;	}
	.company_f p {
		font-size: 14px;
	}
.copy-right {
    padding: 40px 0px 50px;
}	
	.contact-m{
		display: block;
		position: fixed;
		bottom: 0px;
		background: #000;
		padding: 5px 5px;
		z-index: 5;
	}
	.inbox_email {
		background: #be205f;
		color: #fff;
		text-align: center;
		width: 49% !important;
		padding-left: 0px;
		position: relative;
	}
	.call_hotline {
		background: #24106d;
		color: #fff;
		text-align: center;
		margin-left: 2%;
		width: 49% !important;
		position: relative;
	}
	.contact-m  a{color:#fff;    font-family: 'Philosopher-Bold';    text-transform: uppercase;}
	.contact-m i{font-size:12px;position: absolute; left:10px;top: 7px;}
}
@media screen and (max-width:380px){
	.line-list {top:-122px;}
	.cont_history .content_black {margin-top: 310px;}
	.content_black, .content_white{font-size:17px}
	.img_chienluoc {top: -547px;}
	.cont_creation .content_white {margin-top: 290px;}
	.cont_marketing .content_black,.cont_commitment .content_black,.cont_why-themax .content_white {margin-top: 320px;}
	.img-quytrinh {margin-top: 80px;}
	.cont_procedure .content_white {margin-top: 420px;}
	.cont_full_service .content_black,.cont_channels .content_black {margin-top: 330px;}
	.img_commitment {margin-top: 140px;}
	.cont_reason_choose .content_black {margin-top: 450px;}
	.cont_special_gift ul {  margin-top: 340px;}
	.special_gift ul li {font-size: 17px;}
	.info_contact {   margin-top: 40px;}
	.themax_agency, .history, .marketing, .full_service, .commitment, .reason_choose, .creation_cont, .procedure_cont, .channels_social, .why-themax {padding: 40px 0px;}
	.view_more p {padding-right: 30px; text-align:left	}
	.history {min-height:685px}
	@keyframes arrow{
			0%{right:10px;}
			60%{right:0px; color:#1b92cf}
			100%{right:10px;}
		}
		@-webkit-keyframes arrow{0%{left:10px;}
			60%{right:0px; color:#1b92cf}
			100%{right:10px;}
		}
		@-moz-keyframes arrow{0%{right:10px;}
			60%{right:0px; color:#1b92cf}
			100%{right:10px;}
		}
	.title_l { 	font-size: 21px;	}
	.giaiphap1.g_gp, .giaiphap2.g_gp {
		margin-left: 57px !important;
	}
	.giaiphap3.g_gp {
		margin-left: 48px !important;
	}
}
@media screen and (max-width:360px){
	.cont_history .content_black,.cont_marketing .content_black, .cont_commitment .content_black, .cont_why-themax .content_white {margin-top: 290px;}
	.img_chienluoc {top: -530px;}
	.cont_creation .content_white {margin-top: 280px;}
	.cont_marketing .content_black, .cont_commitment .content_black, .cont_why-themax .content_white,.cont_special_gift ul {margin-top: 310px;}
	.cont_procedure .content_white {margin-top: 400px;}
	.cont_full_service .content_black, .cont_channels .content_black {margin-top: 320px;}
	.title_c,.title_l {font-size: 19px;}
	.understand,.themax_agency, .history, .marketing, .full_service, .commitment, .reason_choose, .creation_cont, .procedure_cont, .channels_social, .why-themax {padding: 30px 0px;}
	.img_marketing,.img_commitment {margin-top: 97px;}
	.img-quytrinh {margin-top: 70px;}
	.img-dich-vu-tron-goi {   margin-top: 100px;}
	.img_kenhtt {margin-top: 50px;}
	.img_reason_choose{margin-top:80px}
	.img_special_gift {margin-top: 110px;}
	.wrap_uli .logo-datxanh {width: 180px; padding-top:30px}
	.wrap_uli .megavillage{margin-left:10px}
	.wrap_uli .logo-hadocentrosagarden {  width: 170px;    padding-top: 71px;}
	.wrap_uli .logo-dragonhill { width: 168px;padding-top: 66px;}
	.wrap_uli .logo-aurora {  padding-top: 35px;}
	.wrap_uli .logo-khangdien { width: 190px;padding-top: 26px;}
	.content_t h2 {
		line-height: 22px;
		font-size: 15px;
	}
	.content_t p {
		font-size: 15px;
	}
	.content_t h1 {
		margin-top: 25px;
		font-size: 25px;
	}
	.wrap_uli .logo-jamonaheights {
		padding-top: 63px;
		max-width: 160px;
	}
	.wrap_uli .logo-rome {
		padding-top: 55px;
		max-width: 130px;
	}
	.company_f h5 {
		font-size: 19px;
	}
	.copy-right {
		padding: 30px 0px 46px;
		font-size: 15px;
	}
}
@media screen and (max-width:330px){
	.navigation-list{font-size:24px;line-height:35px;height:auto;}
	.navigation-item.last{font-size:17px;}
	.navigation-link{margin-bottom:6px;}
	.navigation-link:hover, .navigation-link:focus, .navigation-link.active{-webkit-box-shadow:0px 3px 12px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 3px 12px 0px rgba(0,0,0,0.15);box-shadow:0px 3px 12px 0px rgba(0,0,0,0.15);}
	.navigation-link:before{height:40px;}
	.navigation-link:after{background-size:16px;}
	.hotline{display:none}
	.home-logo{    background-size: 206px; width:206px;top: 15px;left: 15px;}
	.line-list:before {left: 50px;}
	.line-list:after {right: 50px;}
	.we-know {padding: 19px 18px 37px;}
		.title_wn {font-size: 15px;}
	.view_more {font-size: 13px;}
	.logo-themax-agency img {max-width: 112px;}
	.right_agency h2 {
		font-size: 20px;
		line-height: 28px;
		padding-bottom: 7px;
	}
	.line-list {  top: -138px;}
	.title_c:before, .right_agency h2:after {height: 3px;}
	.img_chienluoc {top: -530px;}
	.history {min-height: 630px;}
		.cont_history .content_black{margin-top:270px}
	 .cont_creation .content_white {margin-top: 260px;}  
	 .cont_marketing .content_black,.cont_special_gift ul {margin-top: 280px;	}
	.cont_commitment .content_black,.cont_why-themax .content_white{margin-top: 260px;}
	.cont_procedure .content_white {margin-top: 360px;}
	.cont_full_service .content_black, .cont_channels .content_black {
		margin-top: 290px;
	}
	.cont_reason_choose .content_black {  margin-top: 410px;}
	.wrap_uli .megavillage { margin-left: 0px;   width: 181px;}
	.wrap_uli .logo-hadocentrosagarden { width: 160px;}
	.wrap_uli .logo-dragonhill {  width: 148px;}
	.wrap_uli .logo-khangdien { width: 166px;  padding-top: 37px;}
	.special_gift #qua-tang-loc-phat {  padding: 40px 0px 0px;}
	
	.info_contact .note p{font-size:14px}
	.contact-f li{margin-bottom:10px}
		.contact-f input {padding: 3px;font-size: 14px;}
	.content_t h1 {
		margin-top: 25px;
		font-size: 23px;
	}
	.content_t p {
		font-size: 14px;
	}
	.back_themax {
		max-width: 239px;
		margin: 10px auto;
	}
	.home_back p, .back_themax p {
		font-size: 15px;
	}
	.thanks .home_back {
		height: 50px;
		line-height: 50px !important;
		max-width: 172px;
		margin: 20px auto 0px !important;
		right: auto;
		width: 100%;
		text-align: center;
		left: auto;
		position: relative;
		top: 0px;
	}
	.wrap_uli .logo-theregal {
		padding-top: 64px;
		max-width: 150px;
	}
	.wrap_uli .logo-jamonaheights {
		padding-top: 63px;
		max-width: 150px;
	}
	.company_f h5 {
		font-size: 17px;
	}
	.giaiphap1.g_gp, .giaiphap2.g_gp {
		margin-left: 19px !important;
	}
	.giaiphap3.g_gp {
		margin-left: 10px !important;
	}
	.tp-caption.medium_bg_asbestos.gp1_t,.tp-caption.medium_bg_asbestos.gp2_t {
		font-size: 26px !important;
	}
}
@-ms-viewport{width:device-width;}