@charset "utf-8"; @import url(font.css); @import url(css-trick.css); body { margin: 0 auto; padding: 0 auto; font-size: 15px; line-height: 27px; font-family: 'Playfair Display', serif, Roboto Condensed; font-weight: 400; background: url(../images/bg_body.jpg) }
* { margin: 0 auto; padding: 0 auto; outline: 0; text-decoration: none }
.clr { clear: both }
ul { padding: 0 }
img { border: 0 }
::selection { background-color: #1563a2; color: #fff }
::-webkit-selection { background-color: #1563a2; color: #fff }
-webkit-::selection { background-color: #1563a2; color: #fff }
::-moz-selection { background-color: #1563a2; color: #fff }
.pagewrap { position: relative; width: 1200px; margin: 0 auto }
.padding_pagewrap { padding: 0 10px }
.showText p { padding-bottom: 10px; font-size: 15px; line-height: 27px }
.showText img { display: block; margin: 0 auto; height: auto; max-width: 100% }
.showText ul { padding-bottom: 15px }
.showText ul li { margin-left: 35px; font-size: 15px; line-height: 27px }
.header { background: #fff; padding: 15px 0; background: url(../images/bg_header.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover }
.logo_top li { list-style: none; line-height: 0; float: left }
.logo_top li img { width: auto; height: 70px; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.logo_top ul { float: left; padding-left: 40px; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.logo_top li:hover { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.logo_top ul h1 { text-transform: uppercase; color: #1c4583; font-size: 25px; line-height: 35px; font-weight: 600; margin-bottom: 0; text-shadow: 2px 2px #fff; letter-spacing: 2px }
.logo_top ul h2 { text-transform: uppercase; color: #c0b260; font-size: 20px; line-height: 35px; font-weight: 700; text-shadow: 2px 2px #fff; margin-top: 0 }
.lang_top { position: absolute; right: 0; top: 20px }
.lang_top ul li { float: left; list-style: none; margin-left: 10px; line-height: 0 }
.lang_top ul li img { height: 22px; width: auto; border: solid #fff 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 0, 0, .2); transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s }
.lang_top ul li:hover img { border: solid #1c4583 3px }
.giohang_top { position: absolute; right: 85px; top: 10px; text-align: center }
.giohang_top i { font-size: 23px; color: #1c4583 }
.giohang_top h3 { font-size: 14px; color: #666; font-weight: 400; text-transform: capitalize; line-height: 22px }
.giohang_top h3 span { font-size: 14px; color: #fff; background: #c0b260; height: 12px; width: 12px; padding: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: -7px; right: -2px; line-height: 12px; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s }
.giohang_top:hover h3 span { color: #fff; background: #03a9f4 }
.box_menu { background: #1c4583 }
.menu { float: left }
.menu * { list-style: none }
.menu > li + li { margin-left: 0 }
.menu > li { position: relative; display: inline-table }
.menu > li > a { display: block; height: 45px; line-height: 45px; position: relative; z-index: 2; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 500; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; padding: 0 22px }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 7px; color: inherit; font-size: 11px }
.menu > li:hover > a { color: #c0b260 }
.menu > li:hover > a:after { left: 0; right: 0; opacity: 1 }
.menu > li:hover > ul { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none }
.menu > li.active > a { color: #ef1e23 }
.menu > li.active > a:after { left: 0; right: 0; opacity: 1 }
.menu > li > ul { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; min-width: 200px; z-index: 6; margin: 0; padding: 0; padding-top: 0; display: block; transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; transform-origin: center top 0; -moz-transform-origin: center top 0; -webkit-transform-origin: center top 0; transform: matrix3d(1, 0, 0, 0, 0, 0, 1, .008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, .008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, .008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-box-shadow: 1px 8px 29px -9px rgba(0, 0, 0, .4) }
.menu > li > ul:before { width: 0; height: 0; position: absolute; top: -14px; left: 17px; z-index: 2 }
.menu > li > ul:after { content: ""; position: absolute; top: 12px; left: 3px; right: -3px; bottom: -3px; z-index: 0; background: rgba(0, 0, 0, .05) }
.menu > li > ul > li { z-index: 10; position: relative; margin: 0; color: #333; font-weight: 500; font-size: 14px; padding: 0 15px; background: #fff }
.menu > li > ul > li:first-child { padding-top: 10px; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0 }
.menu > li > ul > li:last-child { padding-bottom: 10px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px }
.menu > li > ul > li:last-child > a { border: none }
.menu > li > ul > li > a { display: block; white-space: nowrap; color: inherit; line-height: 40px; background: rgba(255, 255, 255, 0); border-bottom: solid 1px rgba(146, 146, 146, .5); padding: 0 24px 0 0; text-decoration: none !important; text-transform: capitalize; font-size: 15px; text-align: left }
.menu > li > ul > li > a > span { display: none }
.menu > li > ul > li:hover { z-index: 3 }
.menu > li > ul > li:hover > a { padding: 0 12px 0 12px; background: rgba(255, 255, 255, .2); border-color: transparent; color: #1c4583 }
.menu > li > ul > li > a { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out }
.projects-menu { background: #fff; width: 1180px; left: -260px; position: absolute; content: ""; right: 0; top: 100%; z-index: 3; padding: 10px 10px 20px 10px; box-shadow: 10px 10px 10px rgba(0, 0, 0, .2); border-top: solid #c0b260 6px }
.projects-menu li a { white-space: nowrap; color: inherit; line-height: 40px; border-bottom: solid 1px rgba(255, 255, 255, .67); padding-bottom: 5px; padding: 0 24px 0 0; text-decoration: none !important; text-transform: capitalize; font-size: 15px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; display: block; float: left; width: 21.2%; margin: 0 10px; list-style: none; text-align: left; color: #33 }
.projects-menu li img { margin-right: 10px; height: 20px; width: auto; position: relative; top: 5px }
.projects-menu li a:hover { padding: 0 12px 0 12px; background: rgba(255, 255, 255, .2); border-color: transparent; color: #1c4583 }
.timkiem_top { float: right; border: solid #fff 1px; background: #1c4583; margin-top: 9px; margin-right: 20px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px }
.input_search { padding: 0 15px; height: 25px; width: 150px; float: right; color: #fff; background: 0 0; border: none; font-size: 11px; font-family: Montserrat, sans-serif, Roboto Condensed }
.input_search:focus { color: #fff }
.search a { width: 40px; height: 25px; text-indent: -10000px; background: url(../images/icon-search.png) no-repeat center center; float: right; border-left: 0 }
.conten_page { padding-top: 30px; padding-bottom: 30px }
.bannerInside { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 500px }
.bannerMain { position: relative; overflow: hidden; height: auto }
.banner li { float: left; width: 100%; height: 100% !important; list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative }
.posBL { left: 0; bottom: 0 }
.pagiBanner { position: relative; left: 0; right: 0; bottom: 35px; margin: auto; width: auto; text-align: center; z-index: 3 }
.pagiBanner a { display: inline-block; vertical-align: text-top; width: 14px; height: 14px; background: #1c4583; text-indent: -100000px; margin: 0 5px; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5); box-shadow: 0 0 8px rgba(0, 0, 0, .5); border: solid #fff 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50% }
.pagiBanner a.selected { background: #c0b260 }
.left_conten { float: left; width: 22%; position: sticky; top: 0; z-index: 2 }
.box_id_home { margin-bottom: 20px; padding: 10px; border: solid #ccc 1px; background: #fff }
.title_tin_id { background: #1c4583; padding: 10px 10px; margin-bottom: 15px }
.title_tin_id h3 { font-size: 17px; text-transform: uppercase; color: #fff; line-height: 30px; font-weight: 600; float: left; padding: 0 5px }
.tin_left ul { padding-bottom: 15px }
.tin_left ul li { float: left; width: 40%; list-style: none; line-height: 0; position: relative; overflow: hidden; display: block }
.tin_left ul li img { width: 100%; height: auto; webkit-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1); transition: all 450ms cubic-bezier(.645, .045, .355, 1) }
.tin_left ul h4 { float: left; width: 54%; margin-left: 10px; color: #333; font-size: 14px; line-height: 20px; font-weight: 400; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out }
.tin_left ul h4:hover { color: #1c4583 }
.one_new_home ul p, .tt_top_1 ul p, .tti_more ul p { font-size: 14px; color: #666; line-height: 23px }
.menu_left ul li img { height: 24px; width: auto; position: absolute; left: 5px; top: 8px }
.menu_left { padding: 10px; background: #c0b260 }
.menu_left ul li { color: #333; list-style: none; position: relative }
.menu_left ul li a { display: block; color: #fff; border-bottom: dotted #fff 1px; -webkit-transition: .1s background-color linear, .1s color linear; -moz-transition: .1s background-color linear, .1s color linear; -o-transition: .1s background-color linear, .1s color linear; transition: .1s background-color linear, .1s color linear; padding: 5px 10px; padding-left: 38px }
.menu_left ul li a:hover, .menu_left ul li.acti a { color: #1c4583 }
th { background-color: #f60; color: #fff; line-height: 45px; text-align: center; font-size: 20px; font-weight: 400; text-transform: uppercase }
tr:hover { background-color: #f5f5f5 }
td, th { border-bottom: 1px solid #ddd }
td, th { padding: 5px }
td { height: 25px; font-size: 10px; font-size: 15px; line-height: 25px }
td a { color: #019642; text-align: center; font-size: 16px }
td a:hover { color: #f60 }
th { font-size: 17px; line-height: 30px; padding: 5px 0 }
table { border: 1px solid #000 }
table { width: 100% }
table { border-collapse: collapse }
table, td, th { border: 1px solid #ccc; text-transform: capitalize }
.right_conten { float: left; width: 75%; margin-left: 20px; position: sticky; top: 0 }
.sharelink { -webkit-animation: blurFadeRight .4s ease-in .4s backwards; -moz-animation: blurFadeRight .4s ease-in .4s backwards; -ms-animation: blurFadeRight .4s ease-in .4s backwards; text-align: center; padding-top: 10px; height: 35px }
.sharelink a img { background: 0 0; border: solid #1c4583 4px; padding: 2px; margin-right: 10px; -moz-border-radius: 50%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; background: #1c4583 }
.sharelink img:hover { background: #c0b260; border: solid #c0b260 4px }
.bottom_id_copyright { text-align: center; padding: 20px 0; background: #fff; color: #333; font-size: 14px }
.bottom_id_copyright a { color: #333; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out }
.bottom_id_copyright a:hover { color: #1c4583; text-decoration: underline }
.footer_bottom { padding-top: 30px; color: #fff; padding-bottom: 20px; position: relative; background: #1c4583; padding-left: 10px; padding-right: 10px }
.footer_company { float: left; width: 78% }
.footer_company ul { float: left; width: calc(100% / 3 - 20px); box-sizing: border-box; margin-right: 2%; border-right: solid #fff 1px; padding-right: 2%; margin: 0 10px; margin-bottom: 10px }
.footer_company h2 { font-size: 22px; text-transform: uppercase; margin-bottom: 30px; font-weight: 600; position: relative; color: #c0b260; line-height: 35px }
.footer_company h2:after { content: ""; display: block; width: 120px; height: 3px; background: #fff; margin-top: 12px }
.footer_company ul h3 { font-size: 15px; text-transform: uppercase; font-weight: 600; padding-bottom: 10px }
.footer_company ul p { font-size: 12px; line-height: 25px }
.company_contact ul p i, .footer_company ul p i, .left_home_2 ul li i, .tti_more ul h4 i { padding-right: 8px }
.dangkynhantin_footer { width: 22%; float: left }
.dangkynhantin_footer h2 { font-size: 20px; font-weight: 400; padding-bottom: 0; color: #2c77e0 }
.dangkynhantin_footer ul form input { float: left; height: 35px; background: #fff; border: solid #2c77e0 1px; border-right: none; width: 145px; padding: 0 10px; color: #999; list-style: none }
.dangkynhantin_footer ul form input:focus { color: #323232; background: #fff }
.dangkynhantin_footer ul form a { float: left; line-height: 35px; color: #fff; background: #2c77e0; padding: 0 15px; border: solid #2c77e0 1px }
.dangkynhantin_footer ul form a:hover { color: #fff; text-decoration: none; background: #034ea2; border: solid #034ea2 1px; border-left: solid #034ea2 1px }
.dangkynhantin_footer p { padding: 0; padding-bottom: 10px; color: #333; font-size: 16px; line-height: 24px }
.map_footer { float: left; margin: 0 20px; width: 390px }
.map_footer iframe { width: 100%; height: 210px }
#back-top { position: fixed; bottom: 30px; right: 10px; z-index: 1 }
#back-top a { display: block; width: 40px; line-height: 25px; background: #c0b260; outline: 0; color: #fff; font-size: 25px; text-align: center; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; height: 30px; padding-top: 5px; padding-bottom: 5px }
#back-top a:hover { color: #fff; background: #ff5722 }
.titile_page { border-bottom: solid #ccc 1px; margin-bottom: 25px; padding-bottom: 15px }
.titile_page h3 { line-height: 35px; font-size: 23px; font-weight: 600; text-transform: uppercase; border-left: solid #c0b260 7px; color: #1c4583; padding-left: 15px; letter-spacing: 1px }
.titile_page h3 a { color: #1c4583; line-height: 35px; font-size: 23px; letter-spacing: 1px }
.tti_more ul h3 a { font-size: 22px; font-weight: 600; color: #333; line-height: 33px; margin-bottom: 7px; display: block; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; text-transform: none }
tti_more { border-bottom: dotted #ccc 1px; margin-bottom: 15px; padding-bottom: 15px }
.tti_more li { float: left; list-style: none; line-height: 0; width: 32%; position: relative; overflow: hidden; display: block }
.tti_more li img { width: 100%; height: auto; webkit-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1); transition: all 450ms cubic-bezier(.645, .045, .355, 1) }
.tti_more ul { float: right; width: 65%; color: #333; line-height: 28px }
.tti_more ul h4 { font-size: 14px; font-weight: 400; color: #9c9c9c; padding-bottom: 5px }
.tti_more { margin-bottom: 20px }
.line_tt { margin-bottom: 25px; border-bottom: solid #ccc 1px; padding-bottom: 20px }
.daily_id ul li img:hover, .left_tt_home ul li img:hover, .one_new_home li img:hover, .one_new_home_right li img:hover, .pro_id ul li img:hover, .right_tt_home ul li img:hover, .services_home ul li img:hover, .tin_left ul li img:hover, .tintuc_home_id ul li a img:hover, .tti_more li img:hover, .ttvb_home_c ul li img:hover, .ttvb_home_l ul li img:hover { transform: scale(1.2); opacity: 1; -webkit-filter: grayscale(0) }
.left_tt_home ul h3 a:hover, .one_new_home ul h3 a:hover, .one_new_home_right ul h3 a:hover, .right_tt_home ul h3 a:hover, .tt_cd_id ul h2 a:hover, .tti_more ul h3 a:hover { color: #1c4583 }
.menu_left ul li i, .one_new_home_right ul h3 span i, .tti_more ul h4 i, .ttvb_home_r ul p i { padding-right: 8px }
.one_new_home li { width: 100%; line-height: 0; list-style: none; position: relative; overflow: hidden; display: block }
.one_new_home li img { width: 100%; height: auto; webkit-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1); transition: all 450ms cubic-bezier(.645, .045, .355, 1) }
.one_new_home ul { padding-top: 10px; color: #333 }
.one_new_home ul h3 a { font-size: 25px; font-weight: 600; color: #333; line-height: 35px; margin: 0 0 10px 0; display: block; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; text-transform: none }
.one_new_home { float: left; width: 55% }
.one_new_home_right { float: right; width: 41%; border-left: solid #ccc 1px; padding-left: 2% }
.one_new_home_right ul { padding-bottom: 13px }
.one_new_home_right li { float: left; width: 35%; list-style: none; line-height: 0; position: relative; overflow: hidden; display: block }
.one_new_home_right li img { width: 100%; height: auto; webkit-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -o-transition: all 450ms cubic-bezier(.65, .05, .36, 1); transition: all 450ms cubic-bezier(.645, .045, .355, 1) }
.one_new_home_right ul h3 { float: right; width: 60% }
.one_new_home_right ul h3 a { font-size: 15px; font-weight: 600; color: #333; line-height: 22px; display: block; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out }
.one_new_home_right ul h3 span { font-size: 12px; color: #919191; line-height: 20px; display: block; font-weight: 400; padding-top: 7px }
.title_news { border-bottom: solid 1px #e6e6e6; margin-bottom: 15px }
.title_news h2 { font-size: 22px; line-height: 40px; font-weight: 600; color: #f60; text-transform: uppercase; margin-bottom: 10px }
.title_news li { font-size: 16px; color: #666; list-style: none; list-style: none; background: url(../images/icon_day.png) center left no-repeat; padding-left: 25px; margin-bottom: 10px; font-style: italic }
.title_news p { line-height: 28px; color: #000; font-size: 16px; font-style: italic; font-weight: 500; padding-bottom: 15px }
.nums { table-layout: auto; margin-top: 10px; text-align: center }
.nums li { list-style: none; display: inline-table }
.nums a { font-size: 16px; display: block; margin: 0 6px 0 0; padding: 3px; line-height: 30px; height: 30px; width: 30px; table-layout: inherit; text-align: center; color: #fff; background: #2196f3; text-decoration: none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out }
.nums a.active, .nums a.stay:hover, .nums a:hover { background: #1c4583; color: #fff }
.nums a.stay { background: #c0b260; color: #fff }
.contact { margin-top: 20px }
.contact .left { width: auto; float: none }
.contact .right { width: auto; float: none }
.formBox li { display: block; position: relative; margin-bottom: 10px; z-index: 0 }
.formBox li input, .formBox li textarea { border: solid 1px #e1e1e1; height: 45px; color: #999; padding: 0 10px 0 45px; font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; box-sizing: border-box }
.formBox li textarea { padding: 10px 10px 10px 45px; height: 210px }
.contact .left input, .right_faq input { width: 100% }
.contact .right input, .contact .right textarea, .right_faq input, .right_faq textarea { width: 100% }
.formBox li:after { content: ""; position: absolute; top: 0; left: 0; width: 45px; height: 50px; background-repeat: no-repeat; background-position: center center; z-index: 10 }
.formBox li.name:after { background-image: url(../images/contact/c_name.png) }
.formBox li.phone:after { background-image: url(../images/contact/c_phone.png) }
.formBox li.mail:after { background-image: url(../images/contact/c_mail.png) }
.formBox li.local:after { background-image: url(../images/contact/c_local.png) }
.formBox li.subject:after { background-image: url(../images/contact/c_subject.png) }
.formBox li.mess:after { background-image: url(../images/contact/c_mess.png) }
.formBox li.code:after { background-image: url(../images/contact/c_code.png) }
.formBox li.day:after { background-image: url(../images/contact/day.png) }
.formBox li.songuoi:after { background-image: url(../images/contact/songuoi.png) }
.formBox .button { float: right; text-transform: uppercase; font-size: 16px; padding: 0 25px; margin-left: 10px; height: 40px; line-height: 40px; margin-top: 10px; color: #fff; background: #1c4583; white-space: nowrap; webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.formBox .button:hover { color: #fff; background: #c0b260 }
.formBox li span { position: absolute; right: 0; top: 0; line-height: 42px; padding: 0 10px; font-weight: 400; z-index: 2; letter-spacing: 1px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none }
.map_cotact { margin-top: 30px; padding: 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, .2); background: #fff }
.map_cotact iframe { display: block; width: 100%; height: 600px }
.showText h2 { font-size: 18px; line-height: 30px; font-weight: 600; color: #f60; text-transform: uppercase; margin-bottom: 10px }
.pro_id ul { float: left; margin: 0 10px 20px 10px; width: calc(100% / 4 - 20px); box-sizing: border-box; position: relative; -webkit-transition: all .3s ease; background: #fff; padding: 10px; transition: transform .5s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); border: solid #eee 1px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; text-align: center; border: solid #3377de .5px; box-shadow: 10px 10px 10px rgba(0, 0, 0, .2) }
.pro_id ul h2 { display: block; background: #1c4583; color: #fff; font-size: 12px; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; width: 70%; -ms-border-radius: 5px; margin-top: 15px }
.pro_id.pro_id_2 ul { width: calc(100% / 5 - 20px); margin-bottom: 20px; box-sizing: border-box; height: 100% }
.pro_id.pro_id_3 ul { width: calc(100% - 20px); margin-right: 10px; float: none }
.pro_id.pro_id_3.slider ul { float: none; width: calc(100% - 10px); margin-left: 10px }
.pro_id ul p { color: #666; font-size: 15px; padding-bottom: 5px }
.pro_id ul li img { height: 202px; width: 100%; webkit-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1); transition: all 450ms cubic-bezier(.645, .045, .355, 1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5) }
.pro_id ul li { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block }
.pro_id ul h3 { color: #333; font-weight: 600; font-size: 17px; text-transform: none; line-height: 25px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; display: -webkit-box; margin: 10px 0 }
.pro_id ul h4 { color: #f60; font-weight: 400; font-size: 17px; text-transform: none; line-height: 26px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out }
.pro_id ul h4 span { color: #878787; font-weight: 400; font-size: 17px; text-decoration: line-through; padding-left: 10px }
.pro_id { margin: 0 -10px }
.pro_id ul:hover, .tintuc_home_id ul:hover { transition: all 1s ease-in-out; box-shadow: unset }
.pro_id ul:hover h3 { color: #1c4583 }
.marquee { overflow: hidden; height: 550px }
.leftBox { margin-bottom: 30px }
.viewLeft { width: 430px; float: left; position: relative; z-index: 0 }
.viewRight { width: 448px; float: left; margin-right: 30px; margin-left: 30px }
.viewRight_more h1 { font-size: 20px; color: #f60; line-height: 30px; font-weight: 600; padding-bottom: 5px; padding-left: 10px }
.viewRight_more h1 span { font-size: 17px; padding-left: 10px; font-weight: 400; color: #333; text-decoration: line-through }
.viewRight_more .desc { margin-bottom: 2px; margin-left: 10px }
.viewRight_more .desc b { display: block; margin-bottom: 5px; font-weight: 400 }
.viewRight_more .desc li { line-height: 25px; margin-bottom: 8px; text-indent: 20px; list-style: none; background: url(../images/icon-check-pink.png) no-repeat left 7px }
.viewRight_more .desc li span { padding: 0; margin: 0; width: 20px }
.quantity { position: relative; margin-bottom: 15px }
.quantity, .quantity * { user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none }
.quantity label { font-size: 16px; padding-right: 5px }
.quantity .input-text { width: 50px; height: 50px; border: none; text-align: center; font-size: 18px; box-shadow: inset 0 0 5px rgba(0, 0, 0, .2) }
.quantity p { padding: 10px 0 5px 0; border-top: dotted 1px #ddd; font-size: 18px; text-transform: uppercase }
.quantity .minus, .quantity .plus { position: absolute; bottom: 0; left: 135px; width: 30px; height: 23px; border: none; cursor: pointer; font-size: 18px; color: #fff; text-align: center; -webkit-appearance: none; appearance: none; background: #00afef; line-height: 19px }
.quantity .minus { font-size: 25px }
.quantity .plus { bottom: 27px }
.quantity a { position: relative; height: 50px; line-height: 52px; position: absolute; left: 0; bottom: -1px; font-size: 18px; text-transform: uppercase; padding: 0 18px 0 45px; color: #fff; border: solid 1px #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1); background: #1c4583; margin-left: 170px }
.quantity a:hover { color: #fff; background: #c0b260 }
.quantity a:before { content: ""; background-image: url(../images/icon-cart-w.png); background-position: center center; position: absolute; top: 12px; left: 10px; width: 26px; height: 22px; z-index: 2; line-height: normal }
#proView .link a { display: inline-block; height: 24px; line-height: 26px; padding-left: 30px; color: #333; position: relative }
#proView .link a:hover { color: red }
#proView .link a:first-child { margin-right: 22px }
#proView .link { margin-bottom: 15px }
#proView .link a:after { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #646464; background-position: center center; background-repeat: no-repeat }
#proView .link a.b_mail:after { background-image: url(../images/icon-mail.png) }
#proView .link a.b_share:after { background-image: url(../images/icon-share.png) }
#proCont { padding: 0 0 }
.listDesc { margin-bottom: 15px; box-shadow: inset 0 -5px #e6e6e6 }
.listDesc a { text-transform: uppercase; font-size: 20px; display: inline-block; line-height: 40px; margin-right: 20px; padding-bottom: 5px; box-shadow: inset 0 -5px #646464; color: #999 }
.titleView { background: url(../images/line-menu.png) repeat-x left bottom; position: relative; padding: 0 0 25px 0; margin-bottom: 10px; line-height: 35px; font-size: 25px; color: #000; font-weight: 600; text-transform: capitalize }
.viewRight_more h2 { font-size: 20px; position: relative; border-bottom: dotted 1px #ddd; margin-bottom: 15px; padding-bottom: 10px; color: red }
.viewRight_more h2 span { font-size: 18px; padding-left: 10px; font-weight: 700; color: #333; text-decoration: line-through }
#bridal_images { border: 1px solid #ccc; background: #fff; padding: 5px; width: 100%; height: auto; overflow: hidden; box-sizing: border-box }
#bridal_images img { border: none; width: 100% !important; height: auto; margin: 0 auto }
#bridal_images_list { display: block; width: 100%; position: relative }
#bridal_images_list li:hover { border: 1px solid #999; background: #fff }
.pro_slide_next, .pro_slide_prev { position: absolute; width: 12px; border: solid 1px #ccc; bottom: 50%; height: 50px; margin-bottom: -25px; text-indent: -10000px }
.pro_slide_prev { left: 0; border-radius: 5px 0 0 5px; background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4 }
.pro_slide_next { right: 0; border-radius: 0 5px 5px 0; background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4 }
a.pro_slide_next.disabled, a.pro_slide_prev.disabled { opacity: .5 }
a.pro_slide_next.disabled, a.pro_slide_prev.disabled { cursor: default }
.cloud-zoom-lens { cursor: move }
.cloud-zoom-big { overflow: hidden }
.cloud-zoom-loading, img.loading { background: url(../images/loading.gif) no-repeat scroll center transparent }
.gianhanggoiy_id { float: right; width: 240px; padding: 10px; background: #fff; border: solid #ccc 1px }
.gianhanggoiy_id h1 { text-align: center; padding: 5px 0; background: #1c4583; text-transform: uppercase; color: #fff; font-size: 20px; margin-bottom: 15px; font-weight: 400; line-height: 40px }
.checked { color: orange }
.comment_face { margin-top: 20px; border-top: solid #ccc 1px; padding-top: 20px; margin-bottom: 20px }
.box_pro_view { padding-top: 30px; padding-bottom: 30px; background: #fff }
.placeNav, .placeNav_2, .placeNav_3 { position: absolute; top: 30%; z-index: 3; color: #333; font-size: 40px; width: 35px; height: 35px; line-height: 25px; text-align: center; background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #ccc; padding: 0 }
.placeNav_3 { top: 45% }
.placeNav_2.prev, .placeNav_3.prev { left: -10px }
.placeNav_2.next, .placeNav_3.next { right: -10px; text-indent: 3px }
.placeNav.prev { left: -10px; text-indent: 3px }
.placeNav.next { right: -10px; text-indent: 3px }
.placeSlide_main:hover .placeNav, .placeSlide_main:hover .placeNav_2, .placeSlide_main:hover .placeNav_3 { opacity: 1 }
.placeNav:hover, .placeNav_2:hover, .placeNav_3:hover { color: #fff; background: #1c4583 }
.placeSlide_main { position: relative }
.placeSlide, .placeSlide_2 { width: 1300px }
.video_left iframe { width: 100%; height: 250px }
.box_home { padding-bottom: 20px; padding-top: 40px }
.box_home_2 { padding: 30px 0 }
#sharelink { border-top: solid #ccc 1px; padding-top: 20px; margin-top: 20px; margin-bottom: 30px }
.box_home_2 { padding-top: 40px; padding-bottom: 20px }
.tintuc_home_id ul { margin: 0 10px 20px 10px; float: left; width: calc(100% - 20px); padding: 10px; border: solid #eee 1px; box-sizing: border-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border: solid #1c4583 1px; height: 100%; box-shadow: 10px 10px 10px rgba(0, 0, 0, .2) }
.tintuc_home_id ul li, .tintuc_home_id ul li img { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1); -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1); transition: all 450ms cubic-bezier(.645, .045, .355, 1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5); -moz-border-radius: 50% }
.tintuc_home_id ul h3 a { color: #000; font-weight: 600; font-size: 20px; text-transform: capitalize; line-height: 28px; margin-bottom: 7px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; display: block }
.hinhanh_id ul:hover h3, .tintuc_home_id ul h3 a:hover { color: #1c4583 }
.tintuc_home_id ul h4 { color: #666; font-weight: 400; font-size: 13px; padding: 10px 0; text-transform: capitalize; line-height: 30px }
.tintuc_home_id ul h4 i { padding-right: 5px }
.tintuc_home_id ul p { color: #666; font-weight: 400; font-size: 14px; text-transform: none; line-height: 25px }
.newsletter_home { background: url(../images/bg_1.jpg) center center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding: 80px 0; position: relative }
.newsletter_home:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000000a6; transition: .3s all ease; z-index: 0 }
.newsletter_home h3 { text-transform: uppercase; line-height: 50px; font-size: 30px; text-align: center; font-weight: 600; color: #c0b260; padding-bottom: 10px; width: 50% }
.newsletter_home p { line-height: 35px; font-size: 18px; text-align: center; font-weight: 600; color: #fff; text-transform: uppercase }
.newsletter_home ul { width: 80%; margin-top: 20px }
.newsletter_home ul h2 a { float: right; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; margin-top: 0; vertical-align: middle; font-size: 15px; font-weight: 500; padding: 7px 25px; letter-spacing: .025em; color: #fff; background-color: #c0b260; transition: .3s ease-out; text-transform: uppercase; display: inline-block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, .15) }
.box_title_banner ul h4 a:hover, .home_out_services ul li a:hover, .lich_kham_id h4 a:hover, .newsletter_home ul h2 a:hover { color: #fff; background-color: #1c4583 }
.col-md-7 { width: 26.5%; float: left; margin-left: 10px; color: #666; margin-right: 10px }
.form-control { display: block; width: 100%; height: 40px; padding: 0 20px; font-size: 14px; line-height: 1.42857143; color: #363738; background-color: #f9f9f9; background-image: none; border-bottom: 1px solid #ccc; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; resize: vertical; box-sizing: border-box; text-transform: capitalize; border-top: 0; border-left: 0; border-right: 0; font-family: Montserrat, sans-serif, Roboto Condensed; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px }
.form-control-2:focus, .form-control:focus { border-bottom: 1px solid #1b2024; outline: 0; color: #1b2024 }
.row-frm select { height: 45px !important; width: 100%; margin: 0 }
@-webkit-keyframes xoayvong { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0) }
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg) }
}
@keyframes xoayvong { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0) }
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg) }
}
.label_sale { position: absolute; top: -4px; right: -4px; z-index: 1 }
.input_search::placeholder { color: #fff }
.pro_id.pro_id_2.slider ul { width: calc(100% - 20px) }
.contact_cart { color: #1c4583 }
.sharelink.mobile { display: none }
.hls-display-icon-container .hls-icon-display { position: relative; display: table-cell; text-align: center; vertical-align: middle !important; background-position: 50% 50%; background-repeat: no-repeat; font-size: 2em; background: #000; border-radius: 50% }
.hls-display-icon-container { position: absolute !important; top: 50%; left: 37% !important; display: table; height: 3.5em; width: 3.5em; margin: -1.75em auto 0; cursor: pointer }
.hls-display-icon-container { border-radius: 50%; border: 1px solid #333 }
.hls-icon { font-family: jw-icons; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: 400; text-transform: none; background-color: transparent; font-variant: normal; -webkit-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -moz-osx-font-smoothing: grayscale }
.hls-icon i { color: #fff; padding-left: 5px }
.banner .owl-item .item img { width: 100%; height: auto; object-fit: cover }
.hls-display-icon-container.banner { left: 48% !important }
@keyframes spin { from { transform: rotate(0) }
    to { transform: rotate(360deg) }
}
.banner-video-hls span, .pro_id ul li a > span { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; opacity: .8; transform: translate(-50%, -50%); border: 2px solid #fff; padding: 0; border-radius: 100px; text-align: center; line-height: 55px; display: inline-block }
.banner-video-hls span img, .pro_id ul li span img { width: auto !important; height: 25px !important; margin: 10px 14px }
.banner-video-hls span img.play_2, .pro_id ul li span img.play_2 { display: none }
.banner-video-hls a, .pro_id ul li a { display: block; height: 100%; position: absolute; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0 }
.banner-video-hls .jwplayer, .pro_id .jwplayer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important }
.pro_id ul li .video-hls, .pro_id.pro_id_2 ul li .video-hls { height: 200px }
.jw-text-duration, .jw-text-elapsed { display: none !important }
#pos_fixed .video-js, #pos_fixed iframe { width: 100%; height: 326px; float: left }
.video-js .vjs-big-play-button { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) }
.projects-menu > li > ul { display: none }
.menu_left.abous_us ul li a { padding-left: 0 !important }
.fb_dialog_content iframe { bottom: 75px!important; }
.fb_invisible_flow iframe { bottom: 130px!important; }
@media only screen and (max-width: 1199px) { * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
    .pagewrap { width: 100%; padding: 0 10px }
    .menu { display: none }
    .mn-mobile { display: inline-block !important; padding: 1px; position: relative; height: 40px; line-height: 28px; background: #1c4583; margin-top: 5px; float: left; border-radius: 4px }
    .mn-mobile img { width: 30px }
    .box_home, .box_home_2, .box_pro_view { padding-top: 10px; padding-bottom: 20px }
    .giohang_top h3 span { height: 20px; width: 20px }
    #back-top a { height: 40px }
    .box_menu.fixed { top: 0 !important; position: fixed; z-index: 999; width: 100% }
    .bottom_id_copyright a { display: block }
    .sharelink.mobile { display: inline-block; height: 40px; padding-top: 5px }
    .sharelink { display: none }
    .bannerMain ul li, .bannerMain ul li a { display: block; height: 30vw !important }
    .bannerMain ul li img { width: 100% !important }
    .frameover, .pro_id ul li img, .video-js { width: 100%; height: 200px }
    .banner .owl-item .item img, .banner-frame, .videoover { width: 100%; height: 30vw !important }
    .projects-menu > li > ul { display: block }
}
@media only screen and (max-width: 991px) { .pro_id.pro_id_2 ul { width: calc(100% / 4 - 20px) }
    .footer_company { width: 75% }
    .dangkynhantin_footer, .left_conten { width: 25% }
    .footer_company ul { width: calc(100% / 2 - 20px) }
    .logo_top { zoom: .8 }
    .right_conten { width: 72% }
    .pro_id ul { width: calc(100% / 3 - 20px) }
    .tin_left ul li { width: 100% }
    .tin_left ul h4 { width: 100%; margin-left: 0 }
}
@media only screen and (max-width: 767px) { .pro_id.pro_id_2 ul { width: calc(100% / 3 - 20px) }
    .footer_company { width: 60% }
    .dangkynhantin_footer { width: 40% }
    .footer_company ul { width: calc(100% - 20px) }
    .logo_top li, .logo_top ul { width: 100% }
    .logo_top ul { padding-left: 0; margin-top: 20px }
    .flexdirect { display: flex; flex-direction: column-reverse }
    .left_conten, .logo_top li, .logo_top ul, .right_conten { width: calc(100% - 20px) }
    .left_conten, .right_conten { position: unset; margin-left: 10px }
    .nums { margin-bottom: 20px }
    .pro_id.pro_id_3 .frameover, .pro_id.pro_id_3 .video-js, .pro_id.pro_id_3 ul li img { height: 350px }
}
@media only screen and (max-width: 600px) { .pro_id ul, .pro_id.pro_id_2 ul { width: calc(100% / 2 - 20px) }
}
@media only screen and (max-width: 479px) { .dangkynhantin_footer, .footer_company { width: 100%; margin-bottom: 10px }
    .footer_company ul { border-right: unset; border-bottom: solid #fff 1px; margin: 0 0 10px 0 }
    .header, .sharelink { zoom: .8 }
    .giohang_top { right: 70px }
    .showText iframe { width: 100% }
    .search a { width: 25px }
    .timkiem_top { width: 10%; margin-bottom: 10px; margin-right: 10px; zoom: .8 }
    .mn-mobile { zoom: .8 }
    .input_search { width: 20px; padding: 0 5px }
    .sharelink.mobile { float: right }
    .input_search::-webkit-input-placeholder { color: transparent }
    .input_search:-moz-placeholder { color: transparent }
    .input_search::-moz-placeholder { color: transparent }
    .input_search:-ms-input-placeholder { color: transparent }
    .pro_id ul { zoom: .7 }
    .sharelink a img { margin-right: 0 }
    #pos_fixed .jwplayer { height: 450px !important }
}
@media only screen and (max-width: 479px) { .input_search { width: 5px }
    .frameover, .pro_id ul li img, .video-js { height: 220px }
}