@import "font.css";

@charset "utf-8";

body { margin: 0px auto; padding: 0px auto; font-size: 15px; line-height: 28px; font-family: 'sans-serif', Helvetica, Arial, Tahoma; font-weight: normal;

background: #EAEBEF;}

* { margin: 0px auto; padding: 0px auto; outline: none; text-decoration: none; }

.clr { clear: both; }

ul { padding: 0px; }

img { border: 0; }
.dv-notfull { text-align: center; width: 100%; }
::selection { background-color: #2d7013; color: #fff; }

::-webkit-selection { background-color:#2d7013; color: #fff; }

-webkit-::selection { background-color: #2d7013; color: #fff; }

::-moz-selection { background-color:#2d7013; color: #fff; }

.pagewrap { position: relative; margin: 0 auto; justify-content: space-between; padding-left: 5%; padding-right: 5%; }

.padding_pagewrap { padding: 0; }

.showText { font-size: 15px; line-height: 28px; }

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

.showText h2 { font-size: 20px; line-height: 30px; font-weight: 500; color: #4681b4; text-transform: uppercase; margin-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; }

.container { position: relative; }

.mySlides { display: none; }

.cursor { cursor: pointer; }

.prev, .next { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 30px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; padding: 10px; background: #0000008c; }

.next { right: 0; border-radius: 3px 0 0 3px; }

.prev:hover, .next:hover { background-color: #4681b4; }

.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; }

.caption-container { text-align: center; background-color: #191919; padding: 5px 16px; color: white; position: relative; }

.row:after { content: ""; display: table; clear: both; }

.column { float: left; width: 20%; }

.demo { opacity: 0.6; }

.active, .demo:hover { opacity: 1; }

th { background-color: #2783c4; color: white; line-height: 45px; text-align: center; font-size: 20px; font-weight: normal; text-transform: uppercase; }

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

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

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

td { height: 30px; }

th { }

table { border: 1px solid black; }

table { width: 100%; }

table { border-collapse: collapse; }

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

tr:nth-child(even) { background-color: #f2f2f2; }

.box_menu { position: absolute; left: 0; right: 0; z-index: 10; padding: 20px 0; 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; }

.box_menu.fixed {position: fixed;top: 0 !important;z-index: 99;background: #255a8cd6;width: 100%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.18);-webkit-animation-name: fadeInDown;animation-name: fadeInDown;webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;height: auto;padding: 5px 0;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;}

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

.box_menu.fixed .logo_top ul li img { height: 45px; }

.box_menu.fixed .logo_top ul h3 { display: none; }

.box_menu.fixed .right_top { padding: 0; }

.box_menu.fixed .menu { margin-top: 0; }

.box_menu.fixed .menu li > a { padding: 0 10px; }

.menu { display: inline-block; margin: 0; padding: 0; float: right; margin-top: 20px; 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; float: right; }

.menu * { list-style: none; }

.menu li + li { margin-left: 0; }

.menu li ,.li_timkiem{ display: inline-block; position: relative; }

.menu li > a,.li_timkiem a {display: block;height: 45px;line-height: 45px;position: relative;z-index: 2;font-size: 15px;text-decoration: none;text-transform: uppercase;color: #fff;font-weight: 600;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;padding: 0 7px;}

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

.menu li > a:after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0px; height: 2px; background: #ed1c24; opacity: 0; z-index: 2; display: none; }

.menu li:hover > a,.li_timkiem:hover a {color: #fff;background: #5da0d9;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;}

.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: 120%; left: 0; opacity: 0; visibility: hidden; min-width: 140px; z-index: 1; margin: 0; padding: 0; padding-top: 0; 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); min-width: 200px; }

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

.menu > li > ul:before {content: "";border: solid 7px transparent;border-bottom-color: #4681b4;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, 0.05); }

.menu li > ul > li {z-index: 2;position: relative;margin: 0;color: #fff;font-weight: 500;font-size: 14px;padding: 0 15px;background: #4681b4;width: 100%;}

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

.menuRightMain, .menu 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; }

.logo_top { float: left; 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; text-align: center; }

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

.logo_top ul li img { height: 80px; width: auto; 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; line-height: 0; }

.logo_top ul h3 { color: #fff; font-size: 14px; text-align: center; font-weight: 500; line-height: 30px; }

.bannerInside { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; height: calc(100vh - 0px); }

.bannerMain { position: relative; overflow: hidden; height: calc(100vh - 0px); }

.bannerMain:before { background: url(../images/pattern.png) #00000059; content: ""; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; }

.banner li { float: left; width: 100%; height: calc(100vh - 0px); list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative; }

.posBL { left: 0px; bottom: 0px; }

.pagiBanner { position: relative; left: 0; right: 0; bottom: 40px; margin: auto; width: auto; text-align: center; z-index: 2; }

.pagiBanner a { display: inline-block; vertical-align: text-top; width: 15px; height: 15px; background: #000000b5; text-indent: -100000px; margin: 0 5px; -moz-box-shadow: 0 0 8px rgba(0,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: #e62a43; }

#downButton { background: #00000026 url(../images/direction_down.png) center 9px no-repeat; background-size: 14px 14px !important; border: 3px solid rgba(255,255,255, 1); border-radius: 30px; height: 30px; width: 30px; position: absolute; bottom: 70px; z-index: 5; text-indent: -9999 !important; display: block; left: 0; right: 0; margin: 0 auto; text-align: left !important; cursor: pointer; }

.bg_link_page { height: 350px; position: relative; 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; }

.bg_link_page:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/pattern.png) #00000087; transition: .3s all ease; }

.page_conten_page { padding-top: 100px; padding-bottom: 50px; }

.titile_link{ position: absolute; right: 0; text-align: center; bottom: -45px; left: 0; z-index: 2; }

.titile_link ul h3{ position: relative; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; padding-bottom: 0; color: #fff; font-size: 30px; line-height: 40px; display: inline-table; padding-bottom: 0; margin-bottom: 20px; text-shadow: 2px 2px #000000; }

.titile_link ul h3:before { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 5px; background: #4681b4; z-index: 2; }

.titile_link ul li { list-style: none; color: #666; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }

.titile_link ul li a{ color: #666; }

.titile_link ul li a:hover{ color: #4681b4; text-decoration: underline; }

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

.company_contact ul { margin: 0 1% 2% 1%; float: left; width: 27.333%; padding: 2%; background: #4e769e; }

.company_contact ul.contact_2 { }

.company_contact ul p { font-size: 15px; line-height: 25px; padding-top: 5px; color: #fff; }

.company_contact ul h3 { text-transform: uppercase; color: #ffffff; font-size: 17px; line-height: 35px; font-weight: 500; margin-bottom: 5px; }

.company_contact ul h3 i { margin-right: 10px; }

.map_contact iframe { width: 100%; height: 500px; float: left; }

.contact h2 { text-transform: uppercase; font-size: 18px; line-height: 25px; font-weight: normal; color: #666; padding-bottom: 20px; }

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

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

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

.formBox li input, .formBox li textarea { border: solid 1px #ccc; height: 45px; color: #666; padding: 0 10px 0 45px; font-family: 'sans-serif', Helvetica, Arial, Tahoma; font-size: 14px; box-sizing: border-box; background: #ffffff; }

.formBox li textarea { padding: 10px 10px 10px 45px; height: 210px; color: #666; float: left; font-family: 'sans-serif', Helvetica, Arial, Tahoma; }

.contact .left input { width: 100%; }

.contact .right input, .contact .right 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: capitalize;font-size: 18px;padding: 0 25px;margin-left: 10px;height: 40px;line-height: 40px;margin-top: 10px;color: #fff;background: #4e769e;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;}

.formBox .button:hover { color: #FFF; background: #4681b4; }

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

.company_contact{ margin: 0 -1%; }

.slideshow{ height: 90vh; margin: 0; }

.wrap-btn-slider{ position: absolute; bottom: 6vh; right: 10vh; }

.wrap-btn-slider button.-left{ margin-right: 5px; }

.o-button.-white.-square.js-slider-home-button{ width: 40px; height: 40px; }

.pagination{ width: 50%; left: 10vh; bottom: 6vh; text-align: left; }

.pagination .container { padding-left: 0px; }

.pagination-item { width: 20px; height: 1px; margin: 0 4px; border: 1px solid rgba(255,255,255,.3); background-color: rgba(255,255,255,0); }

.pagination-item.is-current, .pagination-item:hover{ background-color: #fead15; border: 1px solid rgba(255,255,255,0); }

.slideshow-slide-caption-text{ padding: 40vh 10vh; max-width: 900px; }

.slideshow-slide-caption-title{ font-size: 25pt; font-weight: 800; }

.slideshow-sub-title{ font-size: 24pt; font-weight: 600; }

.slideshow-slide-caption-subtitle-label{ font-size: 8pt; font-weight: 600; letter-spacing: 3px; }

.footer{padding: 50px 0;background: #255A8C;color: #fff;font-size: 13px;line-height: 25px;}

.footer a{ color: #fff; }

.footer a:hover{ color: #4681b4; }

.left_footer { float: left; width: 70%; }

.left_footer ul h3 { font-size: 15px; text-transform: uppercase; font-weight: 600; }

.face_footer ul{ float: left; margin-left: 8%; }

.face_footer ul h3{ font-size: 20px; color: #ffffff; line-height: 30px; text-transform: uppercase; font-weight: 500; padding-bottom: 10px; }

.face_footer ul li{ list-style: none; line-height: 30px; text-transform: capitalize; font-weight: bold; }

.face_footer h4 { font-weight: 500; font-size: 14px; }

.face_footer { width: 30%; float: left; }

.face_footer ul { float: left; margin-left: 10px; width: 286px; }

.face_footer ul:nth-child(1) { width: calc(100% - 0px); padding: 0 15px; }

/*.face_footer ul:nth-child(1) li { width: 50%; float: left; padding-left: 65px; }*/

.face_footer ul li i{ padding-right: 5px; }

.bottom_ft { border-top: solid #d1d1d1 1px; padding-top: 20px; margin-top: 15px; }

.bottom_ft p { }

.bottom_ft ul { float: right; }

.bottom_ft ul li { float: left; margin-left: 10px; list-style: none; line-height: 0; text-align: center; }

.bottom_ft ul li i { border: solid #FFF 1px; padding: 4px; width: 20px; height: 20px; line-height: 20px; font-size: 15px; display: block; -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; }

.bottom_ft ul li:hover i { border: solid #ffffff 1px; }

.pro_id { margin: 0 -2%; }

.pro_id ul{float: left;margin: 0 2% 2% 2%;width: 29.3333%;text-align: center;-webkit-transition: all .3s ease;background: #fff;padding-bottom: 15px;}

.pro_id ul li { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; }

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

.pro_id ul h3 { color: #333; font-weight: 500; font-size: 18px; text-transform: capitalize; line-height: 30px; padding-top: 15px; 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_id ul:hover h3 { color: #4681b4; }

.pro_id ul:hover { transform: translateY(-10px); }

#sharelink { padding-top: 20px; margin-top: 40px; border-top: solid #CCC 1px; }

.title_page { position: relative; padding-bottom: 40px; }

.title_page h3{ font-size: 27px; color: #4e769e; line-height: 35px; text-transform: uppercase; font-weight: 600; padding-bottom: 15px; position: relative; }

.title_page:after { content: ""; display: inline-block; margin: 0; height: 4px; width: 90px; background: #4681b4; position: absolute; }

.box_more{padding-top: 40px;background: #fff;padding-bottom: 10px;}

.detal_pro{float: left;width: 42%;background: #fff;padding: 2%;}

.images_pro_view{float: right;background: #fff;width: 50%;padding: 1%;}

.title_pro_view { position: relative; padding-bottom: 30px; }

.title_pro_view h3{ font-size: 27px; color: #4e769e; line-height: 35px; text-transform: uppercase; font-weight: 600; padding-bottom: 15px; position: relative; }

.column { float: left; width: 100%; height: 100%; }

.title_pro_view:after { content: ""; display: inline-block; margin: 0; height: 4px; width: 90px; background: #4681b4; position: absolute; }

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

.left_home_1{ float: left; position: relative; width: 65%; margin: 5% 0; }

.left_home_1.left_home_2{ float: right; }

.hinhanh_home{ float: right; width: 30%; }

.hinhanh_home.hinhanh_home_2{ float: left; }

.hinhanh_home img{ width: 100%; height: auto; }

.noidung_view{ float: left; width: 70%; }

.more_view { width: 25%; position: absolute; right: 0; bottom: 20%; }

.more_view a{ color: #4681b4; font-size: 15px; text-transform: uppercase; border: #4681b4 solid 1px; display: block; padding: 10px 0; 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: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.more_view i{ padding-left: 10px; }

.more_view a:hover{ color: #fff; background: #4681b4; border: #4681b4 solid 1px; }

.box_home_2{padding-bottom: 50px;padding-top: 50px;background: #fff;}

.comment_face { margin-top: 20px; width: 100%; }

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

#back-top a {display: block;width: 40px;line-height: 40px;background: #5da0d9;outline: none;color: #fff;font-size: 13px;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%;-ms-border-radius: 50%;}

#back-top a:hover {color: #fff;background: #4681b4;}

.tuvanbaogia_popup { padding: 10px; width: 100%; text-align: center; }

.tuvanbaogia_popup ul li { list-style: none; padding-bottom: 0; margin: 0; }

.tuvanbaogia_popup input,.tuvanbaogia_popup textarea { padding-left: 15px !important; }

.tuvanbaogia_popup ul h3 { font-size: 20px; line-height: 30px; font-weight: 600; color: #4681b4; text-transform: uppercase; margin-bottom: 15px; }

.tuvanbaogia_popup ul h4 a{ display: inline-table; color: #ffffff; padding: 0px 50px; font-size: 16px; border: double #ffffff 4px; font-weight: normal; text-transform: uppercase; line-height: 40px; 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: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; background: #4681b4; }

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

.col-md { color: #000; width: 100%; padding-bottom: 15px; }

.form-control { display: block; width: 100%; height: 45px; padding: 6px 20px; font-size: 14px; line-height: 1.42857143; color: #000; background-color: #ffffff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); -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; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; }

.form-control:focus { border-color: #00814485; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #00814452; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #00814452; }

.row-frm select { height: 45px !important; width: 100%; margin: 0; }

.form-control_3 { display: block; width: 100%; height: 130px; padding: 20px; font-size: 17px; line-height: 1.42857143; color: #000; background: f2f2f2; background-image: none; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 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; border: 1px solid #ccc; font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; resize: vertical; box-sizing: border-box; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; }

.add_tocard a { color: #4681b4; font-size: 16px; text-transform: uppercase; border: #4681b4 solid 1px; display: inline; padding: 10px 30px; 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: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

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

.add_tocard { margin-top: 20px; }

.add_tocard a:hover { color: #fff; background: #4681b4; }

.link_share span { float: left; padding-right: 20px; padding-top: 10px; }













.link_share span:hover { opacity: .7; }

.link_share span.clor_1 { background: #3C5A9A; }

.link_share span.clor_2 { background: #FE0000; }

.link_share span.clor_3 { background: #CD2324; }

.link_share span.clor_4 { background: #0BACFC; }

.link_share span.clor_5 { background: #E15146; }

.link_share span a { display: block; color: #fff; font-size: 18px; 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; }

.link_share{ padding-top: 15px; }

.timkiem_top.no_box { position: absolute; right: 0; box-shadow: 0 0 10px #949494; margin-top: 0px; width: 250px; opacity: 0; z-index: -1; transition: all .5s; }

.timkiem_top.no_box.acti { opacity: 1; z-index: 1; margin-top: 10px; }

.timkiem_top.no_box input { width: 100%; height: 36px; border: none; padding: 0 10px; }

.timkiem_top.no_box a { position: absolute; right: 0; background: #fff; padding: 0 10px !important; padding: 0; text-align: right; float: right; color: #888888; font-size: 16px; height: 36px; line-height: 36px; }

.timkiem_top.no_box a:hover { color: #026eb6; }

li.li_timkiem { float: right; margin-top: 20px; 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; }

.face_footer ul ul { display: none; }

.bottom_ft a + a { border-left: 1px solid #fff; margin-left: 5px; padding-left: 5px; }

.bottom_ft a { float: left; line-height: 12px; }

.box_menu.fixed li.li_timkiem { margin: 0; }

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

.nums ul{display: inline-block;}

.nums li { list-style: none;float:left; display: inline-block; }

.nums a { font-size: 16px; display: block; margin: 0 6px 0 0; padding: 5px; line-height: 30px; height: 40px; width: 40px; table-layout: inherit; text-align: center; color: #fff; background: #4e769e; text-decoration: none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; 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; }

.nums a:hover, .nums a.active, .nums a.stay:hover { background: #0591ef; color: #ffffff; }

.nums a.stay { background: #0591ef; color: #fff; }

.nums a.pagination { position: initial !important; padding: 0 !important; line-height: 40px !important; }

.row.dv-dslisder .owl-prev, .row.dv-dslisder .owl-next { position: absolute; top: 50%; width: 17px; height: 26px; background: rgb(0 0 0 / 15%); color: #fff; font-size: 22px; text-align: center; line-height: 23px; margin-top: -13px; cursor: pointer; display: none }

.row.dv-dslisder:hover .owl-prev, .row.dv-dslisder:hover .owl-next { display: block }

.row.dv-dslisder .owl-next { left: auto; right: 0; }

.row.dv-dslisder .owl-prev:hover, .row.dv-dslisder .owl-next:hover { background: rgb(0 0 0 / 25%); }

.column { float: left; width: 100%; height: 88px; }

.column img { width: 100%; height: 100%; object-fit: cover; }

.company_contact ul h3 img { height: 14px; margin-right: 10px; }

.showText.showText_lienhe a { color: #fff; }

.showText.showText_lienhe a:hover { color: #fff; text-decoration: underline; }

.dv-content-fff {background: #fff;padding: 25px;max-width: 1000px;}

/*.box_menu.fixed ul.menu > li { display: none; }*/

.box_menu.fixed ul.menu > li.is_step_2, 

.box_menu.fixed ul.menu > li.is_step_3,

.box_menu.fixed ul.menu > li.is_step_4,

.box_menu.fixed ul.menu > li.is_step_5

{ display: inline-block; }

ul#menu {

position: relative;

z-index: 1;

}

li.li_timkiem { z-index: 99; }

.dv-tim-kiem-0right { position: fixed; top: 0; width: 300px; z-index: 99999; bottom: 0; background: #00000094; text-align: left; right: -300px; transition: all .5s; padding: 0 18px;}

.dv-tim-kiem-0right.acti{right: 0px;}

.dv-tim-kiem-0right h3 { text-align: left; color: #fff; text-transform: uppercase; font-size: 17px; padding: 25% 0 10px; }

.dv-tim-kiem-0right .timkiem_top.no_box { position: relative !important; width: 100%; display: block; opacity: 1; box-shadow: none; margin: 0; }

.dv-tim-kiem-0right a.right { font-size: 26px; position: absolute; top: 0; left: 0; margin-left: -28px; background: #00000094; width: 28px; display: none; text-align: center; height: 34px; line-height: 33px; color: #fff !important; border-radius: 0 0 0 3px; cursor: pointer;}

.dv-tim-kiem-0right.acti a.right{display: block}
.box_menu.fixed .menu li > ul ul { left: auto; right: 100%; }




.pagewrap.page_conten_page { background: #fff; }
.dv-cont-child .dv-right { width: 280px; float: right; }
.dv-cont-child .dv-left { width: calc(100% - 300px); float: left; }

h3.titright:before { content: ""; width: 5px; height: 23px; background: #4681b4; position: absolute; left: 0; top: 2px; }
h3.title-left,
h3.titright { font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: 28px; position: relative; padding-left: 13px; margin-bottom: 15px; }
.dv-sp-right ul { list-style: none; }
.dv-sp-right ul li a { display: block; font-size: 14px; color: #333; padding: 5px 0; line-height: 25px; }
.dv-sp-right ul li + li a { border-top: 1px dashed #d8d8d8; }
.dv-sp-right ul li a i { margin-right: 10px; }
.dv-grright { margin-bottom: 20px; }
.dv-spmoi ul { list-style: none; }
.dv-ndtin li,
.dv-spmoi ul li { list-style: none; width: 100px; float: left; margin-right: 12px; height: auto; }
.dv-ndtin li img, .dv-spmoi ul li img { width: 100%; max-height: 80px; min-height: 70px; object-fit: cover; }
.dv-ndtin ul h3,
.dv-spmoi ul h3 { width: calc(100% - 112px); float: left; font-size: 14px; line-height: 23px; color: #333; font-weight: 500; }
.dv-ndtin ul + ul,
.dv-spmoi ul + ul { border-top: 1px dotted #d8d8d8; padding-top: 10px; margin-top: 10px; }
.dv-ndtin ul h3:hover,.dv-sp-right ul li a:hover,
.dv-spmoi ul h3:hover { color: #1471ca; }
.dv-ndtin li img:hover, .dv-spmoi ul li img:hover{opacity: 0.8;}
h3.title-left { border-bottom: 1px dotted #ccc; padding: 0; padding-bottom: 5px; font-size: 22px; line-height: 30px; font-weight: 600; color: #4681b4;}
.dv-cont-child .dv-left .dv-content-fff { padding: 0; max-width: 100%; }
.bg_link_page:before {display: none;}

.box_menu { background: #255a8c; padding: 10px 0; }
.menu li > a, .li_timkiem a { font-weight: 500; padding: 0 10px; }
.box_menu.fixed { background: #255a8c; padding: 10px 0; }
.logo_top ul li a { line-height: 0; display: inline-block; }
.logo_top ul li img { height: 70px;}
.menu ,li.li_timkiem{margin-top: 12px;}
.tuvanbaogia_popup h4 a { margin: 0 auto; float: none !important; }

.titile_link.titile_link_new li { letter-spacing: 0; font-size: 12px; }
.titile_link_new { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e57a; background: #f4f4f4; line-height: 32px; padding: 10px 0; bottom: 0; overflow: hidden; }
.titile_link_new ul { padding-left: 5%; padding-right: 5%; }
.titile_link_new ul h3 { text-align: left; display: inline-block; float: left; text-shadow: none; color: #4681b4; font-size: 20px; line-height: 35px; letter-spacing: 0; margin: 0 !important; padding: 0 !important; }
.titile_link_new ul h3:before {display: none;}
.titile_link_new ul li { display: inline-block; float: right; }
.slideshow-slide-image::before {display: none;}
.detal_pro.detal_pro_new { width: 100%; padding: 0; margin: 0 !important;}
.detal_pro.detal_pro_new .images_pro_view.wow.fadeInRight { width: 100%; padding: 0; margin: 0 0 15px; }

.page_conten_page_new { padding-top: 50px; }
.title_pro_view.title_pro_view_new h3 { padding-bottom: 7px; font-size: 24px; line-height: 30px; letter-spacing: 0; font-weight: 500; color: #4681b4; }
.title_pro_view.title_pro_view_new:after { height: 3px; }
.titile_link span { padding: 0 5px; }
.pro_id.pro_id_sp.flex {
    margin: 0 -10px;
}
.pro_id.pro_id_sp.flex ul { width: calc(100% / 4 - 20px); margin: 0 10px 20px; text-align: left; border-radius: 5px; overflow: hidden; }
.pro_id.pro_id_sp.flex ul:hover { background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); transform: translateY(0px); }
.dv-nd-sp { padding: 0 15px; }
.dv-nd-sp h3 { font-size: 15px !important; line-height: 25px !important; display: block; }
span.gia_ban {
    display: inline-block;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: red;
    background: none;
    border-radius: 2px;
    padding: 3px 6px 3px 0;
    width: auto;
    margin-bottom: 7px;
    font-weight: bold;
    margin-top: 4px;
}
.discount-tag {
    display: block !important;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../images/nen.png) top left no-repeat;
    background-size: 100% auto;
    width: 80px;
    height: 46px;
    font-weight: 700;
    color: #fff;
    padding: 14px 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
span.gia_km { display: block; font-size: 13px; line-height: 15px; text-decoration-line: line-through; color: #4e4e4e; margin-top: 5px}
.pro_id.pro_id_sp ul li { position: relative; overflow: hidden; }
.pro_id.pro_id_sp ul li:before { content: ""; top: 50%; left: 50%; width: 200%; height: 200%; background: rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); z-index: 1; transform: translate(100%, 100%); transition: all .5s ease-in-out; pointer-events: none; position: absolute; border-radius: 100%; }
.pro_id.pro_id_sp ul:hover li:before { transform: translate(-50%, -50%); }

.dv-sp-leftct { width: 50%; float: left; padding-right: 25px; }
.dv-sp-rightct { width: 50%; float: right; }
.dv-sp-rightct h3 { font-size: 25px; line-height: 35px; margin-bottom: 10px; font-weight: 500; color: #4681b4; border-bottom: 1px dotted #cecece; padding-bottom: 7px; }
.dv-mota-sp { color: #6f6f6f; font-size: 15px; line-height: 25px; margin: 20px 0; }
.dv-mota-sp ul { margin-left: 17px; }
.dv-mota-sp ul li { margin-bottom: 8px; }
.dv-sp-rightct > b { font-weight: 500; margin-top: 5px; display: block; }

.dv-sp-leftct .column { height: 90px; border: 1px solid #e2e2e2; margin: 0 5px; width: calc(100% - 10px); border-radius: 5px; overflow: hidden; padding: 5px;}
.dv-sp-leftct .column img { width: 100%; height: 100%; object-fit: cover; }
.dv-sp-leftct .mySlides { height: 400px; border: 1px solid #dadada; padding: 5px; border-radius: 6px; margin: 0 5px; margin-bottom: 10px; width: calc(100% - 10px); }
.dv-sp-leftct .mySlides img { max-width: 100%; max-height: 100%; object-fit: cover; position: relative; top: 50%; transform: translateY(-50%); }
.dv-sp-leftct a.next, .dv-sp-leftct a.prev { font-size: 20px; left: 8px; border-radius: 4px; height: 48px; line-height: 26px; }
.dv-sp-leftct a.next { left: auto; right: 8px; }
.dv-grmh a i { margin-right: 8px; }
.dv-sp-cont.no_box { margin-bottom: 15px; }
.quantity p { text-transform: uppercase; font-weight: 400; margin-bottom: 5px; }
.dv-gtsl .qty { width: 74px; height: 41px; border: 1px solid #e8e8e8; text-align: center; font-weight: 600; font-size: 15px; color: #333; }
.dv-gtsl input.minus, .dv-gtsl input.plus { border: 1px solid #e8e8e8; position: absolute; width: 28px; height: 21px; background: none; right: -27px; transition: all .3s; cursor: pointer;}
.dv-grmh a { transition: all .3s;  background-color: #026eb5; color: #ffffff; border-color: #1574b3; display: inline-block; height: 41px; line-height: 41px; padding: 0 15px; font-size: 14px; }
.dv-grmh a:hover {background-color: #3f3f3f; color: #ffffff; border-color: #3f3f3f;}
.dv-gtsl input.minus { top: auto; bottom: 0; }
.dv-gtsl { position: relative; float: left; margin-right: 38px; }
.dv-gtsl input.minus:hover, .dv-gtsl input.plus:hover { background-color: #3f3f3f; color: #ffffff; border-color: #3f3f3f; }
.dv-sp-rightct span.gia_km { display: inline-block; margin-left: 0px; }
.dv-sp-rightct h4 { position: relative; }
.dv-sp-rightct h4 .discount-tag { padding: 0 20px; top: -4px; position: relative; display: inline-block !important; margin-left: 25px; margin-bottom: -20px; }
a.disables { background: #ccc !important; color: #505050 !important; }
div#cart_list th { height: 30px; line-height: 25px; font-size: 14px; background: #4e769e; }
.dv-table-reposive button.pro_del { background: none; }
div#cart_list form { max-width: 55px; margin: auto; }
.dv-anh a { color: #333 !important; }
.mobileqty.no_box { width: 120px; }
.mobileqty.no_box .qty { width: calc(100% - 56px) !important; float: left; border-left: 0; border-right: 0; text-align: center; }
.mobileqty.no_box input.qtyminus, .mobileqty.no_box input.qtyplus { width: 28px !important; float: left; }
div#cart_list b { font-weight: 500; }
.dv-btn-cart a { font-size: 14px !important; height: auto !important; line-height: 30px !important; padding: 3px 15px !important; border-radius: 5px; }
td { height: auto; }
div#cart_list form img { height: 20px; width: 20px; margin: 0; }
.buy_cart_list h2 { text-transform: uppercase; font-size: 18px; line-height: 25px; font-weight: normal; color: #666; padding-bottom: 15px; }


.dv-nhom-view-sp { position: absolute; top: 50%; text-align: center; width: 100%; transform: translateY(-50%); opacity: 0; transition: all .7s; z-index: 999;}
.dv-nhom-view-sp a {transition: all .3s; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); width: 38px; height: 38px; background: #fff; display: inline-block; margin: 0 2%; text-align: center; line-height: 38px; font-size: 20px; color: #232323; border-radius: 100px; }
.dv-nhom-view-sp a:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); transform: scale(1.1); color: #232323; }
.pro_id.pro_id_sp ul:hover li .dv-nhom-view-sp {
	opacity: 1 !important;
}
.pro_id ul p { color: #333; font-size: 14px; line-height: 23px; margin-top: 5px; }
.pro_id ul { float: left; margin: 0 10px 20px; width: calc(100% / 3 - 20px); text-align: left; }
.pro_id ul h3 { font-size: 15px; line-height: 25px; font-weight: 600; color: #404040; }
.pro_id { margin: 0 -10px; }

div.mycart { position: fixed; top: 100px; right: 30px; opacity: 0; visibility: hidden; width: 100px; height: 100px; background: #5da0d9 url(../images/icon_add_tocart_1.png) center center no-repeat; background-size: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; border-radius: 100px; background-size: 33px; }
div.mycart.ok { opacity: 1!important; z-index: 150; visibility: visible; width: 50px; height: 50px; }
div.mycart a:link, div.mycart a:visited, div.mycart a:hover { width: 100%; height: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.mycart span.num { background-color: #026eb6; color: #fff; float: right; width: 22px; height: 22px; line-height: 22px; position: absolute; top: -4px; text-align: center; border-radius: 50%; right: -10px; font-size: 12px; }

.clb-social { right: 25px; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotate(-90deg) translate(50%, -50%); -ms-transform: rotate(-90deg) translate(50%, -50%); transform: rotate(-90deg) translate(50%, -50%); margin-right: 0; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; position: fixed; height: 56px; top: 0; font-weight: 600; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; bottom: 0; margin: auto; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }
.clb-social-holder { white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; list-style: none; }
.clb-social-holder li { margin: 0px 5px; }
.clb-social-holder.icons li { padding: 0px 5px; font-weight: 500; color: #000; }
.clb-social-holder.icons li .icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.clb-social-holder.icons li a { color: #0a0a0a; font-size: 20px; }
.clb-social-holder.icons li img { width: 22px; height: auto; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); line-height: 0; top: 4px; position: relative; }

.dv-show-banner li { list-style: none; }
.dv-show-banner li a { color: #fff; text-decoration: none !important; padding-left: 47px; position: relative; transition: all 0.3s}
.dv-show-banner li a::before { left: 0; top: 8px; position: absolute; content: ""; display: inline-block; vertical-align: middle; border-bottom: 1px solid; width: 1.5rem; background-color: #1e1e22; margin-right: 1.125rem; transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform-origin: center left; transform-origin: center left; }
.dv-show-banner li a:hover::before { -webkit-transform: scaleX(1.5); transform: scaleX(1.5); }
.dv-show-banner li a:hover {    padding-left: 69px;}
.mycart.ok:hover .wc-cart-widget-wrapper { display: block; }
.wc-cart-widget-wrapper { padding-top: 60px; position: absolute; right: 0; width: 350px; display: none}
.widget.woocommerce.widget_shopping_cart { background: #FEFEFE; border: 1px solid #fafafa; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.07); padding: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border-bottom: 3px solid #5da0d9; border-top: 3px solid #5da0d9; top: 0; position: relative;}
.widget.woocommerce.widget_shopping_cart:before { border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; position: absolute; right: 0; top: -10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border-bottom: 10px solid #f73838; }
.widget.woocommerce.widget_shopping_cart:before { border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; position: absolute; right: 7px; top: -11px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border-bottom: 10px solid #5da0d9; }
.woocommerce-mini-cart-item.mini_cart_item { border-bottom: 1px solid #ddd; margin:  0; z-index: 999; padding-right: 32px; padding: 8px 0; list-style: none; }
.woocommerce-mini-cart-item.mini_cart_item img { width: 50px; height: 50px; float: left; margin-right: 10px; }
.woocommerce-mini-cart-item.mini_cart_item .quantity { display: inline-block; width: calc(100%); float: right; font-size: 14px; line-height: 20px; color: #8e8e8e; }
.woocommerce-mini-cart-item.mini_cart_item a.remove.remove_from_cart_button { position: absolute; right: 10px; background: #75abd9; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; border-radius: 100px; }
.woocommerce-mini-cart-item.mini_cart_item a.ctitle span { color: #333 !important; width: calc(100% - 60px); float: right; display: inline-block; font-size: 13px; line-height: 20px; font-weight: 600; padding-right: 15px;}
.woocommerce-mini-cart__total.total { padding: 0 0 7px; margin: 0; border-top: none; border-bottom: 1px solid #ddd; }
.woocommerce-mini-cart__buttons a { display: inline-block; width: auto !important; background: #5da0d9; border: 1px solid #5da0d9; padding: 5px 10px; margin: 0 5px; min-width: 110px; text-align: center; color: #fff; border-radius: 5px; float: none !important; transition: all .3s;    float: none !important;}
.woocommerce-mini-cart__buttons.buttons { text-align: center; padding: 10px 0 0; }
.woocommerce-mini-cart__buttons a:hover { background: #fff; border: 1px solid #5da0d9; color: #5da0d9; }
.woocommerce-mini-cart-item.mini_cart_item a.remove.remove_from_cart_button:hover { background: #026eb6;}
.pagination { left: 0 !important; }
.chon_size h3, .mausac_sp h1, .gia_sp h3, .gia_sp_mota li strong { width: 21%; font-size: 14px; color: #666; text-transform: capitalize; padding-top: 0px; text-align: left; line-height: 35px; font-weight: 500; display: inline-block; }
.chon_size ul, .mausac_sp ul, .gia_sp ul ,h5.h5_giact_sp, .gia_sp_mota li a.tenth{ float: right; width: 79%; }
.chon_size { padding-bottom: 10px; border-bottom: 1px dotted #ccc; padding: 5px 0; }
.chon_size h3 { padding: 0 !important; border: none !important; margin: 0 !important; font-size: 13px; line-height: 23px; display: inline-block; }
.chon_size ul li { float: left; width: auto; margin: 4px 8px 4px 0; list-style: none; margin-left: 0; }
.mausac_sp ul { border-bottom: solid #CCC 1px; padding-bottom: 10px; margin-bottom: 10px; }
.chon_size ul li a { display: block; color: #fff; border: solid #CCC 1px; padding: 0px 13px; line-height: 30px; font-size: 14px; 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; background: #fff; text-transform: capitalize; }
.chon_size ul li a.color_1 { background: #996f56; }
.chon_size ul li a.color_2 { background: #000; }
.chon_size ul li a.color_3 { background: #165790; }
.chon_size ul li a:hover { border: solid #FF4C3B 1px; }
.chon_size ul li input {position: absolute; opacity: 0}
.chon_size ul li input:checked + label, .chon_size ul li:hover label { border: 1px solid #026eb5; outline: 1px solid #026eb5 !important; outline-offset: 0px !important; position: relative; }
.chon_size ul li label { display: block; color: #505050; border: solid #CCC 1px; padding: 2px 13px; line-height: 25px; font-size: 13px; background: #fff; text-transform: capitalize; cursor: pointer; min-width: 50px; text-align: center; text-shadow: 2px 0 0 rgba(255, 255, 255, 0.50), -2px 0 0 rgba(255, 255, 255, 0.50), 0 2px 0 rgba(255, 255, 255, 0.50), 0 -2px 0 rgba(255, 255, 255, 0.50), 1px 1px rgba(255, 255, 255, 0.50), -1px -1px 0 rgba(255, 255, 255, 0.50), 1px -1px 0 rgba(255, 255, 255, 0.50), -1px 1px 0 rgba(255, 255, 255, 0.50); }
.chon_size ~ .quantity, .chon_size .h5_giact_sp ~ .quantity { margin-top: 15px; }
a.ctitle { width: 50px !important; float: left; }
.wc-cart-widget-wrapper .right { width: calc(100% - 60px); float: right; }
.dv-sharelink-new #sharelink { border: none; }
.showText_js_sp .showText { position: relative; max-height: 400px; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.showText_js_sp { position: relative; }
.show-hide-tab-content { width: 100%; position: absolute; bottom: -15px; text-align: center; }
.show-hide-tab-content a { display: inline-block; background: #255a8c; padding: 5px 25px; color: #fff; font-size: 14px; line-height: 23px; border-radius: 3px; cursor: pointer; }
.showText_js_sp.acti .showText { max-height: 100%; }
.showText_js_sp.acti .show-hide-tab-content { display: none; }
.chon_size h3 { font-size: 14px !important; }

.mm-vertical .mm-listview>li>.mm-next, .mm-listview>li.mm-vertical>.mm-next { height: 36px; bottom: auto; }
.mm-vertical .mm-listview>li.mm-opened>.mm-next:after, .mm-listview>li.mm-vertical.mm-opened>.mm-next:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.dv-sort { margin-bottom: 15px; text-align: right; } .dv-sort span { font-size: 14px; margin-right: 5px; } .dv-sort select { width: calc(100% - 70px); max-width: 290px; padding: 0 5px; height: 34px; border: 1px solid #e7e7e7; }
.show-spcon {
    background: #fff;
    padding: 40px 0 30px;
}

.show-spcon h3.title_sp {
    font-size: 30px;
    color: #4e769e;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 25px;
    position: relative;
}

.show-spcon:nth-child(even) {
    background: #eeeeee;
}


.show-spcon .pro_id ul {
    padding-bottom: 0;
    box-shadow: 0 0 2px #ccc;
}

.box_home_2 {
    padding: 30px 0;
}
.dv-banner-home-box {width: calc(100% / 3 - 30px);margin: 0 15px 20px;float: left;overflow: hidden; position: relative;}
.dv-banner-home-box span { line-height: 1.5; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; padding: 0 10px; font-size: 24px; font-weight: 700; text-transform: uppercase; width: calc(100% - 20px); text-align: center; }
.dv-banner-home-box img {width: 100%;height: 100%;max-height: 220px;transition: all 0.5s;}
.dv-banner-home-box:hover img { transform: scale(1.1); }
.dv-banner-home {padding: 50px 0 25px;display: block !important; }
.dv-banner-home-box a { display: block; line-height: 0; overflow: hidden; width: 100%; height: 100%; }
.dv-banner-home-child.flex { margin: 0 -15px; }
.bannerMain:before{display: none;}
ul.pagiBanner { position: absolute; bottom: 30px; }
.pagiBanner a.selected { background: #255a8c; }
.box_menu { background: #fff; }
.menu li > a { color: #333; }
.box_menu.fixed .menu li > a { color: #fff; }
.mn-mobile {background: #24598b!important;padding: 2px 7px!important;border-radius: 5px !important;}
.mn-mobile span {width: 32px!important;   height: 3px!important;}
.bannerMain img { width: 100%; height: auto; }
@media only screen and (max-width: 1199px) { .pagewrap { width: 100%; padding-left: 0px; padding-right: 0px}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.dv-banner-home-child.flex { margin: 0 -10px; }
.pagewrap { padding-left: 10px; padding-right: 10px; width: 100%; margin: 0; }

.logo_top ul li img { height: 55px; }

.menu li > a, .li_timkiem a { font-size: 13px; padding: 0 5px; }

.pagination-item { font-size: 0; width: 12px; height: 12px; }

.logo_top { margin-left: 10px; }

.pagination { left: 0; }

.showText { padding: 0 10px; }

.bg_link_page { height: auto; }

.titile_link { position: relative; padding-top: 130px; }

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

.pro_id { margin: 0; }

.detal_pro.wow.fadeInLeft .showText { padding: 0; }

.titile_link ul li { white-space: nowrap; overflow: hidden; }



.showText_ok .title_pro_view { margin-left: 10px; margin-right: 10px; }

.showText_ok .showText { padding: 0 10px !important; }

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

.company_contact { margin: 0; }

.showText.showText_lienhe { padding: 0; }

.contact .right,.contact .left { width: 50%; padding: 0 10px; }

.n-foot a { display: inline-block !important; }


.bg_link_page.bg_link_page_new { height: auto; min-height: 100px; padding-top: 240px; }
.titile_link.titile_link_new.no_box { position: initial; padding: 7px 0; bottom: 0; height: auto; }
.menu, li.li_timkiem { margin-top: 5px; }
.titile_link_new ul { padding-left: 10px; padding-right: 10px; }

}

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

.mn-mobile { display: block !important; float: right; padding: 0; margin: 0 10px 0 0; margin-left: 10px; top: 0; right: 0; position: absolute; }

a.a_trangchu_mb { display: none; position: absolute; left: 10px; text-transform: uppercase; color: #ffffff; padding: 5px 5px; font-size: 23px; top: 0px; }

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

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

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

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

ul.menu.no_box { display: none; }

li.li_timkiem { margin: 0; margin-right: 60px; margin-top: 0; }

.li_timkiem a { line-height: 40px; height: 40px; }

.slideshow-slide-caption-text { padding-left: 10px; padding-right: 10px; }
.logo_top ul li img {
    height: 40px;
    float: left;
}
.pro_id ul { width: calc(100% / 2 - 20px); margin: 0 10px 20px; }
.box_menu.fixed .logo_top ul li img { height: 40px; }

.slideshow-slide-caption-title { font-size: 40px; margin-bottom: 10px; line-height: 50px; }

.wrap-btn-slider { bottom: 20px; right: 20px; z-index: 98; }

.o-button.-white.-square.js-slider-home-button { width: 34px; height: 34px; }

.left_home_1 { float: left; position: relative; width: calc(55% - 20px); margin: 0 10px; }

.box_more .title_page { margin-left: 10px; }

.hinhanh_home { float: right; width: calc(45% - 20px); margin: 0 10px; }

.noidung_view { float: left; width: 100%; }

.more_view { position: initial; right: 0; bottom: 0; width: 100%; float: left; margin-top: 15px; }

.more_view a { display: inline-block; padding: 7px 20px; font-size: 14px; }

.title_page h3 { font-size: 23px; line-height: 32px; text-transform: uppercase; font-weight: 600; padding-bottom: 10px; position: relative; }

.title_page { position: relative; padding-bottom: 20px; }

.box_menu.fixed li.li_timkiem { margin-right: 60px; }

.left_footer { width: calc(40% - 20px); margin: 0 10px; }

.left_footer { width: calc(60% - 20px); margin: 0 10px; }

.face_footer { width: calc(40% - 0px); float: left; margin: 0; }

/*.face_footer ul:nth-child(1) li { width: 100%; float: left; padding-left: 0; }*/

.face_footer ul:nth-child(1) { width: calc(100% - 20px); padding: 0; margin: 0 10px; }

div#cart_list form { margin: 0; display: inline-block; }
.dv-gio-hang { padding: 0 10px; overflow: hidden; }
.mobileqty.no_box input.qtyminus, .mobileqty.no_box input.qtyplus, .mobileqty.no_box .qty { display: inline-block !important; float: left !important; }
.mobileqty.no_box { width: 120px; height: 27px; margin: 0; display: inline-flex; }

.face_footer ul { float: left; margin-left: 10px; width: calc(50% - 20px); margin: 0 10px; }

.bottom_ft { margin: 15px 10px 0; }

.titile_link ul h3 { position: relative; text-transform: uppercase; letter-spacing: 0px; font-weight: 600; padding-bottom: 0; font-size: 25px; line-height: 35px; display: inline-table; padding-bottom: 0; margin-bottom: 20px; }

.page_conten_page_new { padding-top: 50px; padding-bottom: 30px; }
.page_conten_page { padding-top: 70px; padding-bottom: 50px; }
.detal_pro { float: left; width: calc(45% - 20px); margin: 0 10px; }

.images_pro_view { float: right; width: calc(55% - 20px); margin: 0 10px; }

.title_pro_view h3 { font-size: 25px; line-height: 35px; text-transform: uppercase; font-weight: 600; padding-bottom: 10px; position: relative; }

.title_pro_view { position: relative; padding-bottom: 20px; }

.title_pro_view h3 { font-size: 22px; line-height: 32px; text-transform: uppercase; font-weight: 600; padding-bottom: 5px; position: relative; }
.detal_pro.detal_pro_new { padding: 0 10px; }
.dv-cont-child .dv-right { width: 270px; float: right; margin-right: 10px; }
.pro_id.pro_id_sp.flex { margin: 0; }
.pro_id.pro_id_sp.flex ul { width: calc(100% / 3 - 20px); }

div.mycart { top: 75px; right: 15px; }

.slideshow ,.bannerMain:before{ display: none; }
.bannerMain { display: block !important; }
.banner li, .banner, .bannerMain ,.banner .caroufredsel_wrapper{height: auto !important}
.banner li img{width: 100%; height: auto; float: left;}
.banner li + li img {display: none}
.caroufredsel_wrapper .banner li + li img {display: block}
.pagiBanner { position: absolute; bottom: 20px; }

.chon_size h3 { width: 100%; }.chon_size ul { width: 100%; }
.dv-banner-home-child.flex { margin: 0; }
.show-spcon h3.title_sp { font-size: 25px; padding: 0 10px 15px; }
}


@media only screen and (max-width: 767px) { .slideshow-slide-caption-title { font-size: 30px; margin-bottom: 10px; line-height: 39px; }
.pro_id.pro_id_sp.flex ul { width: calc(100% / 2 - 20px); }
.slideshow-sub-title { font-size: 22px; font-weight: 600; line-height: 28px; }
.dv-banner-home-box { width: calc(100% / 2 - 20px); margin: 0 10px 20px; }
.o-hsub { padding: 10px 3px; }

body { font-size: 14px; line-height: 25px; }

.title_page h3 { font-size: 20px; line-height: 30px; padding-bottom: 7px; position: relative; }

.box_home_1 { padding: 30px 0; }

.more_view a { display: inline-block; padding: 5px 14px; font-size: 13px; }

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

.footer { padding: 30px 0; }

.left_footer { width: calc(100% - 20px); margin: 0 10px 15px; }

.face_footer { width: calc(100% - 0px); float: left; margin: 0; }

.showText { font-size: 15px; line-height: 26px; }

.showText ul li { margin-left: 25px; }

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

.pro_id ul h3 { font-size: 15px; line-height: 26px; padding-top: 15px; }

.detal_pro { float: left; width: calc(100% - 20px); margin: 0 10px; }

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

.company_contact ul h3 { text-transform: uppercase; color: #ffffff; font-size: 15px; line-height: 30px; font-weight: 500; margin-bottom: 5px; }

.company_contact ul p { font-size: 14px; line-height: 25px; padding-top: 5px; color: #fff; }

.formBox .button { float: right; text-transform: capitalize; font-size: 15px; padding: 0 22px; margin-left: 10px; height: 36px; line-height: 36px; margin-top: 10px; color: #fff; background: #265a8c; 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; }

.map_contact iframe { width: 100%; height: 300px; float: left; }
.dv-cont-child .dv-left { width: calc(100% - 0px); float: left; }
.dv-cont-child .dv-right { width: calc(100% - 20px); float: right; margin: 10px 10px 0; }

.titile_link.titile_link_new li { width: 100%; text-align: left; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden; margin-top: 3px;}
.bg_link_page.bg_link_page_new { padding-top: 170px; }
.page_conten_page_new { padding-top: 30px; padding-bottom: 30px; }

.dv-sp-leftct { width: 50%; float: left; padding-right: 10px; }
.dv-sp-leftct .mySlides { height: 300px;}
.dv-sp-rightct h3 { font-size: 20px; line-height: 28px; }

div .quantity a { margin: 0; }
div .quantity .plus { font-size: 15px; left: auto; bottom: auto;}
div .quantity .minus { bottom: 0; left: auto; font-size: 16px;}
.dv-gtsl { position: relative; float: left; margin-right: 32px; }
div .quantity a { font-size: 12px; padding: 0 10px; }

.clb-social { right: 0; }
#back-top { right: 12px; }
.pagiBanner { bottom: 7px; }

}

@media only screen and (max-width: 479px) { .slideshow-slide-caption-title { font-size: 22px !important; margin-bottom: 7px !important; line-height: 31px !important; }
.pro_id.pro_id_sp.flex ul { width: calc(100% / 1 - 20px); }
.slideshow-sub-title { font-size: 18px; font-weight: 600; line-height: 28px; }
.dv-sp-leftct { width: 100%; float: left; padding-right: 0; }
.dv-sp-rightct { width: 100%; float: right; margin-top: 10px; }
.dv-mota-sp { font-size: 14px; line-height: 23px; margin: 10px 0; }
.contact .right, .contact .left { width: 100%; padding: 0 10px; }
.dv-sp-leftct .mySlides { height: 260px; }
.dv-sp-rightct h3 { font-size: 18px; line-height: 26px; padding-bottom: 5px; }
.left_home_1 { float: left; position: relative; width: calc(100% - 20px); margin: 0 10px; }

.hinhanh_home { float: right; width: calc(100% - 20px); margin: 15px 10px 0; }
.dv-banner-home-box { width: calc(100% / 1 - 20px); margin: 0 10px 20px; }
.hinhanh_home.hinhanh_home_2 { float: left; margin: 0 10px 10px; }

.face_footer ul:nth-child(1) { width: calc(100% - 0px); padding: 0; margin: 0 10px 0px; }

/*.face_footer ul:nth-child(1) li { width: 50%; float: left; padding-left: 0; padding-right: 10px; }*/

.face_footer.no_box a { font-size: 13px; line-height: 24px; display: block; margin-bottom: 5px; font-weight: 500; }

.face_footer ul { float: left; margin-left: 10px; width: calc(100% - 20px); margin: 0 10px; }

li.li_timkiem { position: initial; }

.timkiem_top.no_box { right: 10px; }

.titile_link { position: relative; padding-top: 80px; }

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

.images_pro_view { float: right; width: calc(100% - 20px); margin: 15px 10px 0; }

.titile_link ul h3 { position: relative; font-size: 20px; line-height: 27px; }

.titile_link ul h3:before { height: 4px; }

.dv-tim-kiem-0right .timkiem_top.no_box { right: 0; }

.dv-tim-kiem-0right { width: 275px; right: -276px; padding: 0 10px; }
.dv-gio-hang .left, .dv-gio-hang .right { padding: 0 !important; }
.dv-btn-cart.dv-send-hd-buy a { display: block; width: 100%; margin: 0 0 10px; }
.dv-banner-home { padding: 30px 0 10px; }
.wc-cart-widget-wrapper { width: 290px; }
}