﻿@-webkit-keyframes run-l-r {
 0% { left:-3px; }
 100%{ left :6px; }
}

.main_wrapper * {box-sizing:border-box; }
.main_wrapper { font-size:16px; line-height:1.5; color:#333; text-align:center; position:relative; }
.main_wrapper h1 { font-size:36px; }
.main_wrapper article { background:#f4f4f4; border:2px solid #2c3e50; margin:30px auto; padding:20px; opacity:0.9; text-align:left; }
.pc_description section::after { content:''; display:block; clear:both; }

.no_display { display:none; }
.pl_c { margin-bottom:0; }

/* middle text */
li > .outer { display:table; overflow:hidden; line-height:2; }
li > .outer > .inner { display:table-cell; vertical-align:middle; width:100%; margin:0 auto; text-align:center; }

/*==============================================*/
/*
.table_normal { border-collapse:collapse; }
.table_normal th, .table_normal td.header { padding:3px 5px; color:#2259E7; border-right-color:#fff; border-bottom-color:#fff; }
.table_normal td { border:1px solid #fff; padding:3px 5px; vertical-align:top; }
.table_normal p { margin:0; }
.table_normal tr > th:last-child, .table_normal tr > td.header:last-child { border-right-color:#fff; }
.table_normal th a, .table_normal td.header a { color:#2259E7; }
*/
/*==============================================*/
.h-title {font-size:28px; color:#f7971d; line-height:1.6; font-weight:normal; }
.bold { font-weight:bold; }

.main_wrapper .main { overflow:hidden; }
.main_wrapper ul, .main_wrapper li { list-style:none; padding:0; margin:0; }
.main_wrapper .brief {color:#4B4B4B; font-size:24px; padding:0; margin-top:0; margin-bottom:0; line-height:inherit; font-weight:500; line-height:1.6; }

/********************* M01 *************************/
.m01 .main { display:block; margin:0 auto; position:relative; width:1000px; padding:35px 0; }
.m01 ul { position:relative; text-align:center; width:100%; }
.m01 .ulc { margin:30px 0; }
.m01 .ult { margin:0 0 20px 0; }
.m01 .h { font-size:18px; font-weight:bold; line-height:22px; margin:0 0 10px 0; }
.m01 .ul-line { padding-left:0; padding-right:0; }

.m01 .li-1a, .m01 .li-2a, .m01 .li-3a, .m01 .li-4a { color:#333; box-sizing:border-box; float:left; font-size:14px; line-height:24px; margin:0 20px 0 0; vertical-align:top; text-align:left; width:210px; }
.m01 .li-1a { margin-left:10px; }
.m01 .li-3a { margin-left:0; width:238px; }
.m01 .li-4a { padding-left:5px; width:240px; }

.m01 .rollIn { -webkit-animation-name:rollIn; animation-name:rollIn; }
.m01 .hidden { visibility:hidden; }
.m01 .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; }
.m01 .fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; }

.m01 .li-1, .m01 .li-2, .m01 .li-3, .m01 .li-4 { color:#fff; box-sizing:border-box; display:inline-block; font-size:16px; margin:50px 0; width:48%; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; font-weight:bold; height:100px; margin:0; position:relative; text-transform:uppercase; vertical-align:middle; }
.m01 .li-1 { background:rgba(39,127,156,0.65); width:210px; height:210px; line-height:210px; }
.m01 .li-2 { background:rgba(239,164,36,0.65); margin-left:-3%; width:350px; height:350px; line-height:350px; }
.m01 .li-3 { background:rgba(253,96,35,0.65); margin-left:-7%; width:330px; height:330px; line-height:330px; }
.m01 .li-4 { background:rgba(112,140,56,0.65); margin-left:-5%; width:220px; height:220px; line-height:220px; }

/********************* M13, M14, M41, M42 *************************/
.m13 section, .m14 section, .m41 section, .m42 section, .m43 section, .m44 section, .m49 section { background-color:rgba(255,255,255,0.2); }
.m46 section, .m47 section { background-color:rgba(0,0,0,0.2); }
.m13 .main, .m14 .main, .m41 .main {width:1000px; margin:0 auto; min-height:300px; padding:30px 0; text-align:left; color:#222; }
.m42 .main, .m43 .main, .m44 .main, .m46 .main, .m47 .main, .m49 .main{width:1000px; margin:0 auto; min-height:300px; padding:40px 0; text-align:left; }
.m14 .h-title { color:#F19E2D; font-size:18px; padding-bottom:10px; }

.m42 .h-title, .m43 .h-title, .m44 .h-title, .m48 .h-title, .m49 .h-title {text-align:right; }
.m46 .h-title { color:#E72A2B; }
.m13-content, .m41-content, .m42-content, .m43-content, .m44-content, .m46-content, .m48-content, .m49-content { font-size:16px; line-height:2; text-align:left; }
.m14-content { font-size:16px; line-height:2; padding-top:15px; }
.m13 .brief, .m14 .brief { color:#222; font-size:16px; padding-top:10px; line-height:2; }
.m41 .brief { line-height:2; padding-bottom:10px; padding-top:0; font-size:22px; }
.m42 .brief, .m43 .brief, .m44 .brief, .m46 .brief, .m48 .brief, .m49 .brief { color:#222; line-height:2; padding-bottom:10px; padding-top:0; font-size:22px; text-align:right; }
.m13 table, .m14 table, .m41 table, .m42 table, .m43 table, .m44 table, .m46 table, .m48 table, .m49 table { border-collapse:collapse; }
.m13 table { box-shadow:0 0 1px #f5f5f5; }
.m13 table th, .m14 table th, .m41 table th, .m42 table th, .m43 table th, .m44 table th, .m46 table th, .m48 table th, .m49 table th { white-space:nowrap; padding:5px 10px 0; background-color:#FFA405; font-size:14px; }
.m13 table td, .m14 table td { padding:5px 10px 0; background-color:#E9EAEA; color:#222; vertical-align:top; font-size:14px; }
.m41 table td, .m42 table td, .m43 table td, .m44 table td, .m46 table td, .m48 table td, .m49 table td {padding:5px 10px 0; background-color:#E9EAEA; vertical-align:top; background-color:#fff; }
.m13 table tr > td:first-child, .m14 table tr > td:first-child { color:#FFA405; padding-top:0; padding-left:10px; padding-right:0; font-weight:bold; font-size:18px; }
.m41 table tr > td:first-child, .m42 table tr > td:first-child, .m43 table tr > td:first-child, .m44 table tr > td:first-child, .m46 table tr > td:first-child, .m48 table tr > td:first-child, .m49 table tr > td:first-child { color:#FFA405; padding-top:5px; padding-left:10px; padding-right:0; font-weight:bold; font-size:18px; }
.m46 table tr > td:first-child { color:#fff; padding-top:3px; }
.m46 table td { padding-bottom:10px; }
.m13 table p, .m14 table p, .m41 table p, .m42 table p, .m43 table p, .m44 table p, .m46 table p, .m48 table p, .m49 table p{ margin:0; }
.m13 table th a, .m14 table th a, .m41 table th a, .m42 table th a, .m43 table th a, .m44 table th a, .m46 table th a, .m48 table th a, .m49 table th a { color:#2259E7 !important; }
.m13 table .tr2 td, .m14 table .tr2 td { background-color:#fff; }
.m46 table td { background-color:transparent; color:#fff; }
.m13-img > img { border:0; padding-top:10px; }
.m14-img > img { border:1px solid #ccc; padding:1px; }
.m41-img > img, .m42-img > img, .m43-img > img, .m44-img > img, .m46-img > img, .m48-img > img, .m49-img > img { max-width:100%; margin:0; }
.m13 .main > div:first-child, .m14 .main > div:first-child { width:485px !important; }
.m42-img, .m43-img, .m44-img, .m46-img, .m48-img, .m49-img { text-align:right; line-height:0; }
.m41 .ft {padding:10px; font-weight:500; font-size:110%; }

ul.li-num { padding:0; margin:0; }
ul.li-num li {position:relative; padding:5px 0 5px 40px; margin:0; list-style:none; line-height:1.8; }
ul.li-num i.num, ul.li-num em.num { font-style:normal; position:absolute; top:3px; left:0; background:#F2B651; border:2px solid #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:32px; height:32px; line-height:29px; text-align:center; color:#fff; display:inline-block; }
ul.li-num li::before { display:none; }
.button.btn-ico-call {display:block; width:215px; line-height:1.6; position:relative; padding-left:46px; font-size:110%; font-weight:400; letter-spacing:.1em; margin:10px 0 0; color:#fff !important; }
.button.btn-ico-call::after {content:'\e670'; font-family:pe7; font-size:30px; position:absolute; top:-2px; left:10px; font-weight:400; }

/********************* M33, M34, M76, TK1 *************************/
.m33 .main, .m34 .main, .tk1 .main, .price-tbl1 .main { width:1000px; margin:0 auto; padding:35px 0; }
.m33 section {z-index:2; position:relative; }
.m33 .item ul, .m34 .item ul, .tk1 .item ul { font-size:13px; line-height:2; }
.m33 .item li, .m34 .item li, .tk1 .item li { background:url(images/bkg_v2.png) no-repeat 5px -1039px; padding-left:24px; padding-right:24px; }
.m33-c, .m34-c, .tk1-c {padding-top:30px; }
.m33-c > .item, .m34-c > .item, .tk1-c > .item { float:left; width:30.33%; text-align:left; margin-left:42px; }
.m33-c > .item:first-child, .m34-c > .item:first-child, .tk1-c > .item:first-child { margin-left:0; }
.m33-c > .item img, .m34-c> .item img, .tk1-c> .item img { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:1px solid #34A5C9; margin:0 0 10px; }
.m33 .h, .m34 .h, .tk1 .h {font-size:25px; padding:5px 0; margin-top:0; margin-bottom:0; line-height:inherit; }
.m33 .price, .m34 .price, .tk1 .price { color:#FF5A26; padding-top:5px; font-size:20px; text-align:left; }
.m34 { background-color:#EFF3F4; }
.m33-c::after, .m34-c::after, .tk1-c::after { content:''; display:block; clear:both; }

.m76 { background:#eee; }
.m76 .m34-c > .item { text-align:center; background:#fff; box-shadow:4px 4px 0px #ccc; padding:15px; }
.m76 .m34-c > .item img { border:0; background:none; margin:0 auto; max-width:100%; border-radius:0; }
.m76 .ult { text-align:left; }
.m76 .price { text-align:center; }

.m48 .main, .m49 .main { padding:0; width:100%; height:auto; min-height:inherit; overflow:hidden; }
.m48 .brief, .m49 .brief { padding-bottom:0; }

.tk1 .brief { line-height:2; }
.tk1 .item { text-align:center; }
.tk1 .h > .n { float:left; width:20%; font-size:80px; line-height:1; color:#FB5405; }
.tk1 .h > .c {width:80%; font-size:16px; font-weight:bold; margin:0 auto; }
.tk1 .img > img { border-width:3px; }
.tk1 .brf { padding-top:30px; }
.tk1::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(255,255,255,.6) !important; z-index:1; }

.m33-c-hr { padding-top:40px }
.m33-c-hr > .item {width:calc(50% - 30px); margin:0 15px; }
.m33-c-hr > .item > .img {float:left; padding-right:20px; height:120px; /* line-height:100px; */}
.m33-c-hr > .item > .img > img { margin:0; }
.m33-c-hr > .item > .h { text-align:left; display:inline; }


/* module chuc nang */
.mod-chucnang .b2 {font-weight:400; padding:10px 0; font-size:15px; }
.mod-chucnang .m33-c .item img {background-color:transparent !important; border:0 !important; width:initial !important; height:64px !important; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
.mod-chucnang .h > .c { width:90% }

.no-before::before {background-color:transparent !important; }

/********************* M31 *************************/
.m31 { padding:20px 0; }
.m31 section { width:980px; margin:30px auto; }
.m31 .ul-left { float:left; width:520px; position:relative; z-index:1; }
.m31 .ul-right { float:left; width:520px; padding-top:100px; margin-left:-65px; position:relative; background:url(images/ul-line-v.png) repeat-y -175px 0; }

.m31 .item { float:left; text-align:left; padding-top:30px; padding-right:100px; padding-left:0; position:relative; }
.m31 .number { background:url(images/n31.png) no-repeat center center; position:absolute; right:0; top:26px; width:45px; height:45px; line-height:45px; font-size:22px; text-align:center; color:#fff; font-weight:bold; }
.m31 .ul-right .item { padding-right:0; padding-left:100px; background-position:left 12px; }
.m31 .ul-right .number { left:0; }

.m31 .icon1, .m31 .icon2, .m31 .icon3, .m31 .icon4, .m31 .icon5, .m31 .icon6, .m31 .icon7, .m31 .icon8, .m31 .icon9, .m31 .icon10 { clear:both; float:left; width:100px; height:100px; background:url(images/icon21.png) no-repeat; }
.m31 .icon2 { background-position:0 -123px; }
.m31 .icon3 { background-position:0 -244px; }
.m31 .icon4 { background-position:0 -394px; }
.m31 .icon5 { background-position:0 -518px; }
.m31 .icon6 { background-position:0 -639px; }
.m31 .icon7 { background-position:0 -796px; }

.m31 .item .h { position:relative; padding-bottom:25px; }
.m31 .item .p { float:left; font-size:13px; width:300px; color:#353840; }
.m31 li.sub { font-size:16px; padding:5px 0; color:#4C4F57; }

.m31 .item .h h5 { display:block; margin:0; font-size:16px; font-weight:bold; background-color:rgba(92,92,92,1); font-weight:300; border-radius:6px; padding:10px 5px 6px 5px; color:#fff; text-align:center; }
.m31 .item .h::after { content:""; width:0; height:0; border-left:15px solid transparent; border-right:15px solid transparent; border-top:10px solid rgba(92,92,92,1); position:absolute; right:80px; }
.m31 .body { margin-top:20px; position:relative; padding-bottom:50px; }
.m31 .body::after { content:""; width:50px; height:50px; position:absolute; left:458px; background:url(images/ul-line-v.png) repeat-y; }
.m31 .footer { background:#40B8DC; border-radius:10px; padding:15px 30px; color:#fff; text-align:left; width:600px; margin:0 auto; }

.background-fix {position:relative; background-attachment:fixed !important; background-size:contain !important; }
.background-fix::before {content:''; position:absolute; top:0; right:0; left:0; bottom:0; background-color:rgba(5,5,5,.9); color:#fff; z-index:0; }
.background-fix section { z-index:1; position:relative; background:none; }
.green-overlay::before { background-color:rgba(33,189,113,.95); }
	
/* m-bkg-1 */
.mbkg1 .brief {color:#fff; }
.mbkg1-c {padding-bottom:5%; z-index:1; position:relative; padding:20px 0; }
.mbkg1-full>div h2 span {color:#ffeb00; }
.mbkg1-full.left-padding p { background:rgba(251, 255, 19, 0.5); }
.mbkg1-bottom-right>h2 { text-align:center; padding-top:3%; padding-bottom:3%; }
.mbkg1-bottom-left>h5 { text-align:center; font-size:18px; text-transform:uppercase; font-weight:100; margin-top:7%; }
.mbkg1-bottom-left>h4 { font-size:15px; padding-left:6%; text-align:center; color:#fff; font-weight:100; line-height:22px; margin-top:4%; }
.mbkg1-bottom-left>h3 { color:#fff; font-weight:bold; text-align:center; font-size:20px; margin-top:7%; }
.mbkg1-bottom-right { width:40%; float:left; }
.mbkg1-bottom-left { width:53%; float:left; margin-right:6%; }
.mbkg1-bottom-full { width:1000px; margin:auto; margin-top:1.5%; background:rgba(22,192,114,0.75); }
.mbkg1-full>div>h3 {padding:0 30px 12px; text-align:justify; font-size:100%; color:#fff; line-height:1.8; }
.mbkg1-full>div>h2 {color:#fff; font-weight:bold; text-align:center; font-size:20px; padding-top:10px; padding-left:10px; padding-right:10px; margin:0; }
.mbkg1-full>div>h1>img { margin:auto; width:80px; height:76px; }
.mbkg1-full>div>h1 {padding:0; text-align:center; padding-top:10px; }
.mbkg1-right { background:rgba(221,104,57,0.75); }
.mbkg1-center {background:rgba(22,192,114,0.75); }
.mbkg1-left {background:rgba(232,174,77,0.75); }
.mbkg1-center,.mbkg1-right { margin-left:2% }
.mbkg1-left,.mbkg1-center,.mbkg1-right {width:49%; float:left; }
.mbkg1-full {width:1000px; margin:30px auto; }

/*= bang gia ======================================================================*/
.mbkg-price .main { padding:60px 10px 30px; }
.mbkg-price .main::before {content:''; width:0; height:0; border-left:50px solid transparent; border-right:50px solid transparent; border-top:40px solid #fff; position:absolute; top:-3px; left:calc(50% - 50px); }
.mbkg-price .mbkg1-full { width:100% }
.mbkg-price .mbkg1-left, .mbkg-price .mbkg1-right, .mbkg-price .mbkg1-center {height:530px; padding:0 0 10px; line-height:2; position:relative; background:#fff; color:#212529; }

.mbkg-price .mbkg1-full h3 { position:relative; font-size:20px; text-align:center; margin:0; padding:10px 0 5px 0; line-height:2; /* font-weight:600; */color:#fff; background:rgba(232,174,77,1); /* text-shadow:1px 1px 2px #111; */-moz-text-shadow:1px 1px 2px #111; -webkit-text-shadow:1px 1px 2px #111; }
.mbkg-price .mbkg1-full h3::before { content:''; position:absolute; bottom:-10px; left:calc(50% - 10px); width:0px; height:0px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #E8AE4D; }
.mbkg-price .mbkg1-full .p {font-size:30px; padding:20px 10px 10px; color:#F7921C; line-height:1.5; }
.mbkg-price .mbkg1-full .inf {font-weight:500; padding:0 10px; }
.mbkg-price .mbkg1-full ul {padding:10px; margin:0 auto; }
.mbkg-price .mbkg1-full li {text-align:left; position:relative; padding-left:30px; }
.mbkg-price .mbkg1-full li::before {content:'\e66c'; position:absolute; top:-9px; left:0; font-family:pe7; font-size:22px; }

.mbkg-price .btn-ft { position:absolute; bottom:40px; width:100%; }
.mbkg-price .btn-ft .button {background:rgba(232,174,77,1); color:#fff; font-weight:normal; font-size:100%; text-transform:none; z-index:1; line-height:1.4; border-radius:25px; margin:0 auto; }
.mbkg-price .mbkg1-center .btn-ft .button, .mbkg-price .mbkg1-right .btn-ft .button { background:rgba(8,198,250,1); }
.mbkg-price .mbkg1-full h5 { padding:10px 10px 0; margin:0; font-weight:600; text-align:left; }

.mbkg-price .mbkg1-center h3 { background:#16BF71; }
.mbkg-price .mbkg1-center h3::before { border-top-color:#16BF71; }

.mbkg-price .mbkg1-right h3 { background:#08C7FB; }
.mbkg-price .mbkg1-right h3::before { border-top-color:#08C7FB; }

.mbkg-price .mbkg1-center::after, .mbkg-price .mbkg1-right::after {content:''; position:absolute; height:50px; bottom:0; left:0; right:0; background:#fff url('images/bg-wave-green.png') no-repeat; background-size:cover; }
.mbkg-price .mbkg1-right::after { background-image:url('images/bg-wave-blue.png'); }

.mbkg-price .prom {color:#babfc5; font-size:22px; font-weight:200; }
.mbkg-price .prom > em {font-style:normal; text-decoration:line-through; }
.mbkg-price .prom-perc {position:absolute; top:-30px; right:-18px; background:#900; color:#fff; width:48px; height:48px; line-height:48px; border-radius:50%; display:none; }

.blink_text { animation:blinker 1s linear infinite; }

.mbkg-price .brief-e {color:#ccc; padding:20px 0; line-height:1.8; }
.mbkg-price .brief-e .nhanh {display:block; color:#fff; font-weight:600; font-size:20px; animation:blinker 0.5s linear infinite; -moz-animation:blinker 0.5s linear infinite; -webkit-animation:blinker 0.5s linear infinite; padding-right:10px; }
.mbkg-price .brief-e .uu-dai-vang { color:#F7921C; font-weight:600; font-size:20px; padding:0 10px; }

/* Light */
.mbkg-price-light { padding:30px 0; }
.mbkg-price-light .mbkg1-center h3 {background:url('images/price-header-bkg.png') no-repeat center center; background-size:contain; color:#151515; font-size:26px; height:110px; line-height:110px; font-weight:600; padding:5px; }
.mbkg-price-light .mbkg1-full li::before, .mbkg-price-light .mbkg1-center h3::before, .mbkg-price-light .mbkg1-center::after, .mbkg-price-light .mbkg1-right::after {display:none; }
.mbkg-price-light .mbkg1-center h4 {font-size:20px; margin:0; }
.mbkg-price-light .mbkg1-left, .mbkg-price-light .mbkg1-right, .mbkg-price-light .mbkg1-center {padding:0; height:initial; }
.mbkg-price-light .mbkg1-full ul.items { padding:10px 20px; }
.mbkg-price-light .mbkg1-full ul.items li {padding:5px 0; text-align:center; border-bottom:1px solid #e1e1e1; }
.mbkg-price-light .mbkg1-full ul.items li:first-child {border-top:1px solid #e1e1e1; }
.mbkg-price-light .box-hover { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.mbkg-price-light .box-hover:hover, .mbkg-price-light .item-actv { box-shadow:0 2px 9px 0 rgba(0,0,0,0.6), 0 0 20px 0 rgba(0,0,0,0.4); -moz-box-shadow:0 2px 9px 0 rgba(0,0,0,0.6), 0 0 20px 0 rgba(0,0,0,0.4); }
.mbkg-price-light .item-actv h3 { color:rgb(241, 87, 34); text-shadow:1px 1px 2px; }
.mbkg-price-light .box-rad-shadow { border-radius:20px; box-shadow:0 2px 9px 0 rgba(0,0,0,0.1),0 0px 20px 0 rgba(0,0,0,0.08); overflow:hidden; }


.mbkg1-full::after { content:''; display:block; clear:both; }
.mbkg-price-light.background-fix::before { background-color:rgba(204,204,204,.9); }
.mbkg-price-light .d_recommend { z-index: 1; background: #FFD954; position: absolute; top: 0px; left: 0px; width: 100%; line-height: 1.5; padding: 7px 10px 5px; font-size: 15px; color: #000; }
.mbkg-price-light .mbkg1-full .p { padding-top:0 }
.mbkg-price-light .prom { font-size:18px; color:#f15722; }
.mbkg-price-light .mbkg1-plus { text-align:left; }
.mbkg-price-light .mbkg1-plus .luu-y { font-weight:600; padding-bottom:5px; }
.mbkg-price-light .brief, .mbkg-price-light .brief-e { color:initial }
.mbkg-price-light .btn-ft { bottom:20px; }
.mbkg-price-light .box-hightlight .btn-ft .button, .mbkg-price .mbkg1-center .btn-ft .button { 
	background-image:-moz-linear-gradient(55deg,#f15722 0%,#F7921C); 
	background-image:-webkit-linear-gradient(55deg,#f15722 0%,#F7921C); 
	background-image:-ms-linear-gradient(55deg,#f15722 0%,#F7921C); 
}

.mbkg-price-light .box-hightlight { 
	box-shadow:0 2px 9px 0 #bbb, 0 0 20px 0 #bbb; 
	-moz-box-shadow:0 2px 9px 0 #bbb,0 0 20px 0 #bbb; 
	-webkit-box-shadow:0 2px 9px 0 #bbb, 0 0 20px 0 #bbb; 
}

.std-one {line-height:1.5; margin:2%; border-radius:8px; padding:6px; text-shadow:1px 1px 2px #fff; background-image:linear-gradient(to bottom right, #f7921c6e, #fff); }
.std-one .h { font-weight:600; padding:0; text-transform:uppercase; }
.std-one .p1 {color:rgb(241,87,34); font-weight:500; font-size:120%; }

/* green */
.mbkg-price-light.t-green .d_recommend { background: #16AC64;position: absolute;top: 0px;left: 0px;width: 100%;line-height: 1.5;padding: 6px 10px 4px;font-size: 15px;text-shadow: 1px 1px 2px #090;color: #fff; }
.mbkg-price-light.t-green .std-one { background-image: linear-gradient(to bottom right, #16ac6452, #fff); }
.mbkg-price-light.t-green .mbkg1-full .p, .t-green .std-one .p1{ color:#00b050; }

.mbkg-price-light.t-green .box-hightlight .btn-ft .button, .mbkg-price.t-green .mbkg1-center .btn-ft .button { 
	background-image:-moz-linear-gradient(55deg,#75b2f0 0%,#20bd70); 
	background-image:-webkit-linear-gradient(55deg,#75b2f0 0%,#20bd70); 
	background-image:-ms-linear-gradient(55deg,#75b2f0 0%,#20bd70); 
}

/* blue */
.mbkg-price-light.t-blue .d_recommend {background: #2fa8ff;position: absolute;top: 0px;left: 0px;width: 100%;line-height: 1.5;padding: 6px 10px 4px;font-size: 15px;text-shadow: 1px 1px 2px #090;color: #fff;}
.mbkg-price-light.t-blue .std-one { background-image: linear-gradient(to bottom right, #1397e15c, #fff); }
.mbkg-price-light.t-blue .mbkg1-full .p, .t-blue .std-one .p1{color: #0070c0;}

.mbkg-price-light.t-blue .box-hightlight .btn-ft .button, .mbkg-price.t-blue .mbkg1-center .btn-ft .button {
	background-image: -moz-linear-gradient(55deg,#1397E1 0%,#75b2f0);
	background-image: -webkit-linear-gradient(55deg,#1397E1 0%,#75b2f0);
	background-image: -ms-linear-gradient(55deg,#1397E1 0%,#75b2f0);
}


/*********************************************/
.subcat-pricelist .li { float:left; width:31.33%; margin:0 1%; box-shadow:0 2px 9px 0 rgba(0,0,0,.1), 0 0 20px 0 rgba(0,0,0,.08); -moz-box-shadow:0 2px 9px 0 rgba(0,0,0,.1), 0 0 20px 0 rgba(0,0,0,.08); border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; overflow:hidden; }
.subcat-pricelist .li .p { padding-top:20px; }
.mbkg-price-light .subcat-pricelist .li ul.items li {padding:10px 0; border-bottom:0; }

.subcat-pricelist .li.light { box-shadow:0 2px 9px 0 rgba(241,87,34,.9), 0 0 20px 0 rgba(247,146,28,.9) !important; -moz-box-shadow:0 2px 9px 0 rgba(241,87,34,.9), 0 0 20px 0 rgba(247,146,28,.9) !important; }
.subcat-pricelist .li.light h3 { background:#FFD954; color:#6f3c00; }
.subcat-pricelist .li.light h3::before {border-top-color:#FFD954; }
.subcat-pricelist .li.white h3 { background:#ddd; color:#222; }
.subcat-pricelist .li.white h3::before {border-top-color:#ddd; }

/*********************************************/

.plist-org .o, .plist-org .m {position:relative; padding-left:22px; display:inline-block; margin:0 5px; min-width:125px; text-align:left; }
.plist-org .o::before, .plist-org .m::before {content:'\e693'; font-family:pe7; font-size:18px; position:absolute; top:-5px; left:0; }
.plist-org .m::before { content:'\e68c'; }

/********************* M07 *************************/
.m07 { background-color:#b0c5d0 !important; background-position:center bottom !important; }
.m07 section { background-color:rgba(0,0,0,0.2); }
.m07 .main { width:1000px; margin:0 auto; color:#fff; min-height:500px; padding:40px 0; text-align:left; }
.m07 .h-title{ color:#f7971d; font-size:20px; }
.m07 .brief {color:#fff; padding-top:10px; line-height:2; font-size:100%; }
.m07-content { font-size:14px; line-height:2; }
.m07-content table { border-collapse:collapse; }
.m07-content table th {white-space:nowrap; padding:6px 6px 3px; border:1px solid #BEBFC2; color:#F7971D; font-size:16px; font-weight:600; }
.m07-content table td {border:1px solid #BEBFC2; color:#fff; padding:3px 4px; vertical-align:top; }
.m07-content table p { margin:0; }
.m07-content table tr > th:last-child { border-right-color:#BEBFC2; }
.m07-content table th a { color:#2259E7 !important; }
.m07-content table .tr2 td { background-color:rgba(190, 191, 194, .5); }
.m07 .main > .c1 { width:40%; }
.m07 .main > .c2 { width:60%; padding-top:20px; }

.m07 .main > .c1 li { padding-top:3px; padding-bottom:3px; }
.m07 .main > .c1 img { border-radius:8px }

.m07 .luu-y {text-align:center; display:inline-block; border:2px solid #1EA362; border-radius:30px; padding:4px 16px 1px; margin-bottom:10px; }
.m07-content table td.py { color:#f7971d; font-weight:600; font-size:18px; }

.m07.none-bkg, .m07.none-bkg section { background:none !important; }
.m07.none-bkg .main, .m07.none-bkg .brief { color:initial; }
.m07.none-bkg .m07-content table td { color:initial; }

.m07-content table th.bkg {border-right:1px solid #fff; background:#F7921C; color:#fff; }

.box-txt {margin:0 10px; border:1px solid #1ea362; border-radius:10px; padding:10px; box-shadow:1px 1px 2px #1ea362; }

.ul-plus li {position:relative; padding:1px 0 5px 30px !important; }
.ul-plus em[class^="pe-7s-"] {position:absolute; top:2px; left:0; font-size:22px; }

/********************* M18 *************************/
.m18 .main { width:1000px; margin:30px auto; }
.m18 .brief { line-height:2; padding-bottom:10px; padding-top:0; font-size:22px }
.m18 .btn-co { color:#078bf5; font-weight:bold; border:1px solid; padding:7px 20px; border-radius:7px; width:15%; margin:auto; margin-top:3% }
.m18 .btn-co:hover { background:#078bf5; color:#fff!important; transition:0.5s }
.m18 .btn-ex { color:#078bf5; font-weight:600; border:1px solid; padding:7px; border-radius:25px; margin:30px auto; width:150px; text-align:center; height:initial; }
.m18 .btn-ex:hover { background:#078bf5; color:#fff!important; transition:0.5s }
.m18 .g-item::after { content:''; display:block; clear:both; }
.m18 .g-item .absolute-text {/* position:absolute; */top:0; left:0; text-align:left; padding:4%}
.m18 .g-item > div > img { margin:0 !important }
.m18 .c-left,.m18 .c-right {width:50%; float:left; position:relative; /* height:380px; */}
.m18 .c-right .absolute-text > .c1 { border-right:1px solid #001c33; border-bottom:1px solid #001c33 }
.m18 .c-right .absolute-text > .c1 > div,.m18 .c-right .absolute-text > .c2 > h2,.m18 .c-right .absolute-text h4 { color:#001c33 }

.m18 .absolute-text > div { margin-bottom:15px; }
.m18 .absolute-text > h4 { clear:both; line-height:1.6; font-weight:normal; font-size:100%; margin:0; }
.m18 .absolute-text > .c3 img { margin:auto 0!important }
.m18 .absolute-text > .c3 { width:92px; height:92px; float:right; padding:0; margin:0; display:flex; vertical-align:middle; }
.m18 .absolute-text > .c2 > h2 { margin:auto 0; line-height:30px; font-size:150%; text-transform:uppercase }
.m18 .absolute-text > .c2 {width:calc(100% - 92px); float:left; /* padding-left:10px; */min-height:100px; display:flex; vertical-align:middle; margin:0; }
.m18 .absolute-text > .c1 > div { padding:0; text-align:center; font-size:70px; margin:auto; color:#fff }
.m18 .absolute-text > .c1 { width:92px; height:92px; float:left; margin:auto; display:flex; vertical-align:middle; border-right:1px solid #fff; border-bottom:1px solid #fff; }

/*= vertical timeline ======================================================================*/
.ver-timeline {min-width:280px; max-width:500px; margin:30px auto; }
.ver-timeline li {list-style:none; border-top:3px solid; -o-border-image:linear-gradient(to right, #743ad5 0%, #d53a9d 100%); border-image:linear-gradient(to right, #F2B652 0%, #ffeb00 100%); border-image-slice:1; border-width:3px; margin:0; padding:15px 30px; counter-increment:section; position:relative; }
.ver-timeline li:before { content:counter(section); position:absolute; border-radius:50%; height:32px; width:32px; background-color:#1EA362; text-align:center; line-height:32px; color:#ffffff; font-weight:600; }
.ver-timeline li:nth-child(odd) { border-left:3px solid; padding-right:0; }
.ver-timeline li:nth-child(odd):before { right:100%; margin-right:-15px; }
.ver-timeline li:nth-child(even) { border-right:3px solid; padding-left:0; }
.ver-timeline li:nth-child(even):before { left:100%; margin-left:-15px; }
.ver-timeline li:first-child { border-top:0; border-top-right-radius:0; border-top-left-radius:0; }
.ver-timeline li:last-child { border-bottom-right-radius:0; border-bottom-left-radius:0; }

/* m41 - ver-timeline */
.vtl-webmarkt::before { background-color:transparent; }
.vtl-webmarkt .ver-timeline {max-width:800px; margin:0 auto; }
.vtl-webmarkt .ver-timeline > li > h3, .vtl-webmarkt .ver-timeline > li > h4 { line-height:1.6; margin:0; padding-bottom:5px; font-size:16px; font-weight:600; text-align:left; }
.vtl-webmarkt .ver-timeline > li > h5 { line-height:1.6; font-weight:600; }
.vtl-webmarkt .ver-timeline > li:nth-child(odd) > h3, .vtl-webmarkt .ver-timeline > li:nth-child(odd) > h4, .vtl-webmarkt .ver-timeline > li:nth-child(odd) > h5 {text-align:right; }

.vtl-webmarkt .ver-timeline.n123-9-10 li:nth-child(1):before { content:"1, \00a0 2, \00a0 3"; width:60px; left:-35px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.vtl-webmarkt .ver-timeline.n123-9-10 li:nth-child(2):before { content:"4" }
.vtl-webmarkt .ver-timeline.n123-9-10 li:nth-child(3):before { content:"5" }
.vtl-webmarkt .ver-timeline.n123-9-10 li:nth-child(4):before { content:"6" }
.vtl-webmarkt .ver-timeline.n123-9-10 li:nth-child(5):before { content:"7" }
.vtl-webmarkt .ver-timeline.n123-9-10 li:nth-child(6):before { content:"8" }
.vtl-webmarkt .ver-timeline.n123-9-10 li:nth-child(7):before { content:"9, \00a0 10"; width:60px; left:-35px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }

/* m41 - ver-timeline - giai-doan:inherit from .vtl-webmarkt */
.vtl-giaidoan .ver-timeline {counter-reset:section; list-style-type:none; position:relative; padding-right:30px; }
.vtl-giaidoan .ver-timeline li:last-child::after {content:''; width:32px; height:32px; position:absolute; bottom:0; right:-18px; border-radius:50%; background-image:-webkit-linear-gradient(55deg,#f15722 0%,#F7921C); background-image:-ms-linear-gradient(55deg,#f15722 0%,#F7921C); }
.vtl-giaidoan .ver-timeline li:last-child:nth-child(odd)::after { right:initial; left:-18px }

.vtl-giaidoan .ver-timeline > li:before { width:110px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.vtl-giaidoan .ver-timeline > li:nth-child(1):before { content:"Giai \00a0 đoạn \00a0 1"; }
.vtl-giaidoan .ver-timeline > li:nth-child(2):before { content:"Giai \00a0 đoạn \00a0 2"; }
.vtl-giaidoan .ver-timeline > li:nth-child(3):before { content:"Giai \00a0 đoạn \00a0 3"; }
.vtl-giaidoan .ver-timeline > li:nth-child(4):before { content:"Giai \00a0 đoạn \00a0 4"; }
.vtl-giaidoan .ver-timeline > li:nth-child(5):before { content:"Giai \00a0 đoạn \00a0 5"; }
.vtl-giaidoan .ver-timeline > li:nth-child(6):before { content:"Giai \00a0 đoạn \00a0 6"; }

.vtl-giaidoan .ver-timeline > li:nth-child(odd):before {margin-right:-85px; }
.vtl-giaidoan .ver-timeline > li:nth-child(even):before { margin-left:-85px; }
.vtl-giaidoan .ver-timeline > li > h5 {font-size:20px; margin-top:0; }

.vtl-giaidoan-c::after { content:''; clear:both; display:block; }
.vtl-giaidoan-l { float:left; width:40%; padding-right:50px; }
.vtl-giaidoan-r { float:left; width:60%; }
.vtl-giaidoan-l img { max-width:100%; }

/*=== timeline ================================================*/
.m-timeline .h-title {text-align: center !important;}

.timeline:before {content:'';position:absolute;height:100%;left:50%;width:2px;top:-20px;background: #FBBC05;z-index:1;}
.timeline:after {content:'\e688';font-family: 'pe7';font-size: 48px;color: #FBBC05;position:absolute;width: 48px;height: 48px;line-height: 48px;left: calc(50% - 23px);bottom: -1px;text-align: center;}
.timeline {position:relative;margin:50px auto;width:1000px;padding: 20px 0;}
.timeline ul { margin:0; padding:0; }
.timeline ul::after { content:''; clear:both; display:block; }
.timeline ul li {list-style:none;box-sizing:border-box;line-height:normal;position:relative;width:50%;padding: 30px 30px !important;margin:0 !important;}

.timeline ul li:nth-child(odd) {float:left;text-align:right;clear:both;padding: 20px 30px !important;}
.timeline ul li:nth-child(even) {float:right;text-align:left;clear:both;padding: 20px 30px !important;}
.left_content { padding-bottom:20px; }
.timeline ul li:nth-child(odd):before {content:'';position:absolute;width:10px;height:10px;background: #FBBC05;border-radius:50%;box-shadow: 0 0 0 3px rgba(251,188,5,.3);right:-6px;top:24px;z-index:1;}
.timeline ul li:nth-child(even):before {content:'';position:absolute;width:10px;height:10px;background: #FBBC05;border-radius:50%;box-shadow: 0 0 0 3px rgba(251,188,5,.3);left:-4px;top:24px;z-index: 2;}
.timeline ul li:nth-child(odd) .left_content {position:absolute;top:7px;right: -130px;margin:0;padding: 5px 15px;box-shadow: 0 0 0 3px #FBBC05;border-radius:25px;width: 100px;text-align: center;}
.timeline ul li:nth-child(even) .left_content {position:absolute;top:7px;left: -130px;margin:0;padding: 5px 15px;box-shadow: 0 0 0 3px #FBBC05;border-radius:25px;width: 100px;text-align: center;}

.timeline ul li:nth-child(odd) .left_content.w140 { width:140px; right: -170px; }
.timeline ul li:nth-child(even) .left_content.w140 { width:140px; left: -170px; }

.timeline ul li .right_content h2 { color:#003882; padding:0px 2px 18px 0px; margin:0 !important; }
.timeline ul li .left_content h3 {margin: 0;padding:2px 0 0;}
.timeline strong, .timeline b { font-weight:600; color:#000; }

/* thong ke so lieu */
.sts-num {width:100%; overflow:hidden; background-repeat:no-repeat; background-size:cover !important; background-attachment:fixed !important; }
.sts-num::before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,.5); z-index:0; }
.sts-num > ul { padding:10% 0% 8%!important; z-index:1; position:relative; }
.sts-num > ul > li {line-height:1.6; text-align:center; float:left; width:25%; }
.sts-num > ul > li .count {width:180px; height:180px; line-height:180px; box-sizing:border-box; display:block; text-align:center; margin:0 auto; border:1px solid #ccc; border-radius:100%; margin-bottom:20px; }
.sts-num > ul::after { content:''; display:block; clear:both; }

/* block hinh có chữ trên hình */
.home_blockbkg_wrapp { position:relative; min-height:150px; background:none !important; border-radius:16px; overflow:hidden; }
.home_blockbkg_wrapp section { position:relative; }
.home_blockbkg_wrapp section > .img { width:100%; border-radius:12px; }
.home_blockbkg_wrapp .main::before {content:''; border-radius:0 0 12px 12px; /* background:rgba(0,0,0,.3); */position:absolute; top:50%; left:0; right:0; bottom:0; z-index:1; background-image:linear-gradient(to top,rgba(0,0,0,.8) ,rgba(0,0,0,0)); }
.home_blockbkg_wrapp .main.no-overlay::before { display:none; }
.home_blockbkg_wrapp .main.full-overlay::before { top:0; }
.home_blockbkg_wrapp .main {color:#fff; /* text-shadow:1px 1px 2px #111; */position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; }
.home_blockbkg_wrapp .main > .t, .home_blockbkg_wrapp .main > .b { position:absolute; top:0; left:calc((100% - 1000px) / 2); width:1000px; margin:30px auto; z-index:2; line-height:2; text-align:left; }
.home_blockbkg_wrapp .main > .b { top:initial; bottom:0; }
.home_blockbkg_wrapp .main h4 {color:#f7971d; font-weight:500; font-size:22px; text-align:left; line-height:1.6; }
.home_blockbkg_wrapp .main h4 a { color:#f7971d; }
.home_blockbkg_wrapp li { display:inline-block; }
.home_blockbkg_wrapp li a { position:relative; padding-left:30px; display:inline-block; min-width:320px; color:#fff; }
.home_blockbkg_wrapp li a::before {content:'\e699'; font-family:pe7; font-size:20px; position:absolute; top:-5px; left:0; -webkit-animation:infinite; -webkit-animation-name:run-l-r; -webkit-animation-duration:.8s; }
.home_blockbkg_wrapp li a:hover, .home_blockbkg_wrapp .main h4 a:hover { color:#32ec91; text-shadow:1px 1px 2px #111; }

.home_blockbkg_wrapp .main h4 a.icolink {position:relative; padding-left:40px; display:inline-block; padding-right:30px; min-width:320px; }
.home_blockbkg_wrapp .main h4 a.icolink::before {content:'\e699'; font-family:pe7; font-size:28px; font-weight:600; position:absolute; top:-5px; left:0; -webkit-animation:infinite; -webkit-animation-name:run-l-r; -webkit-animation-duration:.8s; }

.sec-header-bkg {padding:20px; background-color:#20bd70; color:#fff !important; text-align:center !important; position:relative; }
.sec-header-bkg::before {content:''; width:100%; height:30px; position:absolute; top:-29px; left:0; right:0; background-color:#20bd70; clip-path:polygon(100% 0, 100% 100%, 0 100%); }
.sec-header-bkg::after {content:''; width:100%; height:30px; position:absolute; bottom:-29px; left:0; right:0; background-color:#20bd70; clip-path:polygon(0 0, 100% 0, 100% 100%); }

/* verticle list *******************************************************/
.home-intro-wrapper { width:1170px; margin:50px auto; }
.home-intro-wrapper .h-title { text-align:center; padding:0 15px 15px; font-size:2rem; }
.home-intro-wrapper > ul, .home-intro-wrapper > ul > li { list-style:none; padding:0; margin:0; }
.home-intro-wrapper > ul::after { content:''; display:block; clear:both; }
.home-intro-wrapper > ul > li {float:left; width:25%; padding:0 15px; }
.home-intro-wrapper li .img { height:180px; overflow:hidden; border-radius:8px; background-size:cover !important; }
.home-intro-wrapper li .img a { display:block; }
.home-intro-wrapper li .img img { margin:0 !important; display:none; }
.home-intro-wrapper li .brf h2, .home-intro-wrapper li .brf h3 {text-align:left; font-size:16px; font-weight:600; text-transform:uppercase; line-height:1.6; margin:15px 0 5px; }
.home-intro-wrapper li .brf h5, .home-intro-wrapper li .brf h6 {text-align:left; font-size:14px; line-height:1.6; margin:0; }
.home-intro-wrapper .read-more { position:relative; padding-left:30px; padding-top:1px; display:inline-block; }
.home-intro-wrapper .read-more::before { content:'\f178'; font-family:FontAwesome; font-size:16px; position:absolute; top:1px; left:3px; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; }
.home-intro-wrapper .read-more:hover::before { left:10px; }

/********************* M32 *************************/
.m32 .main { width:1000px; margin:0 auto; padding:35px 0; }
.m32-c > ul > li, .m32-c .show_all_c > ul > li { position:relative; text-align:left; background:#fff; border:1px solid #EBEEF0; margin:15px 0; padding:10px; }
.m32-c > ul > li > div, .m32-c .show_all_c > ul > li > div {padding:5px 10px; display:none; }
.m32-c > ul > li td, .m32-c .show_all_c > ul > li td { border-color:#ccc; }
.m32-c .show_all_c { display:none; }
.m32-c > ul > li > h5, .m32-c .show_all_c > ul > li > h5 {color:#5C5C5C; font-size:16px; padding:11px 10px 11px 50px; cursor:pointer; position:relative; font-weight:400; margin:0; }
.m32-c > ul > li > h5::after, .m32-c .show_all_c > ul > li > h5::after { content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; }
.m32-c > ul > li > h5::before, .m32-c .show_all_c > ul > li > h5::before { content:''; position:absolute; top:10px; left:10px; width:50px; height:50px; background:#000; cursor:pointer; }
.m32-c > ul > li > h5::before, .m32-c > ul > li.active > h5::before, .m32-c .show_all_c > ul > li > h5::before, .m32-c .show_all_c > ul > li.active > h5::before {border-radius:50%; background:none; font-weight:bold; font-family:FontAwesome; line-height:40px; content:'\f055'; top:0; left:0; font-size:40px; width:40px; height:40px; text-align:center; color:#848687; }
.m32-c > ul > li:hover > h5, .m32-c .show_all_c > ul > li:hover > h5, .m32-c > ul > li.active > h5, .m32-c .show_all_c > ul > li.active > h5 {color:#dc0723; }
.m32-c > ul > li:hover > h5::before, .m32-c .show_all_c > ul > li:hover > h5::before {/* content:'\f056'; */color:#19435A; }
.m32-c > ul > li.active > h5::before, .m32-c .show_all_c > ul > li.active > h5::before {content:'\f056'; }

.button-exp, .button-col {cursor:pointer; clear:both; color:#fff; font-weight:400; border:1px solid #5C5C5C; padding:10px 20px 8px; border-radius:35px; margin:10px auto; text-transform:uppercase; font-size:15px; background:#5C5C5C; text-align:center; width:180px; }
.button-exp:hover, .button-col:hover { box-shadow:0 4px 6px 0 rgba(32,33,36,0.28); -moz-box-shadow:0 4px 6px 0 rgba(32,33,36,0.28); -webkit-box-shadow:0 4px 6px 0 rgba(32,33,36,0.28); }

/* 3 vong tron co text */
ul.cir3 { text-align:center }
ul.cir3::after { content:''; display:block; clear:both; }
ul.cir3 > li { float:none !important; display:inline-block; vertical-align:top; width:250px; height:250px; padding:1%; }
ul.cir3 > li > div.c { width:100%; height:100%; color:#fff; background-image:-moz-linear-gradient(55deg,#FF0101 0%,#FF3737); background-image:-webkit-linear-gradient(55deg,#FF0101 0%,#FF3737); background-image:-ms-linear-gradient(55deg,#FF0101 0%,#FF3737); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:flex; vertical-align:middle; align-items:center; padding:20px; }

/* box location:with address + tel */
.locations_wrap .main { width:1170px; margin:0 auto }
ul.loc_wrap::after { content:''; display:block; clear:both; }
ul.loc_wrap > li {list-style:none; text-align:left; vertical-align:top; display:inline-block; width:31%; border:1px solid #ccc; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; margin:1%; padding:15px 20px !important; }
ul.loc_wrap > li > h3 {margin:0 !important; font-size:18px; line-height:1.6; }
ul.loc_wrap li .address, ul.loc_wrap li .tel { position:relative; padding:10px 0 10px 40px; }
ul.loc_wrap li .address::before, ul.loc_wrap li .tel::before {content:'\e6bb'; font-family:'pe7'; font-size:32px; position:absolute; top:10px; left:0; }
ul.loc_wrap li .tel::before {content:'\e670'; top:0px; }
ul.loc_wrap > li:hover { box-shadow:inset 0 0 10px #ebebeb, 0 0 10px #a1a1a1; -moz-box-shadow:inset 0 0 10px #ebebeb, 0 0 10px #a1a1a1; -webkit-box-shadow:inset 0 0 10px #ebebeb, 0 0 10px #a1a1a1; }


.li-num {display:inline-block; }
.li-num .n {background-color:#D6EBD3; font-weight:normal; padding:3px 8px; margin-right:5px; display:inline-block; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; }
 
.m33-grid .brief { max-width:600px; margin:0 auto; line-height:1.4; font-size:18px; padding:10px; }

ul.m33_grid, .m33_grid li { list-style:none; padding:0; margin:0; }
ul.m33_grid {padding-top:20px; padding-bottom:20px; margin:0 auto; display:table; }
ul.m33_grid::after { content:''; display:block; clear:both; }
ul.m33_grid li { position:relative; overflow:hidden; width:200px; height:200px; display:inline-block; vertical-align:middle; cursor:pointer; border:1px solid #eee; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; margin:15px; padding-top:13px; }
ul.m33_grid li.active, ul.m33_grid li:hover {border-color:#F7921C; box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.1), 0 20px 50px 0 rgba(0, 0, 0, 0.1); }
ul.m33_grid li h3 {color:#000; font-size:100%; line-height:inherit; margin:0; padding:0 10px; }
ul.m33_grid li.active h3, ul.m33_grid li:hover h3 { color:#F7921C; }
ul.m33_grid li::after {content:'\f061'; color:#888; font-size:12px; font-family:FontAwesome; display:block; position:absolute; bottom:0; right:0; background:#f1f1f1; width:40px; height:20px; border-radius:18px 0 25px; }
ul.m33_grid li.active::after, ul.m33_grid li:hover::after { background:#F7921C; color:#fff; }
#dw0content ul.m33_grid li img.img-svg {height:100px; margin:9px 10px 7px; }

/*=========================== ==================================================*/
.tb-pricing-act table tr td, .tb-pricing-act table tr th { padding:5px; }
.button, .contact_c .button, .pl_readmore a { line-height:1.6em; outline:none; position:relative; overflow:hidden; display:inline-block; padding:8px 22px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; font-size:14px; width:initial; height:initial; -webkit-transition:color .25s, background-color .25s ease-in-out, border-color .25s; transition:color .25s, background-color .25s ease-in-out, border-color .25s; border:1px solid transparent; color:#fff; background-color:#4285F4; background-image:-moz-linear-gradient(55deg,#75b2f0 0%,#20bd70); background-image:-webkit-linear-gradient(55deg,#75b2f0 0%,#20bd70); background-image:-ms-linear-gradient(55deg,#75b2f0 0%,#20bd70); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.btn-act { font-size:16px; font-weight:normal; padding-right:40px; position:relative; font-style:normal; background-color:#F7921C; background-image:-moz-linear-gradient(55deg,#f15722 0%,#F7921C); background-image:-webkit-linear-gradient(55deg,#f15722 0%,#F7921C); background-image:-ms-linear-gradient(55deg,#f15722 0%,#F7921C); }

/*=========================== responsive ==================================================*/
/* For Tablet View */
@media screen and (min-device-width:901px) and (max-device-width:1116px) { 
	.main_wrapper { width:100% !important; }
	.locations_wrap .main { width:100%; }
	.timeline { width:100%; }
	
	.m33 .main, .m34 .main, .tk1 .main, .price-tbl1 .main { width:100%; }
}
 
@media screen and (min-device-width:769px) and (max-device-width:900px) { 
	.main_wrapper { width:100% !important; }
	.locations_wrap .main { width:100%; }
	.timeline { width:100%; }
	ul.loc_wrap > li { width:47%; }
	
	.home-intro-wrapper { width:100%; }
	.home-intro-wrapper > ul > li { width:50%; padding-bottom:30px; }
	
	.m13 .main, .m14 .main, .m41 .main,
	.m42 .main, .m43 .main, .m44 .main, .m46 .main, .m47 .main, .m49 .main,
	.m33 .main, .m34 .main, .tk1 .main, .price-tbl1 .main
	{width:100%; padding-left:2%; padding-right:2%; }
	
	.m33-c > .item, .m34-c > .item, .tk1-c > .item { width:29%; }
}
 
/* For Mobile View */
@media screen and (max-device-width:768px) { 
	.vwfont { font-size:2vw; }
	section > .main { width:100% !important; box-sizing:border-box; }
	.main_wrapper { width:100% !important; }
	.main_wrapper .h-title { width:100% !important; font-size:110% !important; padding:2% !important; }
	.main_wrapper .brief { font-size:110% !important; padding:1% 2% !important; }
	
	.m13 .main, .m14 .main, .m41 .main
	,.m33 .main, .m34 .main, .tk1 .main, .price-tbl1 .main
	,.m42 .main, .m43 .main, .m44 .main, .m46 .main, .m47 .main, .m49 .main
	{ width:100%; padding-left:2%; padding-right:2%; }

	.m41 .main > div {width:100% !important; max-width:100% !important; text-align:center; }

	.m01 .h, .m18 .h { font-size:120% !important; line-height:1.2; }
	.m01 .ulc, .m18 .ulc { margin-bottom:5%; }
	.m01 .li-1a, .m01 .li-2a, .m01 .li-3a, .m01 .li-4a, .m18 .li-1a, .m18 .li-2a, .m18 .li-3a, .m18 .li-4a { width:100% !important; margin:0 !important; box-sizing:border-box; padding:2%; margin-left:0; }
	.m01 .main { padding:5% 0; }
	.m01 .main { width:100%; box-sizing:border-box; }
	.m01 .info { padding:2% !important; font-size:100% !important; }
	.m01 .info * { font-size:100% !important; }
	.m01 .ulc > li { font-size:8px; padding:0 !important; }
	.m01 .main > .ult { margin-top:0 !important; }
	.m01 .ult > li { margin:0 !important; }

	.m41 td, .m42 td, .m43 td, .m44 td, .m46 td, .m48 td, .m49 td { font-size:14px !important; }
	
	.m42 > section > .main > div, .m49 > section > .main > div, .m16 > section > .main > div { clear:both; width:100% !important; padding-left:0 !important; padding-right:0 !important; }
	.m42 > section > .main > div:ntd-child(1), .m49 > section > .main > div:ntd-child(1) { padding:4% 2% !important; }
	.m42-content table { width:100% !important; }

	.m43 .main, .m44 .main, .m46 .main, .m47 .main, .m49 .main { width:100% !important; padding:5% 2%; }
	.m41 .main > div { padding:0 !important; }
	.m41 .main > div.brief { padding:10px 0 !important; }
	.m13 .main > div, .m14 .main > div, .m41 .main > div { float:none !important; }

	.m33-c > .item, .m34-c > .item, .tk1-c > .item { width:100% !important; margin:0; padding:0 2%; text-align:center; }
	.m33-c > .item img, .m34-c > .item img, .tk1-c > .item img { height:auto !important; width:auto !important; margin-left:auto; margin-right:auto; padding-top:5%;}
	.m33 .item li, .m34 .item li, .tk1 .item li { text-align:left; }

	.m33-c-hr > .item > .img { height:auto; }
	.m33-c-hr > .item > .h { text-align:justify }
	.m33-c-hr > .item .tt { text-align:left }

	.tk1 .brf { text-align:justify; padding-left:2%; padding-right:2%; }
	

	/* m31 */
	.m31 section { width:100%; }
	.m31 .footer { width:100%; border-radius:5px; width:96%; padding:15px !important; text-align:left !important; }
	.m31 .footer * { font-size:100% !important; }
	.m31 .body_mobile::after { left:12px; }
	.m31 .ul-all { width:100%; padding:2%; box-sizing:border-box; position:relative; background:url(images/ul-line-v.png) repeat-y -166px 0; }
	.m31 .ul-all .item {padding-right:0; padding-left:55px; background-position:left 12px; }
	.m31 .ul-all .number { left:0; }
	.m31 .item .p {width:100%; }
	.m31 .item .h h5 { padding-left:15px; text-align:left; }
	.m31 .item .h::after { left:15px; }
	.m31 .icon1, .m31 .icon2, .m31 .icon3, .m31 .icon4, .m31 .icon5, .m31 .icon6, .m31 .icon7, .m31 .icon8, .m31 .icon9, .m31 .icon10 { display:none; }
	.m13-content, .m41-content, .m42-content, .m43-content, .m44-content, .m46-content, .m48-content, .m49-content {padding-left:2%; padding-right:2%; text-align:justify !important; }

	/* m32 */
	.m32 .main, .m32-c { padding-left:1%; padding-right:1%; }
	.m33-c > .item, .m34-c > .item, .tk1-c > .item { width:100% !important; margin:0; padding:0 2%; text-align:center; padding-top:5%; }
	.m33-c > .item img, .m34-c > .item img, .tk1-c > .item img { height:auto !important; width:auto !important; margin-left:auto; margin-right:auto; }
	.m33 .item li, .m34 .item li, .tk1 .item li { text-align:left; }
	
	/* m41 */
	.main_wrapper .h-title, .main_wrapper .brief {font-size:20px !important; padding-left:2% !important; padding-right:2% !important; text-align:center; max-width:100% !important; }
	.m41 .main {padding-top:30px; padding-bottom:10px; }
	.m41-img {display:none; }
	.m41 .brief, .m42 .brief {font-size:18px; text-align:center; }
	ul.li-line:before { left:19px !important; }
	ul.li-line li {margin-left:35px; padding-left:5px; }
	ul.li-line { padding-right:2%; }

	.m33-c > .item .img img {max-width:200px !important; }
	.m33-c, .m34-c, .tk1-c { padding-top:0; }

	.m42 .h-title, .m43 .h-title, .m44 .h-title, .m48 .h-title, .m49 .h-title {text-align:center; padding:0 !important; font-size:24px !important; }

	/* m-bkg-1 */
	.mbkg1.background-fix { background-size:cover !important; }
	.mbkg1-full { width:100%; }
	.mbkg1-left, .mbkg1-center, .mbkg1-right {width:92%; height:auto; margin-left:4%; margin-right:4%; margin-bottom:30px; }
	
	.mbkg-price .main { padding-top:35px; }
	.mbkg-price .main::before { border-left-width:25px; border-right-width:25px; border-top-width:20px; left:calc(50% - 25px); }
	.mbkg-price .mbkg1-left, .mbkg-price .mbkg1-right, .mbkg-price .mbkg1-center { padding-bottom:30px !important; margin-bottom:15px !important; }
	.mbkg-price-light .mbkg1-left, .mbkg-price-light .mbkg1-right, .mbkg-price-light .mbkg1-center { padding-bottom:0 !important }
	
	.mbkg-price .btn-ft {position:relative; bottom:initial; padding-top:10px; }
	.mbkg-price .mbkg1-full li { padding-left:0; text-align:center }
	.mbkg-price .mbkg1-full li::before { display:none; }
	
	.mbkg-price .mbkg1-full ul.num-bullet li { text-align:left; padding-left:30px; }
	.mbkg-price .mbkg1-full ul.num-bullet li::before { display:initial; }
	
	.subcat-pricelist .li { width:92%; float:none; margin:0 auto 30px; }
	
	
	.ver-timeline { padding-left:20px; padding-right:20px; }

	.vtl-giaidoan .ver-timeline { padding-right:0; padding-left:0; }
	.vtl-giaidoan .ver-timeline > li:nth-child(odd):before { margin-right:-98px; }
	.vtl-giaidoan .ver-timeline > li:nth-child(even):before { margin-left:-98px; }
	.vtl-giaidoan .ver-timeline > li > h5 { padding-top:50px; text-align:left !important; }
	.ver-timeline li {padding-left:4%; padding-right:4%; }

 .ver-timeline li:nth-child(odd) .dest-btn-s {left:-15px !important; }
	.ver-timeline li:nth-child(even) .dest-btn-s { right:-24px !important; }
	
	.ver-timeline .btn-goto-next { white-space:nowrap; max-width:100%; overflow:hidden; }
	
	.m07 .main { padding:2% 4%; }
	.m07-content { font-size:100%; }
	.m07-content table { width:100% !important; }
	.m07 .main > .c1, .m07 .main > .c2 {width:100% !important; padding-left:0 !important; padding-right:0 !important; }
	
	.mbkg1-full { margin-bottom:5px; }
	
	.m18 .h-title, .m18 .brief { padding-left:2%; padding-right:2%; text-align:center; }
	.m18 .g-item { height:auto; min-height:initial; }
	.m18 .c-left, .m18 .c-right { float:none; width:100%; height:auto; }
	.m18 .g-item .absolute-text { position:relative; }
	
	/* thong ke so lieu */
	.sts-num { padding-top:50px; }
	.sts-num > ul { width:100% !important; }
	.sts-num > ul > li {width:100% !important; float:none !important; padding-bottom:15px; }
	.sts-num > ul > li .count {width:150px; height:150px; line-height:150px; font-size:36px !important; margin-bottom:10px; }
	.sts-num > ul > li p {line-height:1.6; font-size:18px !important; }
	
	/* block hinh có chữ trên hình */
	.home_blockbkg_wrapp { margin:0 !important; border-radius:0; }
	.home_blockbkg_wrapp .h-title { margin:0; }
	.home_blockbkg_wrapp .main {position:relative; text-shadow:none; color:#111; }
	.home_blockbkg_wrapp .main > .t, .home_blockbkg_wrapp .main > .b {line-height:1.6; left:0; width:92%; position:relative; margin-top:15px; }
	.home_blockbkg_wrapp .main h4 {font-weight:400; font-size:16px; text-shadow:none; }
	.home_blockbkg_wrapp .main::before {display:none!important; }
	.home_blockbkg_wrapp li { display:block; min-width:initial; padding-right:5px; margin:2px 0; }
	.home_blockbkg_wrapp li a { color:inherit; min-width:initial }
	.home_blockbkg_wrapp li a:hover, .home_blockbkg_wrapp .main h4 a:hover { text-shadow:none; }
	.home_blockbkg_wrapp li a::before { top:-4px }
	.home_blockbkg_wrapp .main h4 a.icolink::before { top:-10px }
	
	.home-intro-wrapper { width:100%; margin:0 auto }
	.home-intro-wrapper .h-title { font-size:2rem !important; }
	.home-intro-wrapper > ul > li { width:50%; padding-bottom:30px; }
	.home-intro-wrapper li .img { height:auto; background:none !important; }
	.home-intro-wrapper li .img img { margin:0 !important; display:block; }
	.home-intro-wrapper li .brf h2, .home-intro-wrapper li .brf h3 { margin:15px 0 0px; }
	.home-intro-wrapper li .brf h5, .home-intro-wrapper li .brf h6 { margin:0; }
	
	.vtl-giaidoan-l { float:none; width:100%; padding-right:0; display:none; }
	.vtl-giaidoan-r { float:none; width:100%; }
	
	ul.loc_wrap > li { width:47%; }
	
	ul.m33_grid li {width:46%; height:190px; margin:2%; }
	
	.timeline { width:100%; }
	.timeline:before { left:20px; }
	.timeline:after { left:-3px; }
	.timeline ul li:nth-child(odd), .timeline ul li:nth-child(even) { width:100%; text-align:left; padding-left:50px;padding-bottom: 50px !important }
	.timeline ul li:nth-child(odd):before { top:-18px; left:16px; }
	.timeline ul li:nth-child(even):before { top:-18px; left:16px; }
	.timeline ul li:nth-child(odd) .left_content, .timeline ul li:nth-child(even) .left_content {top:-35px;left: 35px;right:inherit;}
	.timeline ul li:nth-child(odd) .left_content h3, .timeline ul li:nth-child(even) .left_content h3 {text-align: center !important;}
	.timeline ul li:nth-child(even) .left_content.w140 { width:140px; left: 35px; }
	.timeline ul li .right_content { padding-top:10px }
	
	.tb-pricing-act table tr td, .tb-pricing-act table tr th { padding: 2px 5px; font-size: 90%; }
	.tb-pricing-act table tr td span, .tb-pricing-act table tr th span { font-size: 90% !important; }
	.tb-pricing-act table tr td p, .tb-pricing-act table tr th p { margin:0 !important; }
}
 

/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width:640px) { 
	.m18 .c-right { display:none; }
	.home-intro-wrapper > ul > li { width:100%; }
	ul.loc_wrap > li {width:94%; margin-left:auto; margin-right:auto; }
	ul.m33_grid li { height:210px }
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width:320px) and (-webkit-min-device-pixel-ratio:2) { 
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2) { 

}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height:667px) and (min-device-width:375px) and (-webkit-min-device-pixel-ratio:3) { 

}


/* For ipad Portrait */
@media only screen and (device-width:768px) and (max-device-width:1024px) and (orientation:portrait) /* portrait */
{
}

/* For ipad Landscape */
@media only screen and (device-width:1024px) and (orientation:landscape) /* ipad landscape */
{
	
}
