@import "font.css";

@charset "utf-8";

body { margin: 0px auto; padding: 0px auto; font-size: 17px; line-height: 25px; font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; font-weight: normal; background: #F8F9FA; }

* { margin: 0px auto; padding: 0px auto; outline: none; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clr { clear: both; }

ul { padding: 0px; }

img { border: 0; }

::selection { background-color: #008ACB; color: #fff; }

::-webkit-selection { background-color:#008ACB; color: #fff; }

-webkit-::selection { background-color: #008ACB; color: #fff; }

::-moz-selection { background-color:#008ACB; color: #fff; }

.pagewrap { position: relative; width: 1200px; margin: 0 auto; }

.showText p{ padding-bottom: 10px; }

.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: 18px; line-height: 27px; font-weight: 300; }

th { line-height: 45px; text-align: center; font-size: 20px; font-weight: normal; text-transform: capitalize; }

tr:hover { background-color: #f5f5f5; }

th, td { border-bottom: 1px solid #ddd; }

th, td { padding: 5px 15px; }

td a { color: #333; text-align: center; }

td a i{ padding-left: 5px; }

td a:hover { color: #008ACB; }

th { font-size: 17px; line-height: 35px; padding: 10px 0; }

table { border: 1px solid black; }

table { width: 100%; }

table { border-collapse: collapse; }

table, th, td { border: 1px solid #eee; }

.header_top{ padding: 15px 0; background: #eee; }

.logo_header{ float: left; margin: 0; width: 320px; }

.logo_header ul li{ float: left; list-style: none; line-height: 0; }

.logo_header ul li img{ width: auto; height: 65px; }

.logo_header ul h3{ font-size: 30px; color: #254576; line-height: 35px; text-transform: uppercase; font-weight: 600; text-align: center; float: left; margin-left: 20px; letter-spacing: 2px; }

.logo_header ul h3 span{ display: block; font-size: 18px; color:#009D4A; line-height: 25px; }

.footer_top { background: #254576; padding-bottom: 30px; padding-top: 30px; position: relative; }

.footer_top ul { float: left; margin: 0 20px; width: 225px; }

.footer_top ul.face_bottom { width: 300px; }

.footer_top ul.face_bottom iframe { width: 100%; height: 340px; }

.footer_top ul.contact_footer { width: 330px; }

.footer_top ul.contact_footer img { margin-top: 10px; width: auto; height: 60px; }

.footer_top ul.contact_footer p { color: #FFF; font-size: 16px; padding-bottom: 5px; }

.link_page ul li { height: auto; }

.link_page { padding: 0; }

.link_page div ul { width: 100%; float: left; }

.footer_top ul.contact_footer .fa { color: #fff !important; padding-right: 8px; }

.footer_top ul h3 { color: #009D4A; font-weight: normal; font-size: 20px; text-transform: uppercase; padding-bottom: 10px; position: relative; line-height: 35px; }

.footer_top ul li { list-style: none; border-bottom: dotted #ffffffb5 1px; padding-bottom: 12px; margin-bottom: 12px; font-size: 17px; line-height: 25px; }

.footer_top ul li i{ padding-right: 7px; }

.footer_top ul li a { color: #FFF; display: block; font-size: 16px; 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; }

.footer_top ul li a:hover { color: #009D4A; }

#sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; padding-top: 20px; margin-top: 20px; border-top: solid #CCC 1px; height: 35px; }

#sharelink h3 { color: #2588CB; font-size: 22px; font-style: italic; font-weight: normal; padding-bottom: 20px; }

#sharelink h3 a { text-decoration: underline; font-size: 18px; color: #2588CB; }

#sharelink h3 a:hover { color: #43A047; }

.sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; text-align: center; padding-top: 10px; height: 35px; }

.sharelink a img { background: #3d1224; border: solid #fff 3px; padding: 2px; margin-right: 10px; -moz-border-radius: 50%; }

.sharelink img:hover { background: #43a047; opacity: 10; border: solid #ffffff 3px; }

.bottom_id_copyright { padding: 15px 0; background: #009D4A; color: #fff; font-size: 16px; }

.bottom_id_copyright .right_footer { float: left; text-align: left; }

.bottom_id_copyright a { color: #ffffff; font-weight: normal; }

.bottom_id_copyright a:hover { color: #ff0; }

.bottom_id_copyright ul h3 { display: inline-block; line-height: 40px; float: left; margin-right: 10px; font-size: 16px; text-transform: capitalize; font-weight: normal; }

.bottom_id_copyright ul li { display: inline-block; list-style: none; line-height: 0; margin: 0 5px; }

.bottom_id_copyright ul { float: right; margin-top: 10px; }

.bottom_id_copyright ul li img { width: auto; height: 35px; border: solid #FFF 3px; border-radius: 50%; 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; background: #fff; }

.bottom_id_copyright ul li img:hover { border: solid #ff0 3px; }

#back-top { position: fixed; bottom: 30px; right: 10px; z-index: 1; }

#back-top a { display: block; width: 35px; background: #009D4A; outline: none; color: #fff; font-size: 12px; 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; padding: 7px 0; border: double #FFFFFF 3px; }

#back-top a:hover { color: #fff; background: #4080ff; }

.margin_10 { margin: 0 -10px; }

.margin_20 { margin: 0 -20px; }

.box_home_1{ padding: 40px 0; background: linear-gradient(270deg,#072d94 .46%,#597bd9 98.15%); }

.box_home_2{ padding: 40px 0; background: #fff; }

.pro_page.pro_page_full ul { margin: 0 10px; width: calc(100% - 20px / 1); }

.pro_page.pro_page_4 ul { width: calc(100% / 4 - 20px); }

.pro_page#pro_slide ul { width: calc(100% / 1); margin: 15px 0px 0px; }

.pro_page ul { float: left; margin: 0 10px 20px 10px; width: calc(100% / 5 - 20px); position: relative; border: solid #eee 1px; padding: 10px; -webkit-transition: all .3s ease; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.pro_page ul h3{ color: #363738; font-weight: 500; font-size: 17px; margin: 5px 5px; text-transform: none; line-height: 23px; margin-bottom: 5px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }

.pro_page ul p { color: #009D4A; font-weight: 300; font-size: 20px; padding: 0 ; text-transform: none; line-height: 25px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }

.pro_page ul p span.gia_km { color: #878787; font-weight: normal; font-size: 15px; text-decoration: line-through; padding-left: 5px; }

.pro_page ul li, .pro_page 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(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); }

.pro_page ul li img:hover, .tt_home_right ul li img:hover, .tt_home_left ul li img:hover, .banner_home_page img:hover { transform: scale(1.2); opacity: 1; -webkit-filter: grayscale(0); }

.pro_page ul:hover h3{ color: #254576; }

.pro_page ul:hover, .list_pro_id ul:hover, .box_pto_hot ul li:hover { 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: solid #254576 1px; }

.title_page{ margin-bottom: 30px; }

.title_page ul{ float: right; }

.title_page h3{ font-size: 28px; font-weight: 500; text-transform: capitalize; color: #254576; line-height: 35px; float: left; }

.title_page h3.text_center{ text-align: center; float: none; }

.title_page h3.color_trang{ color: #fff; }

.title_page ul li{ float: left; list-style: none; margin-left: 10px; }

.title_page ul li i{ font-size: 13px; margin-left: 10px; }

.title_page ul li a{ display: block; color: #333; font-size: 17px; padding: 1px 20px; -webkit-transition: 0.1s background-color linear, 0.1s color linear; -moz-transition: 0.1s background-color linear, 0.1s color linear; -o-transition: 0.1s background-color linear, 0.1s color linear; transition: 0.1s background-color linear, 0.1s color linear; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border: solid #ccc 1px; background: #fff; text-transform: capitalize; line-height: 33px; }

.title_page ul li a:hover{ color: #fff; border: solid #254576 1px; background: #254576; }

.box_home_tt{ background: #eee; padding: 40px 0; }

.tt_home_left{ float: left; width: 57%; }

.tt_home_left ul{ background-color: #edf2f8!important; border: 1px solid #d8e0e8; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.tt_home_left ul li{ list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; }

.tt_home_left ul li img { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); }

.tt_home_left ul h3{ padding: 20px; font-size: 25px; font-weight: 500; text-transform: none; color: #254576; line-height: 28px; 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; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-word; padding-bottom: 15px; }

.tt_home_left ul p{ padding: 0 20px 20px 20px; line-height: 25px; font-size: 17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }

.tt_home_right{ float: right; width: 40%; }

.tt_home_right ul{ margin-bottom: 25px; }

.tt_home_right ul li{ float: left; width: 40%; list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.tt_home_right ul li img { height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.tt_home_right ul h3{ float: right; width: 55%; font-size: 22px; font-weight: 500; text-transform: none; color: #254576; line-height: 28px; 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; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }

.tt_home_right ul h3 a, .tt_home_left ul h3 a{ color: #333; }

.tt_home_right ul h3 a:hover, .tt_home_left ul h3 a:hover{ color: #254576; }

.tt_home_right ul p { color: #666; font-weight: 300; font-size: 16px; float: right; width: 55%; line-height: 23px; margin-top: 5px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }

.box_pto_hot { background: url(../images/bg_1.jpg) center center; position: relative; overflow: hidden; padding-top: 40px; padding-bottom: 40px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; }

.box_pto_hot ul li{ float: left; margin: 0 20px; width: calc(100% / 2 - 40px); list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; background: #fff; padding: 11px; border: solid #ccc 1px; }

.box_pto_hot ul li img { height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.list_pro_id ul.bg_color { background: #FEF7DC!important; }

.list_pro_id ul { float: left; margin: 0 10px 20px 10px; width: calc(100% / 6 - 20px); position: relative; border: solid #eee0 1px; padding: 10px; -webkit-transition: all .3s ease; background: #e8f5fd!important; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; text-align: center; }

.list_pro_id ul li{ list-style: none; line-height: 0; }

.list_pro_id ul li img{ width: auto; height: 100px; }

.list_pro_id ul h3 { color: #254576; font-weight: 500; font-size: 17px; padding: 5px 5px; text-transform: capitalize; line-height: 23px; margin-bottom: 5px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; min-height: 55px; }

.list_pro_id ul p { color: #333; font-size: 15px; padding: 5px; text-transform: uppercase; padding-top: 0; }

.banner_home_page{ margin-bottom: 40px; list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.banner_home_page img{ height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.dinhgia_id{ margin-bottom: 50px; margin-top: -20px; }

.dinhgia_id ul{ float: left; margin: 0 20px; width: 270px; }

.dinhgia_id ul li{ float: left; list-style: none; line-height: 0; width: 15%; }

.dinhgia_id ul li img{ width: 100%; height: 50px }

.dinhgia_id ul h3{ float: right; width: 80%; font-size: 21px; font-weight: 500; text-transform: uppercase; color: #254576; line-height: 25px; }

.dinhgia_id ul h3 span{ display: block; font-size: 17px; font-weight:300; text-transform: none; color: #333; }

.banner li { float: left; width: 100%; list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative; }

.banner li:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.31); transition: .3s all ease; z-index: 2; display: none; }

.bannerMain .slogan { position: absolute; text-align: center; z-index: 9; width: 1200px; right: 0; left: 0; top: 50%; transform: translateY(-50%); }

.slogan h2 { font-weight: 800; font-size: 40px; margin: 0; color: #ffffff; position: relative; line-height: 1.5; letter-spacing: 2px; font-family: 'Mulish', sans-serif; }

.slogan h4 { font-size: 18px; font-weight: 500; text-align: left; margin: 15px 0 0; display: inline-block; line-height: 1.5; color: #fff; }

.dv-slo { text-align: center; }

.slogan .read_more { margin-top: 50px; text-align: left; }

.read_more { margin-top: 30px; }

.read_more a { color: #ffffff; font-size: 17px; font-weight: 600; text-transform: uppercase; padding: 8px 30px; display: inline-table; transition: 0.5s; border: 2px solid #ED9D29; background: #ED9D29; border-radius: 3px; }

.read_more a:hover { background: transparent; color: #f9940f !important; border: 2px solid #f9940f !important; }

.read_more a.read_baogia { background: transparent; color: #fff; border: 2px solid; margin-right: 10px; }

.read_more a i { display: inline-block; margin-left: 5px; font-size: 15px; line-height: 8px; position: relative; top: 0px; }

.bannerMain .banner li.bn-position:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); transition: .3s all ease; z-index: 2; }

.padding_full{ padding:0 1%; }

.box_menu { background: #254576; }

.box_menu.fixed .logo_top img { height: 40px; }

.box_menu.fixed { position: fixed; top: 0 !important; z-index: 99999; background: #E99116; width: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.18); padding: 0; }

.box_menu:after, .box_menu:before { content: ""; position: inherit; top: 0px; left: 0; right: 0; }

.box_menu.fixed:after, .box_menu.fixed:before { position: absolute; }

.box_menu:before { top: auto; bottom: 0px; }

.menu { padding: 0; text-align: center; float: left; }

.menu * { list-style: none; }

.menu > li + li { position: relative; }

.menu > li + li:after { border-left: #2B579A; content: ""; position: absolute; left: 0; height: 45px; bottom: 0; }

.menu > li { display: inline-table; }

.menu > li > a { display: block; line-height: 50px; position: relative; z-index: 2; font-size: 17px; text-decoration: none; text-transform: uppercase; color: #ffffff; font-weight: normal; padding: 0 25px; }

.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 1px; color: inherit; font-size: 11px; padding-left: 5px; }

.menu > li:hover > a { color: #ffffff; background: #009D4A; }

.menu > li:hover > a:after { left: 0; right: 0; opacity: 1; }

.menu > li:hover > ul, .menu li:hover > ul { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }

.menu > li.active > a { color: #fff; background: #009D4A; }

.menu > li.active > a:after { left: 0; right: 0; opacity: 1; }

.menu > li > ul, .menu > li > ul ul { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; min-width: 200px; z-index: 3; margin: 0; padding: 0; padding-top: 7px; display: block; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform-origin: center top 0px; -moz-transform-origin: center top 0px; -webkit-transform-origin: center top 0px; transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); }

.menu > li > ul:before { content: ""; border: solid 7px transparent; border-bottom-color: #009D4A; width: 0; height: 0; position: absolute; top: -7px; 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, 0.05); }

.menu > li > ul > li, .menu > li > ul > li li { z-index: 2; position: relative; margin: 0; color: #fff; font-weight: 500; font-size: 14px; padding: 0 15px; background: #009D4A; }

.menu > li > ul > li:first-child, .menu > li > ul li li:first-child { padding-top: 10px; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -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, .menu > li > ul > li li:last-child { padding-bottom: 10px; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -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, .menu > li > ul > li li:last-child > a { border: none; }

.menu > li > ul > li > a, .menu > li > ul > li li a { display: block; white-space: nowrap; color: inherit; line-height: 40px; font-size: inherit; background: rgba(255, 255, 255, 0); border-bottom: solid 1px rgba(255, 255, 255, 0.2); padding: 0 5px 0 0; text-decoration: none !important; text-transform: capitalize; text-align: left; font-size: 17px; }

.menu > li > ul > li > a > span, .menu > li > ul > li li > a > span { float: right; line-height: 40px; padding-top: 13px; }

.menu > li > ul > li:hover, .menu > li li ul > li:hover { z-index: 3; }

.dv-notfull { margin: 0 10px; }

.menu > li > ul > li:hover > a, .menu > li li ul > li:hover > a { padding: 0 12px 0 12px; background: rgba(255, 255, 255, 0.2); border-color: transparent; }

.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 2px; color: inherit; font-size: 11px; }

.menu > li > ul > li > a, .menu > li > li ul > li > a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }

.menu > li > a, .menu > li > a:after, .menu > li > ul > li > a, .menu > li li > ul > li > a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }

.menu li.homepage a i { font-size: 25px; margin: 0; padding: 0; padding-top: 10px; }

.menu li.homepage a { padding: 0 10px; }

.menu li.homepage a:hover { color: #ff0; background: none; }

.menu > li > ul ul { left: 100%; top: 0; }

.lang_header{ float: right; padding-top: 10px; }

.lang_header ul li{ float: left; line-height: 0; list-style: none; margin-left: 12px; }

.lang_header ul li img{ width: auto; height: 29px; border: solid #fff 2px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; background: #fff; }

.lang_header ul li img:hover{ border: solid #009D4A 3px; }

.timkiem_top { background: #ffffff; border-radius: 50px; width: 370px; padding: 4px 5px; margin: 0; border: 1px solid #d3d3d3; }

.search a { width: 40px; text-indent: -10000px; background: #254576 url(../images/search.png) no-repeat center 10px; float: right; border-left: 0px; height: 40px; background-size: 50%; border-radius: 50%; }

.search a:hover { background-color: #009d4a; }

.input_search { padding: 0px 20px; height: 40px; float: left; background: transparent; color: #254576; border: none; font-size: 15px; line-height: 28px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; width: 300px; }

.tin_right .input_search { width: 225px; height: 38px; }

.tin_right .search a { width: 38px; height: 38px; }

.header-phone { border: 2px solid #c3c3c3; color: #333; padding: 4px 25px; font-size: 18px; line-height: 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; white-space: nowrap; background: #fff; }

.header-phone i { display: inline-block; float: left; font-size: 38px !important; }

.header-phone .phone { position: relative; padding-left: 50px; text-align: left; }

.header-phone .phone>label { font-size: 16px; display: block; margin: 0; font-weight: normal; letter-spacing: 0px; }

.right-top .header-phone .phone a { font-size: 21px; font-weight: 600; color: #009d4a; line-height: 25px; }

.tin_right .timkiem_top { border: 1px solid #e7e7e7; width: 100%; margin-top: 15px; }

.header_top .flex { justify-content: space-between; align-items: center; }

.flex { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }

.right-top { float: right; margin: 0; justify-content: space-between; align-items: center; color: #254576; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-left: 20px; }

.right-top div i { font-size: 25px; }

.right-top div a{ color: #333; }

.right-top div a:hover{ color: #009d4a; cursor: pointer; }

.right-top div h3 { font-size: 15px; font-weight: 500; text-transform: up; display: inline-block; padding-left: 5px; }

.giohang_top h3 span { font-size: 13px; color: #ffffff; background: #009d4a; height: 20px; width: 20px; padding: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50px; position: absolute; top: -10px; right: -5px; text-align: center; line-height: 12px; }

.w30s-link-account { list-style-type: none; flex-direction: column; top: 105%; left: 0px; width: 190px; height: auto; background-color: #254576; padding: 5px; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 50%); overflow: hidden; border-radius: 5px; display: block; position: absolute; visibility: hidden; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform-origin: center top 0px; -moz-transform-origin: center top 0px; -webkit-transform-origin: center top 0px; transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); padding: 10px 0; }

.dangnhap_top:hover .w30s-link-account{ opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }

.w30s-link-account>li { text-align: left; padding: 2px 15px; }

.w30s-link-account>li a { color: #fff; }

.right-top>div { float: left; position: relative; text-align: center; margin: 0 13px; }

.right-top>div:last-child{ margin-right: 0px; border-left: 1px solid #254576; padding-left: 11px; }

.header-page-link { margin: 0; justify-content: space-between; align-items: center; color: #fff; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }

.header-page-link>div { margin-left: 13px; }

.link_page { background: #ffffff; filter: drop-shadow(0 1px 4px rgba(10,10,10,.15)); box-shadow: 0 1px 4px rgb(10 10 10 / 15%); }

.banner_detail { padding-top: 350px; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding-bottom: 0px; position: relative; }

.link_page div ul { display: inline-block; padding: 10px 0; }

.link_page ul li { list-style: none; font-size: 16px; text-transform: capitalize; float: right; font-weight: 500; width: 100%; text-align: left; }

.link_page ul li a { color: #333; padding: 0 5px; }

.link_page ul li span.active { color: #254576; }

.link_page ul li span { padding: 0 5px; }

.link_page ul li a:hover { color: #254576; }

.page_conten_page { padding: 45px 0 50px; }

.page_conten_page .poup_page { width: 600px; background: #e9e9e9; padding: 50px; border-radius: 10px; }

.page_conten_page .poup_page h2, .poup_page1 h2{ font-size: 30px; color: #254576; line-height: 30px; text-transform: uppercase; font-weight: 500; padding-bottom: 15px; }

.fhs-input-box { clear: both; padding: 7px 0; }

.poup_page label { display: inline-block; }

.fhs-input-group { position: relative; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; }

.fhs-selectbox, .fhs-textbox { width: 100%; padding: 10px; font-size: 14px; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.fhs-input-box.fhs-input-display .fhs-input-group > .fhs-input-icon { display: block; position: absolute; right: 12px; color: #007bff; cursor: pointer; user-select: none; }

.fhs-forget-pass { color: #F7931E; cursor: pointer; user-select: none; text-align: right; padding: 8px 0; }

.fhs-btn-box { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -webkit-justify-content: center; justify-content: center; }

.fhs-btn-box > button:disabled { background: rgb(224,224,224); background: -moz-linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%); background: -webkit-linear-gradient( 90deg , rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%); background: linear-gradient( 90deg , rgba(224,224,224,1) 0%, rgba(224,224,224,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0e0e0",endColorstr="#e0e0e0",GradientType=1); border: none; color: #636363; }

.fhs-btn-box > button { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -webkit-justify-content: center; justify-content: center; width: 270px; max-width: 100%; font-size: 1.1em; font-weight: 500; transition: all 0.3s; box-shadow: 0px 4px 6px hsl(0deg 0% 90%); -moz-box-shadow: 0px 4px 6px hsl(0, 0%, 90%); -webkit-box-shadow: 0px 4px 6px hsl(0deg 0% 90%); border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 10px 20px; margin: 7px 0; cursor: pointer; }

.fhs-btn-box > .fhs-btn-cancel { color: #ff0000; border: 1px solid #ff0000; }

.fhs-btn-box > .fhs-btn-fb { background-color: #007bff; color: white; border: 1px solid #007bff; }

.fhs-btn-box > button:enabled:hover { box-shadow: 0px 6px 8px hsl(0deg 0% 90%); -moz-box-shadow: 0px 6px 8px hsl(0, 0%, 90%); -webkit-box-shadow: 0px 6px 8px hsl(0deg 0% 90%); transform: scale(1.03); cursor: pointer; }

.fhs-input-box.fhs-input-send .fhs-input-group > .fhs-input-icon { display: block; position: absolute; right: 12px; color: #007bff; cursor: pointer; user-select: none; }

.fhs-selectbox[autocomplete='off']:read-only:disabled, .fhs-textbox[autocomplete='off']:read-only:disabled { background-color: #f2f2f2; }

.fhs-register-term { text-align: center; padding: 8px 0; font-size: 0.9em; line-height: 1.5em; }

.sc_item_button .sc_button { float: left; text-transform: uppercase; font-size: 18px; padding: 3px 35px 4px; line-height: 38px; margin-top: 10px; color: #ffffff; background: #254576; white-space: nowrap; transition: all 0.2s ease-in-out; border-radius: 5px; font-weight: 500; margin-bottom: 20px; }

.sc_item_button:hover .sc_button:hover { background: #009D4A; }

.link_login p { margin-bottom: 0; }

.fhs-btn-box > .fhs-btn-gg { background-color: #dc4e41; color: white; border: 1px solid #dc4e41; }

.fhs-btn-box > .fhs-btn-zl { background-color: #0591e9; color: white; border: 1px solid #0591e9; }

.page_conten_page .poup_page1 { padding: 40px 50px; border-radius: 10px; background: #e9e9e9; width: 1000px; }

.poup_page1 .col-md-6 { float: left; margin: 0px 10px; width: calc(100% / 2 - 20px); position: relative; }

.fhs-input-send span { position: absolute; right: 0; top: 7px; line-height: 42px; padding: 0 10px; font-weight: bold; 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; color: #ff0000; }

.fhs-input-send { position: relative; }

.col-md-12>.fhs-input-box { margin: 0 10px; }

.bangdo_poup .sc_item_button { margin: 0px 0; float: left; margin-right: 15px; }

a { color: #254576; }

a:hover { color: #009D4A; }

.tuvanbaogia_popup { padding: 0 0px 30px; width: 550px; text-align: center; }

textarea.form-control{ height: 99px; padding: 10px 12px; }

.form-control { display: block; width: 100%; height: 50px; padding: 5px 15px; font-size: 17px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; resize: vertical; box-sizing: border-box; font-family: 'Roboto Condensed', sans-serif; }

.tuvanbaogia_popup ul h4 a { display: inline-table; color: #f9f9f9; padding: 0px 50px; font-size: 18px; font-weight: normal; text-transform: uppercase; line-height: 46px; 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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; background: #02702B; margin-top: 20px; }

.tuvanbaogia_popup ul li{ width: 46%; margin: 0 2%; float: left; }

.tuvanbaogia_popup ul li.mess{ width: 96%; }

.tuvanbaogia_popup ul h4{ clear: both; }

.tuvanbaogia_popup ul h4 a i { padding-left: 7px; }

.tuvanbaogia_popup ul{ padding: 0 20px; }

.tuvanbaogia_popup h3 { font-size: 23px; line-height: 30px; font-weight: 500; color: #ffffff; text-transform: uppercase; margin-bottom: 15px; background: #02702B; padding: 10px; }

.item-careers{ border: 1px solid #E9E9E9; padding: 40px; margin-bottom: 0px; border-radius: 10px; }

.item-careers h4 a{ display: block; color: #222222; font-size: 25px; font-weight: 500; margin-bottom: 20px; text-transform: capitalize; position: relative; border-bottom: 1px solid #E9E9E9; padding-bottom: 10px; }

.item-careers h4:hover a{ color: #02702B; }

.item-careers ul li{ display: inline-block; font-weight: 500; margin-right: 10px; }

.item-careers ul li.active{ background-color: #02702B; padding: 2px 15px; color: #FFF; border-radius: 3px; }

.item-careers p{ margin: 15px 0 0; }

.item-careers a{ font-size: 14px; color: #02702B; display: inline-block; text-transform: capitalize; font-weight: 600; }

.popup_giohang { width: 850px; }

.popup_giohang h3 { font-size: 16px; font-weight: 400; padding: 10px 15px; background: #02702B; border-top-right-radius: 3px; border-top-left-radius: 3px; color: #fff; }

.popup_giohang h3 a { color: #fff000; }

.heading-counter { font-weight: 400; font-size: 16px; line-height: 18px; cursor: pointer; color: #222; width: 100%; float: left; padding: 15px 0; margin-bottom: 0; }

.heading-counter .count_cart{ color: #254576; }

.cart_summary tr td { padding: 15px 15px 15px; border-bottom: 1px solid #eaebf3; }

.cart_summary tr:first-child th { border: none; color: #222; font-weight: 500; padding: 5px 15px; background: #ececec; }

table .c-th-sp a.sp { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 80px; border: 1px solid #ebebeb; border-radius: 0; background: #fff; margin: 0; float: left; margin-right: 15px; }

table .c-th-sp a.sp img { max-width: 100%; max-height: 100%; }

table .c-th-sp a { color: #222; text-decoration: none; line-height: 25px; display: block; margin-bottom: 5px; }

table .c-th-sp a.del { color: #009d4a; cursor: pointer; }

table .c-th-sp { width: 40%; text-align: left; }

table .c-th-sluong { width: 20%; text-align: center; }

table .c-th-ttien { width: 20%; text-align: center; }

table .c-th-gia { width: 20%; text-align: center; }

table .c-th-ttien b,table .c-th-gia b { color: #009d4a; }

.number-down,.number-up { border: 1px solid #eaebf3; outline: none; background: white; height: 30px; width: 30px; text-align: center; vertical-align: top; padding: 0; color: #222; font-size: 15px; line-height: 30px; float: left; cursor: pointer; }

#number ,#quantity{ border: 1px solid #eaebf3; border-left: 0; border-right: 0; height: 45px; font-size: 17px; text-align: center; width: 45px; vertical-align: top; min-height: 30px; padding: 0; float: left; }

.so-luong-mua { display: -webkit-inline-box; }

.button-cart { margin: 15px 15px 30px; }

.button-cart a.close { margin-top: 10px; float: left; color: #02702B; cursor: pointer; }

.button-cart .btn-checkout{ float: right; text-transform: uppercase; font-size: 16px; padding: 1px 30px 2px; line-height: 42px; color: #ffffff; background: #02702B; white-space: nowrap; transition: all 0.2s ease-in-out; border-radius: 50px; box-shadow: inset 0 -5px 0 0 rgb(0 0 0 / 15%); font-weight: 500; }

.button-cart .btn-checkout:hover{ background: #02702B; }

.button-cart a.close:hover{ color: #02702B; }

.block-total-left { width: 100%; float: left; }

.block-total-cart { float: right; width: 30%; border: 1px solid #e8e8e8; padding: 10px 0; background: #fff; }

.total-cart-page { display: flex; font-size: 15px; padding: 5px 15px; }

.title-cart-page-left { flex-basis: 70%; }

.number-cart-page-right { flex-basis: 30%; display: flex; justify-content: flex-end; align-items: center; }

.title-final-total .number-cart-page-right .price { color: #02702B; font-size: 1.5em; }

.method-button-cart button { text-transform: uppercase; font-size: 16px; padding: 1px 30px 2px; line-height: 42px; color: #ffffff; background: #02702B; white-space: nowrap; transition: all 0.2s ease-in-out; border-radius: 50px; box-shadow: inset 0 -5px 0 0 rgb(0 0 0 / 15%); font-weight: 500; border: none; margin-bottom: 10px; }

.title-final-total { font-weight: 650; margin: 10px 0; }

.method-button-cart button:hover { background: #009d4a; cursor: pointer; }

.title-final-total { font-weight: 650; margin: 10px 0; }

.title-final-total .number-cart-page-right .price { color: #009d4a; font-size: 1.5em; }

.border-product { width: 95%; margin: auto; border-bottom-width: 1px; border-bottom-color: #ededed; border-bottom-style: solid; }

.order-summary__section { padding: 15px 20px 0; }

.title-cart-page-left { flex-basis: 70%; }

.number-cart-page-right { flex-basis: 30%; display: flex; justify-content: flex-end; align-items: center; }

.total-cart-page { display: flex; font-size: 15px; padding: 5px 15px; }

.block-total-cart {float: right; width: 30%; border: 1px solid #e8e8e8; padding: 10px 0}

.cart_product img {height: 115px}

#placeSlide_main {overflow-x: hidden;}

.product-thumbnail__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto; }

.product-thumbnail__wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 8px; }

.product-thumbnail__quantity { background-color: #009D4A; color: #fff; position: absolute; z-index: 3; box-sizing: border-box; text-align: center; top: 7px; right: -10px; height: 20px; width: 20px; line-height: 20px; border-radius: 50%; }

.product-thumbnail { width: 80px; height: 70px; background: #fff; position: relative; margin: 0; margin-right: 0; }

.order-summary__section { border-top: 1px solid rgba(175,175,175,.34); }

.btn--disabled { background: #02702B; color: #fff; padding: 13px 20px; border: none; float: right; border-radius: 4px; cursor: pointer; opacity: 0.7; font-family: 'Roboto Condensed', sans-serif; }

.field__input-wrapper input {border-radius: 4px; display: block; box-sizing: border-box; padding: 10px; border: 1px #d9d9d9 solid; height: 42px; background-color: #fff; color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; width: 78%; float: left;}

.payment-due__price { font-size: 1.5em; font-weight: 500; letter-spacing: -.04em; line-height: 1em; color: #69A124; }

td:last-child, th:last-child { text-align: right; }

.order-summary__nav.method-button-cart button {float: right; margin: 0;}

.order-summary__nav.method-button-cart { margin: 20px 0; display: flex; justify-content: space-between; align-items: center;}

.order-summary__nav.method-button-cart>a { float: left; margin: 0; }

.edit_checkout { margin: 20px 0; display: inline-block; width: 100%;}

.discount-code {padding: 0 20px;}

.sidebar .sidebar__title { padding: 10px 20px; font-weight: 500; font-size: 20px;}

#placeSlide_main .sidebar {width: 36%;float: right;border: 1px solid #eee;background: #fff;padding: 0;}

.content-box__row .fa-money { font-size: 25px; color: #0073ab; float: right;}

.content-box__row__desc {clear: both;}

.radio__input { float: left;}

.radio__label { float: left; margin-left: 7px; position: relative; top: -9px; width: 93%}

.content-box__row { display: inline-block; border: 1px solid #ccc; border-radius: 4px; width: 100%; padding: 20px;}

.thanhtoan-2 h2 { font-weight: 500; font-size: 20px; text-transform: uppercase; margin-bottom: 10px;}

.thanhtoan-2 h3 { font-weight: 500; font-size: 17px; text-transform: none; margin-bottom: 0;}

.thanhtoan-2 {width: 30%; float: left; margin: 0 20px}

.alert--info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; padding: 14px 20px; border-radius: 4px; margin-bottom: 20px; }

.top_td select,.top_td input,.top_td textarea { border-radius: 4px; display: block; box-sizing: border-box; padding: 10px; border: 1px #d9d9d9 solid; height: 42px; background-color: #fff; color: #333; font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; width: 100%; margin-bottom: 15px; }

.top_td {border-bottom: none;}

.top_td textarea {height: 80px}

#chitiet_news {width: 30%;float: left;background: #fff;padding: 15px;}

.method-button-cart button { text-transform: uppercase; font-size: 16px; padding: 3px 30px; color: #FFF; background: #254576; white-space: nowrap; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: inset 0 -5px 0 0 rgb(0 0 0 / 15%); font-weight: 400; cursor: pointer; border: none; margin-bottom: 10px; }

#cartRow_969208 .price>div {margin: 5px 0}

.method-button-cart button:hover {background: #009d4a;}

#cartRow_969208 .price,#cartRow1_969208.price {color: #ff0000}

.dv-gr-vanchuyen { border-radius: 4px; width: 100%; padding: 15px 20px; position: relative; border: 1px solid #d9d9d9; margin-bottom: 20px; line-height: 18px; background: #fff; }

.dv-gr-vanchuyen.dv-gr-thanhtoan label { float: left; width: 100%; margin-bottom: 15px; }

.radio__input { float: left; }

input.lb_ghdck:checked, .input_style_1:checked { border: none; box-shadow: 0 0 0 10px #408643 inset; }

.input_style_radio { border-radius: 100px; }

input.lb_ghdck, .input_style_1 { color: inherit; font: inherit; margin: 0; padding: 0; -webkit-appearance: none; -webkit-font-smoothing: inherit; background: transparent; line-height: normal; width: 18px; height: 18px; box-shadow: 0 0 0 0 #bbbbbb inset; transition: all 0.2s ease-in-out; position: relative; cursor: pointer; vertical-align: -4px; outline: 0; border: 1px solid; border-color: #bbbbbb; margin-right: 8px; float: left; overflow: hidden; }

.dv-gr-vanchuyen .blank-slate { background-color: #ececec; padding: 15px 20px; margin: 5px -20px -15px; line-height: 25px; }

input.lb_ghdck:checked:after, .input_style_1:checked:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-image: url(/images/checkbox-tick-0.svg),none; filter: alpha(opacity=100); content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 8px; margin-left: -5px; margin-top: -4px; }

.input_style_radio:checked:after { background: none; width: 4px; height: 4px; margin-left: -2px; margin-top: -2px; background-color: #fff; border-radius: 50%; }

.store-map { margin: 18px 0 55px; }

.store-map a { display: flex; }

.col-sm-6 .store-map a img { float: left; margin: 0; width: auto; height: 25px; margin-right: 10px; }

.contact-maps li { list-style: none; display: initial; }

.contact-maps li iframe{ width: 100%; height: 500px; }

.left_contact { float: left; width: 47%; }

.left_contact p{ padding-bottom:5px; }

.contact-maps { width: 100%; }

.right_contact { width: 50%; float: right; }

.page_conten_page>div>h3{ text-align: left; margin-bottom: 20px; font-size: 25px; color: #009D4A; padding-bottom: 10px; font-weight: 600; position: relative; border-bottom: 1px dotted #ccc; text-transform: uppercase; }

.contact .left { width: 49%; float: left; }

.contact .right { width: 49%; float: right; }

.formBox li { display: block; position: relative; z-index: 0; margin-bottom: 10px; }

.formBox li input, .formBox li textarea { border: solid 1px #e3e3e3; height: 45px; color: #999; padding: 0 20px 0 20px; font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif; font-size: 15px; box-sizing: border-box; width: 100%; border-radius: 3px; font-weight: 400; }

.formBox>li.mess { float: left; width: 100%; }

.formBox li span { position: absolute; right: 0; top: 0; line-height: 42px; padding: 0 10px; font-weight: 700; 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; color: #009D4A; }

.formBox li textarea { height: 99px; padding: 15px 20px; }

.dv-alienhe a, .formBox .button { float: right; text-transform: uppercase; font-size: 17px; padding: 3px 35px 4px; margin-left: 10px; line-height: 42px; margin-top: 10px; color: #ffffff; background: #254576; white-space: nowrap; transition: all 0.2s ease-in-out; border-radius: 5px; box-shadow: inset 0 -5px 0 0 rgb(0 0 0 / 15%); font-weight: 500; }

.dv-alienhe a:hover, .formBox .button:hover{ background: #009D4A; }

.title_news h2 { line-height: 37px; text-align: left; margin-bottom: 20px; font-size: 25px; color: #244271; font-weight: 500; position: relative; text-transform: capitalize; border-bottom: 1px dotted #ccc; padding-bottom: 10px; }

.title_news li { font-size: 17px; color: #464646; list-style: none; margin-bottom: 10px; font-weight: 500; font-style: initial; }

.new_id_bs { position: relative; width: calc(100% / 3 - 20px); margin: 0 10px; float: left; margin-bottom: 20px; }

.new_id_bs img { width: 100%; border-radius: 5px; }

.new_id_bs li { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.new_id_bs li img { height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.new_id_bs ul { float: right; width: 100%; position: relative; margin-top: 15px; }

.new_id_bs ul h3 a { font-size: 23px; font-weight: 500; color: #254576; padding-bottom: 10px; display: block; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; line-height: 30px; text-align: left; }

.dv-home-tintuc .new_id_bs ul h3 a { font-size: 22px; }

h4.chanel { text-align: center; color: #639B2F; }

.tt_page_top { margin: 0 -10px; }

.tt_page_top.owl-carousel { margin: 0; }

.new_id_bs li a::after { background: #232323 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; }

.new_id_bs li a:hover::after { opacity: 0.7; }

.new_id_bs li a i { position: absolute; top: 50%; left: 50%; text-align: center; transform: translateY(-50%) scale(0); background: transparent; color: #fff; transition: all 0.5s; margin-left: -23px; border: 1px solid #fff; font-size: 18px; border-radius: 50px; width: 46px; height: 46px; line-height: 46px; }

.new_id_bs li a:hover i { transform: translateY(-50%) scale(1); transition: all 0.5s; z-index: 9; }

.new_id_bs ul h3 a:hover{ color: #009d4a; }

.blog-date { margin-bottom: 5px; display: inline-block; font-size: 15px; margin-right: 10px; }

.blog-date i { color: #009d4a; padding-right: 5px; }

.nums { table-layout: auto; margin-top: 20px; text-align: center; }

.nums li { list-style: none; display: inline-table; }

.nums a.stay { width: 50px; font-size: 15px; line-height: 24px; }

.nums a { font-size: 17px; display: block; margin: 0 6px 0 0; padding: 7px; line-height: 23px; height: 35px; width: 35px; table-layout: inherit; text-align: center; color: #ffffff; background: transparent; text-decoration: none; font-weight: 400; background: #254576; border-radius: 3px; }

.nums a:hover, .nums a.active, .nums a.stay:hover { background: #009d4a; color: #ffffff; }

.box_search_home{ position: relative; top: -110px; left: 0; right: 0; z-index: 1; background: #fff; padding: 30px 50px; filter: drop-shadow(0 1px 4px rgba(10,10,10,.15)); box-shadow: 0 1px 4px rgb(10 10 10 / 15%); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.box_search_home h3{font-size: 30px;font-weight: 500;text-transform: capitalize;color: #254576;line-height: 35px;padding-bottom: 20px;}

.box_search_home ul li{ float: left; margin-right: 10px; list-style: none; margin-top: 10px; }

.box_search_home ul li a{ display: block; color: #334155; background-color: #edf2f8; font-size: 16px; padding: 2px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; text-transform: none; }

.box_search_home ul li a:hover{ color: #fff; background-color:#254576; }

.box_search_home ul p{ color: #333; font-size: 25px; padding-top: 20px; padding-bottom: 10px; }

.timkiem_top_home ul h3 a{ float: right; display: block; color:#fff; background: #254576; font-size: 25px; font-weight: normal; line-height: 30px; padding: 12px 35px; border-radius: 4px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; height: 50px; }

.timkiem_top_home ul h3 a:hover{ color:#fff; background: #009d4a; }

.col-md-1 { width: 35%; float: left; margin-right: 20px; }

.col-md-2 { width: 54%; float: left; }

.left_conten{ float: left; width: 25%; }

.box_left_conten { margin-bottom: 20px; text-align: left; width: 100%; display: inline-block; padding: 20px; background: #fff; border: 2px solid #ededed; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

.title_left_conten { font-weight: 400; font-size: 20px; text-align: left; margin-bottom: 20px; position: relative; text-transform: capitalize; border-bottom: 2px solid; color: #254576; padding-bottom: 5px; }

.container { display: block; position: relative; margin-bottom: 10px; cursor: pointer; font-size: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 25px; text-transform: capitalize; color: #666; padding-left: 30px; }

.container span { color: #999; padding-left: 0; }

.container input { position: absolute; opacity: 0; cursor: pointer; }

.checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #f9f9f9; border: 1px #ccc solid; }

.container:hover input ~ .checkmark { background-color: #ccc; }

.container input:checked ~ .checkmark { background-color: #009d4a; border: 1px #009d4a solid; }

.checkmark:after { content: ""; position: absolute; display: none; }

.container input:checked ~ .checkmark:after { display: block; }

.container .checkmark:after { left: 4px; top: -1px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.right_conten{ float: right; width: 72%; }

.menu_left ul h3 i { margin-right: 7px; font-size: 16px; }

.menu_left ul li { list-style: none; }

.menu_left ul li a { display: block; color: #333; background: #eee; line-height: 35px; padding: 5px 10px; font-size: 16px; text-transform: capitalize; border-bottom: solid #fff 1px; font-weight: 500; 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; }

.menu_left ul li a i { padding-right: 7px; font-size: 13px; }

.menu_left ul li a:hover { color: #fff; background: #FB6600; }

.box_pro_view{ background: #eee; padding: 50px 0; }

.viewLeft { width: 47%; float: left; position: relative; z-index: 0; }

.viewRight { width: 50%; float: right; }

.box_home_page_view {padding-top: 10px;}

.box_home_page_view #pro_tabs { margin-bottom: 30px; width: 100%; float: left; margin-top: 20px; }

.box_home_page_view #pro_tabs .listtabs { text-align: left;}

#pro_tabs { margin: 0; float: right; border: 1px solid #dbdbdb; width: 100%; padding: 15px 0; background: #fff; }

#pro_tabs.pro_tabs_2 { float: none; border: 0; padding: 0 15px; text-align: center; color: #fff; text-transform: uppercase; font-size: 17px; font-weight: 600; background: #0d0d3c; border-radius: 10px 10px 0 0; line-height: 30px; }

.listtabs li a:hover, .listtabs li a.selected, .listtabs li a.selected:hover {color: #cc3d3d;}

.listtabs.listtabs_2 li a:hover, .listtabs.listtabs_2 li a.selected, .listtabs.listtabs_2 li a.selected:hover {color: #f9d50b; border-bottom: #f9d50b solid 3px;}

.listtabs { overflow: hidden; text-align: center; }

.listtabs li { display: inline-table; list-style: none; margin: 0 0px; position: relative; }

.listtabs.listtabs_2 li { display:inherit; float: left; }

.listtabs li:last-child:before {display: none;}

.listtabs li:before { position: absolute; content: ''; right: -3px; bottom: 0px; height: 50px; width: 1px; background-color: #dbdbdb; top: -7px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); }

.listtabs.listtabs_2 li:before { display: none; }

.listtabs li a { color: #2b2b2b; text-decoration: none; display: block; padding: 3px 23px 2px; line-height: 33px; font-size: 16px; font-weight: 600; text-transform: uppercase; background: transparent; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; margin: 0 4px; border-radius: 50px; background: transparent;}

.listtabs.listtabs_2 li a { color: #fff; display: block; margin: 0 15px 0; line-height: 60px; font-size: 15px; font-weight: 600; text-transform: uppercase; background: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; padding: 0; border-radius: 0; background: none; }

.viewRight .desc b { display: block; margin-bottom: 10px; font-size: 18px; color: #22232b; font-weight: normal; }

.viewRight .desc b span { margin-left: 15px; font-size: 19px; color: #666; font-weight: normal; text-decoration: line-through; }

.viewRight .desc li {line-height: 20px;margin-bottom: 10px;text-indent: 20px;list-style: none;background: url(../images/icon-check-pink.png) no-repeat left 7px;margin-left: 10px;}

.viewRight p{ padding-bottom:10px; }

.viewRight p a{ color:#666; }

.viewRight p a:hover{ color:#034ea2; }

.viewRight p i{ padding-right:5px; }

.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 p { padding: 15px 0 10px 0; border-top: dotted 1px #ddd; font-size: 18px; text-transform: uppercase; }

.quantity .minus1, .quantity .plus1 { position: absolute; bottom: 0px; left: 142px; width: 30px; height: 23px; border: none; cursor: pointer; font-size: 18px; color: #fff; text-align: center; -webkit-appearance: none; appearance: none; background: #034ea2; line-height: 19px; }

.quantity .minus1 { font-size: 25px; }

.quantity .plus1 { bottom: 27px; }

.quantity a { position: relative; height: 50px; line-height: 52px; position: absolute; font-size: 18px; text-transform: uppercase; padding: 0 18px 0 50px; 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: #f5111a; margin-left: 50px; 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; }

.quantity a:hover { color: #fff; background: #034ea2; }

.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: #f00; }

#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: 0px 0px; }

.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; }

.product-color-variation .btn { width: 20px; height: 20px; border-radius: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border: 1px solid #ccc; padding: 0; margin: 5px 0; margin-left: 5px; }

.bg-primary { background-color: #fff !important; }

.bg-danger { background-color: #d6cbb5 !important; }

.bg-dark { background-color: #212121 !important; }

.bg-success { background-color: #0D6EFD !important; }

.product-size a { font-weight: 600; margin-left: 5px; }

.titleView {background: url(../images/title-line.png) repeat-x left bottom;position: relative;padding: 0px 0 15px 0;line-height: 30px;font-size: 25px;color: #254576;font-weight: 400;00;text-transform: capitalize;}

.viewRight h2 { font-size: 20px; position: relative; border-bottom: dotted 1px #ddd; margin-bottom: 15px; padding-bottom: 10px; color: #f60; }

#bridal_images { border: 1px solid #ebebeb; background: #fff; padding: 5px; width: 100%; overflow: hidden; position: relative; z-index: 0; float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

#bridal_images img {border: none;width: 100%;height: auto;margin: 0px auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;}

#bridal_images_list { display: block; float: right; width: 100%; position: relative; }

#bridal_images_list li { list-style: none; height: 160px; width: 160px; border: 1px solid #CCC; background: #fff; text-align: center; overflow: hidden; margin: 10px 0px 5px 20px; float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

#bridal_images_list li:hover { border: 1px solid #999; background: #fff; }

#bridal_images_list img {width: 100%;border: none;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;}

.pro_slide_prev, .pro_slide_next { position: absolute; width: 12px; border: solid 1px #ccc; bottom: 50%; height: 50px; margin-bottom: -25px; text-indent: -10000px; }

.pro_slide_prev { left: 0px; border-radius: 5px 0px 0px 5px; background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4; }

.pro_slide_next { right: 0px; border-radius: 0px 5px 5px 0px; background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4; }

a.pro_slide_prev.disabled, a.pro_slide_next.disabled { opacity: .5; }

a.pro_slide_prev.disabled, a.pro_slide_next.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; }

#pro_img_main { margin-bottom: 25px; }

.dathang_id{ border-top: solid #ccc 1px; padding-top: 15px; margin-top: 5px; }

.dathang_id a{ display: block; color: #fff; float: left; background: #C26431; font-size: 18px; padding: 8px 30px; 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; text-transform: capitalize; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; }

.dathang_id a i{ padding-right: 10px; font-size: 20px; }

.dathang_id a:hover{ background: #f5111a; }

.ct_add .sc_item_button { float: left; margin-right: 0; margin-top: 0; margin-left: 15px; }

.ct_add ul h3 { float: left; margin-right: 10px; }

.number-up {float: right;}

span.number-down:hover, .number-up:hover {cursor: pointer;}

.ct_add ul h3 a { display: block; color: #fff; font-size: 13px; text-transform: uppercase; padding: 0 28px; line-height: 35px; 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; font-weight: 600; border: 1px solid #4c4c4c; }

.ct_add ul h3 a i {padding-right: 5px; font-size: 16px;}

.ct_add ul h3 a.clor_01 { background: #ffd4d4; color: #C26431; }

.ct_add ul h3 a.clor_02 { background: #C26431; }

.ct_add ul h3 a:hover,.ct_add>h3>a:hover {background: #C26431; color: #fff; border: 1px solid}

.ct_add ul {clear: both;margin-top: 15px;}

.ct_add>h3>a { display: block; color: #4c4c4c; font-size: 13px; text-transform: uppercase; padding: 0 30px; line-height: 34px; 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; font-weight: 700; border: solid 1px #ccc; float: left; margin-left: 10px;}

.viewRight h4 {font-size: 24px;color: #009d4a;line-height: 30px;font-weight: 500;background: url(../images/title-line.png) repeat-x left bottom;padding: 15px 0 15px;margin-bottom: 10px;}

.viewRight h4 span.gia_km {font-size: 19px;padding-left: 10px;font-weight: normal;color: #666;text-decoration: line-through;}

.product-size { margin: 15px 0; }

.viewRight .desc { margin-top: 20px; }

.so-luong-mua { display: -webkit-inline-box; float: left; margin-top: 10px; }

.number-down, .number-up { border: 1px solid #eaebf3; outline: none; background: transparent; height: 45px; width: 43px; text-align: center; vertical-align: top; padding: 0; color: #222; font-size: 17px; line-height: 40px; float: left; cursor: pointer; }

#number { border: 1px solid #eaebf3; border-left: 0; border-right: 0; height: 45px; font-size: 17px; text-align: center; width: 55px; vertical-align: top; min-height: 33px; padding: 0; float: left; }

#rightNav{position:fixed;bottom:100px;right: 10px;z-index:9999}

#rightNav a{display: block;}

#rightNav img {float:left;width: 45px;height: 45px;margin-top: 5px;}

.owl-dots { display: none; }

.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover { color: #fff; transition: 1s; background: #254576 !important; border: 1px solid; }

.owl-prev, .owl-next { background: #ffffff30;border: 1px solid #d8d8d8; color: #d8d8d8 }

.showText.showText_lienhe p { margin: 0; padding: 0 0 5px; }

.contact-maps { line-height: 0; }

.link_page ul li i { padding-right: 3px; top: 5px; }

.contact-maps { line-height: 0; }

.contact .left { width: calc(100% + 10px); margin: 0 -5px; }

.contact .left li { width: calc(100% / 2 - 10px); float: left; margin: 0 5px 10px; }

.contact .right { width: 100%; }

.pro_page.pro_page_full.pro_page_full_2 ul { margin: 0; width: calc(100% - 0px / 1); }

.nums ul { display: inline-block; }

.nums ul li {float: left;}

.button-cart .btn-checkout, .order-summary__nav.method-button-cart button{ text-transform: uppercase; font-size: 16px; padding: 3px 30px; color: #FFF; background: #254576; white-space: nowrap; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: inset 0 -5px 0 0 rgb(0 0 0 / 15%); font-weight: 400; cursor: pointer; border: none; margin-bottom: 10px; }

.dv-nd.edit_checkout.animate-floating-labels { padding: 20px 0 0; }

.field__input-wrapper input { width: 100%; }

.btn--disabled { height: 42px; padding: 0 10px; }

.dv-thongtindh, .dv-thongtindh * { text-align: left; }

.dv-dky-left { width: calc(50% - 10px); float: left; }

.dv-dky-right { width: calc(50% - 10px); float: right; }

.dv-dky-right {}

.dv-dky-right .fhs-input-send { width: 100%; }

.dv-dky-right .fhs-input-send input { width: 100%; }

.dv-dky-right .fhs-input-send .dv-mabaove-dk { width: 100%; position: relative; }

.dv-dky-right .fhs-input-send .dv-mabaove-dk span.span_mbv { top: 0; right: 0; padding: 0; }

.dv-dky-right .fhs-input-send .dv-mabaove-dk span.span_mbv img { height: 46px; position: relative; top: 2px; }

.dv-dky-right .fhs-input-send .dv-mabaove-dk span.span_mb i { font-size: 10px !important; }

.dv-dky-right .fhs-input-send .dv-mabaove-dk span.span_mbv i { font-size: 10px; position: absolute; bottom: 17px; color: #b3b3b3; right: 3px; }

form#dangkythanhvien .ct_add .sc_item_button { margin: 0; margin-right: 15px; margin-top: 0; padding-top: 0; }

h3.tit_2 { font-size: 30px; color: #254576; line-height: 30px; text-transform: uppercase; font-weight: 500; padding-bottom: 15px; }

.ungtuyen_popup .row-frm { margin-bottom: 10px; }

.box_dangnhap_popup a { float: left; text-transform: uppercase; font-size: 18px; padding: 6px 26px; line-height: 38px; margin-top: 10px; color: #ffffff; background: #254576 !important; white-space: nowrap; transition: all 0.2s ease-in-out; border-radius: 5px; font-weight: 500; margin-bottom: 20px; }

.box_dangnhap_popup a:hover { background: #009D4A !important; }

.tin_left { width: calc(100% - 280px); float: right; padding-left: 24px; }

.tin_right { width: 280px; float: left; }

.title_right_pro_view,.tin_left .title_news h2 { font-size: 30px; color: #254576; line-height: 30px; text-transform: uppercase; font-weight: 500; padding-bottom: 15px; }

.tin_right ul { list-style: none; }

.tin_right ul li a { display: block; padding: 8px 0; }

.tin_right ul li + li a { border-top: 1px dotted #ccc; }

.box_right_pro_view { border: 1px solid #ccc; background: #fff; padding: 15px; border-radius: 5px; }

.dv-ndtk {}

.dv-ndtk .row-frm { margin-top: 12px; }

.dv-ndtk .row-frm p { padding-bottom: 8px; }

p.p_btn a { float: left; text-transform: uppercase; font-size: 18px; padding: 3px 35px 4px; line-height: 38px; color: #ffffff; background: #254576; white-space: nowrap; transition: all 0.2s ease-in-out; border-radius: 5px; font-weight: 500; margin-bottom: 20px; margin-top: 25px; }

p.p_btn a:hover { background: #009D4A; }

.dv-notfull-cart { padding: 10px 0; color: #333; }

span#pro_sum label { white-space: nowrap; }

.dv-load-hd-js.dv-load-hd-js-top { padding: 0 !important; }

.dv-donhhang.dv-dangnhap { background: #fff; color: #333; margin-top: 10px; font-size: 16px; }

.dv-donhhang.dv-dangnhap i { margin-right: 5px; }

.tin_left.tin_left_full { width: 100%; padding: 0; }

.dv-ndd label span { display: inline-block; height: 38px; border: 1px solid #cacaca; float: left; line-height: 33px; white-space: nowrap; min-width: 45px; text-align: center; margin: 0 7px 7px 0; padding: 0 15px; background: #fff; cursor: pointer; border-radius: 3px; } .dv-ndd label input { position: absolute; opacity: 0; z-index: -1; } .dv-ndd label input:checked~span { background: #f4f9ff; color: #375b93; border-color: #708ab1; } .dv-ndd label { margin: 0; }

.dv-anh p.p_mota_cart { margin-top: 4px; }

.box_home_2.box_home_2_sp {
    padding-top: 0;
}

.box_home_2.box_home_2_banner {
    padding-top: 0;
}

.box_home_2.box_home_2_banner .banner_home_page {
    margin-bottom: 20px;
}

.box_pto_hot ul li {
    margin-bottom: 20px;
}

.box_pto_hot.box_pto_hot_bn2 {
    padding-bottom: 20px;
}

.dv-home-sp.dv-home-sp_lsst {}

.dv-home-sp.dv-home-sp_lsst .dinhgia_id {
    margin: 0;
    padding: 40px 0 20px;
}

.dv-home-sp.dv-home-sp_lsst .dinhgia_id ul {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
}

.dv-home-sp.dv-home-sp_lsst .dinhgia_id li {
    width: 30%;
    padding-right: 10px;
}

.dv-home-sp.dv-home-sp_lsst .dinhgia_id h3 {
    width: 70%;
}

.dv-home-sp.dv-home-sp_lsst .dinhgia_id li img {
    max-width: 100%;
    height: 100px;
}

@media only screen and (max-width: 1199px) { .pagewrap { width: 100%; padding-left: 10px; padding-right: 10px}

.menu > li > a { font-size: 16px; padding: 0 18px; }

.timkiem_top { width: 290px; float: left; position: relative; margin-left: 10px; }

.right-top>div:last-child { padding-left: 0; margin-left: 0; }

.right-top>div { margin: 0 5px; }

.right-top { margin-left: 0; float: right; }

.logo_header { width: 300px; }

.header_top .flex { display: block; }

.timkiem_top input { width: 100%; }

.timkiem_top a { position: absolute; right: 5px; }

.timkiem_top_home .col-md-1,.timkiem_top_home .col-md-2 { width: calc(100% / 2 - 58px); margin-right: 10px; }

.dinhgia_id ul { width: calc(100% / 4 - 20px); margin: 0 10px; }

.dinhgia_id.margin_20 { margin: 0 0 25px; }

.box_search_home { top: 0; margin-bottom: 40px; }

.footer_top ul, .footer_top ul.contact_footer { width: calc(100% / 4 - 20px); margin: 0 10px; }

.margin_20 { margin: 0 -10px; }

div .viewRight { width: 50% !important; padding: 0 !important; padding-left: 25px !important; margin: 0 !important; float: left; }

div .viewLeft { width: 50%; }

.thanhtoan-2 { width: calc(34% - 30px); float: left; margin: 0 15px; }

.page_conten_page .poup_page1 { width: 100%; }

}

@media only screen and (max-width: 992px) {.pagewrap { width: 100%; padding-left: 10px; padding-right: 10px}

.mn-mobile { display: block !important; padding: 0; margin: 0; }

a.a_trangchu_mb { display: none; position: absolute; left: 0; color: #fff; padding: 7px 12px; font-size: 20px; top: 0px; }

.menu-bar.hidden-md.hidden-lg {padding: 15px 10px;height: 46px;background: #0a8d44;cursor: pointer;right: auto;left: 10px;width: 52px;display: inline-block;position: absolute;}

.dv-header-bt { background: #254576; height: 46px; }

div#mm-0 { background: #fff !important; }

ul.mm-listview i.fa.fa-angle-down { display: none; }

.mn-mobile img { float: left; height: 16px; line-height: 30px;}

.mm-panel.mm-hasnavbar .mm-navbar {background: #254576 !important;height: 38px;line-height: 18px;}

.mn-mobile span { width: 30px; height: 4px; background: #fff; border-radius: 100px; display: block; margin: 6px 0; }

ul.menu.no_box { display: none; }

.box_menu.wow.fadeInDown { height: 47px; }

.pro_page.pro_page_4 ul { width: calc(100% / 3 - 20px); }

.box_left_conten { padding: 10px; }

.timkiem_top.no_box { position: absolute; right: 140px; bottom: -58px; }

.timkiem_top.no_box input { height: 28px; }

.timkiem_top.no_box a { width: 34px; height: 34px; top: 1px; right: 1px; }

.box_search_home { padding: 20px; }

.list_pro_id ul { width: calc(100% / 4 - 20px); }

.pro_page ul { width: calc(100% / 4 - 20px); }

.box_pto_hot ul li { width: calc(100% / 2 - 20px); margin: 0 10px; }

}

@media only screen and (max-width: 767px) { .timkiem_top { width: 255px; }

.viewRight h4 { padding: 0 0 10px; }

.page_conten_page .poup_page { width: 100%; padding: 20px; }

div .viewRight .desc li, div .gia_sp_mota ul li { padding: 0; font-size: 16px; margin: 0 0 10px; }

div#placeSlide_main .pagewrap { padding: 0; }

#chitiet_news { width: 100%; padding: 0; }

.thanhtoan-2 { width: 100%; margin: 0; padding: 10px 0; }

#placeSlide_main .sidebar { width: 100%; }

.timkiem_top.no_box input { padding: 0 10px; }

.box_left_conten { padding: 10px; }

.left_conten { width: 100%; }

.new_id_bs ul h3 a { font-size: 18px; }

.new_id_bs { width: calc(100% / 2 - 20px); }

.right_conten { width: 100%; margin-bottom: 10px; }

.pro_page.pro_page_4 ul { width: calc(100% / 2 - 20px); }

.dinhgia_id ul { width: calc(100% / 2 - 20px); margin-bottom: 20px; }

.list_pro_id ul { width: calc(100% / 3 - 20px); }

.pro_page ul { width: calc(100% / 3 - 20px); }

.dinhgia_id ul h3 { font-size: 18px; }

.tt_home_left { width: 100%; margin-bottom: 20px; }

.tt_home_right { width: 100%; }

.footer_top ul, .footer_top ul.contact_footer { width: calc(100% / 2 - 20px); }

.footer_top ul h3 { line-height: 1.5; }

.right_footer { width: 100%; }

.bottom_id_copyright ul { width: 100%; }

.logo_header { width: 100%; text-align: center; margin-bottom: 15px; }

.logo_header ul { display: inline-block; }

.right-top { float: none; display: inline-block; }

.pagewrap.flex { text-align: center; }

.form-control { font-size: 16px; height: 46px; padding: 0 10px; }

.timkiem_top_home ul h3 a { padding: 10px 0; height: 46px; font-size: 20px; line-height: 26px; }

.dangnhap_top,.header-page-link { margin-top: 15px !important; margin-left: 5px !important; }

.pro_page ul h3 { font-size: 15px; margin: 10px 0; }

.page_conten_page { padding-top: 30px; padding-bottom: 30px; }

.box_home_page_view #pro_tabs { padding: 10px 0; }

.listtabs li a { padding: 0 10px; }

.box_home_page_view #pro_tabs { margin: 0 0 15px; }

.box_pro_view { padding: 30px 0; }

.page_conten_page>div>h3 { font-size: 20px; }

.right_contact { width: 100%; }

.left_contact { width: 100%; margin-bottom: 20px; }

.contact-maps li iframe { width: 100%; height: 400px; }

.dv-btn-cart.no_box.formBox a, .dv-send-hd.dv-send-hd-buy a { display: inline-block !important; margin: 5px 2px 0; padding: 0 13px; line-height: 42px; height: 46px; }

div #cart_list td { font-size: 16px; line-height: 26px; }

.page_conten_page .poup_page1 { padding: 20px; }

.tin_left { width: 100%; padding: 0; }

.tin_right { width: 100%; margin-top: 10px; }

}

@media only screen and (max-width: 479px) { .hid-mn { display: none !important; }

.contact .left li { width: calc(100% / 1 - 10px); float: left; margin: 0 5px 10px; }

.contact-maps li iframe { width: 100%; height: 300px; }

.new_id_bs { width: calc(100% / 1 - 20px); }

.header-phone { border: none; background: none; }

.dv-dky-right, .dv-dky-left { width: calc(100% - 0px); }

.header-phone label.font-bold { display: none; }

.header-phone i { font-size: 25px !important; margin-right: 10px; }

.header-phone .phone { padding: 0; }

div .viewLeft { width: 100%; }

div .viewRight { width: 100% !important; padding: 20px 0 0 !important; }

.dangnhap_top, .header-page-link { margin-top: 5px !important; margin-left: 15px !important; }

.right-top>div:last-child { border: none; padding: 0 !important; margin-left: 0 !important; }

.header-page-link>div { margin-left: 8px; }

.logo_header ul h3 { font-size: 24px; }

.timkiem_top_home .col-md-1, .timkiem_top_home .col-md-2 { width: calc(100% / 1 - 0px); margin-right: 0; margin-bottom: 10px; }

.timkiem_top_home h3 { display: block; width: 100%; }

.timkiem_top_home h3 a { display: block; width: 100%; text-align: center; }

.list_pro_id ul { width: calc(100% / 2 - 20px); }

.pro_page ul { width: calc(100% / 2 - 20px); }

.title_page h3 { font-size: 25px; }

.footer_top ul, .footer_top ul.contact_footer { width: calc(100% / 1 - 20px); margin-bottom: 20px; }

.bottom_id_copyright ul h3 { display: none; }

.box_pto_hot ul li { width: calc(100% / 1 - 20px); margin: 0 10px 10px; }

.search { position: absolute; height: 41px; right: -123px; z-index: 999; background: #fff; width: 255px; border: 2px solid #0a8d44; overflow: hidden; padding: 5px; border-radius: 10px; margin-top: 35px; opacity: 0; z-index: -1px; }

.timkiem_top.no_box.acti .search { opacity: 1; z-index: 99; }

.box_search_home h3 { font-size: 24px; font-weight: 500; text-transform: capitalize; color: #254576; line-height: 26px; padding-bottom: 20px; }

.box_search_home ul li a { font-size: 15px; }

.title_page ul { display: none; }

.title_page { margin-bottom: 15px; }

.box_home_2 { padding: 30px 0; }

.logo_header ul h3 span { display: block; font-size: 15px; }

.logo_header ul li img { width: auto; height: 60px; }

.timkiem_top.no_box { background: none; border: none; }

.timkiem_top.no_box > a { display: block !important; width: 32px; text-indent: -10000px; background: #0a8d44 url(../images/search.png) no-repeat center 10px; float: right; border-left: 0px; height: 32px; background-size: 50%; border-radius: 50%; }

.timkiem_top.no_box { width: auto; bottom: -30px; right: 130px; }

.tt_home_right ul li { float: left; width: 35%; }

.tt_home_right ul h3 { width: 65%; padding-left: 20px; font-size: 18px; }

.tt_home_left ul h3 { font-size: 20px; padding: 10px; }

.tt_home_left ul p { font-size: 16px; padding: 0 10px 10px; }

.tt_home_right ul p { width: 65%; padding-left: 20px; }
.dv-home-sp.dv-home-sp_lsst .dinhgia_id ul {
    width: calc(100% - 20px);
    margin: 0 10px 20px;
}
}