@import "font.css";
@charset "utf-8";
body { margin: 0px auto; padding: 0px auto; font-size: 15px; line-height: 27px; font-family: 'Roboto', sans-serif; font-weight: normal; color: #363738; position: relative; }
.content a{ display: block; padding: 5px; }
.content a img{ width: 100% }
.sp_page_a .thuvienanh_id ul:hover h3 {color: #fff}
.page_conten_page .photo-ad-f ul:hover h3 { color: #4026e1;}
.sp_page_a .thuvienanh_id ul h3 {background: #08457E;color: #fff;font-weight: 300;text-align: center;padding: 5px 10px 10px;}
.sp_page_a .thuvienanh_id ul h3:hover { background: #4026e1; transition: 0.5s;}
.sp_page_a .thuvienanh_id{ margin: 0 -10px;}
.sp_page_a .thuvienanh_id ul { padding: 0; width: calc(100% / 3 - 20px); margin: 0 10px 20px; float: left; }
.blog-post-body {padding: 20px;}
.page_conten_page .photo-ad-f, .page_conten_page .photo-ad-f *,
.thuvienanh_id, .thuvienanh_id *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col-md-8 .wrapper-detail h6 { font-size: 20px; margin-bottom: 15px; }
.blog-post-body ul { list-style: disc outside; padding-left: 0px; }
.blog-post-body ul li { list-style-type: disc; }
.history-img {text-align: center;}
.quality-group .history-box h1 { text-align: center; font-size: 35px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; }
.quality-group .history-box p { text-align: justify; width: 90%; line-height: 30px; padding: 0 40px 0 20px; margin-bottom: 20px; }
.quality-group .history-box { display: table-cell; width: 100%; margin: 30px; position: relative; vertical-align: middle; height: 480px; }
.showText .history-img img { max-width: 320px; width: 100%; }
.group-box { display: inline-block; width: 100%; margin: 20px 0; }
.service-detail .col-md-8 {float: right;}
.service-detail .col-md-4 {float: left;}
.showText .col-md-8 .wrapper-detail {padding: 30px 0;}
.showText .service-detail .col-md-8 .wrapper-detail p {padding-bottom: 15px}
.showText .col-md-8 .wrapper-detail p { font-size: 15px; line-height: 27px; font-weight: 300; color: #5f5f5f; text-align: justify; padding: 0;}
.col-md-8 { width: 62.66666666666666%; float: left}
.col-md-4 img {width: 100%;}
.col-md-4 { width: 33.33333333333333%; float: right; }
.blog_item_full {margin: 0 -1%}
.blog_item {width: 31.333333%; float: left; margin: 0 1%; position: relative;}
.main-his .wrapper-ct a:hover { color: #fff000; text-decoration: none; }
.main-his .wrapper-ct a span { margin: 0px 0; letter-spacing: 1px; line-height: 24px; font-size: 14px; display: inline-block; }
.main-his .wrapper-ct a { margin: 10px 0; letter-spacing: 1px; line-height: 22px; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.button-more { display: inline-block; margin: 45px 0 10px 0; }
.button-more a:hover { background: #4026e1; text-decoration: none; color: #fff; }
.button-more a { border: 1px solid #fff; padding: 10px 20px; border-radius: 7px; letter-spacing: 2px; color: #000; background: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.main-his .inner-text { display: inline-block; width: 80%; }
.main-his .inner-text p { text-align: justify; color: #e6e7e9; font-size: 16px; line-height: 25px; letter-spacing: 0.8px; }
.main-his .inner-text h1 { padding: 0px 0 20px 0; font-weight: 300; color: #e6e7e9; letter-spacing: 2px; font-size: 28px; line-height: 40px; }
.main-his .inner-text h1 span { font-weight: 600; color: #fff; }
.html-widget-1 .col-md-3 {position: relative; text-align: center; margin: 0; width: 25%; margin-top: 85px}
.html-widget-1 .col-md-3:before { content: ""; position: absolute; height: 100px; border-left: 1px solid #fff; top: 0%; left: 0; }
.main-his .wrapper-ct a .icon img { width: auto; margin-bottom: 7px; height: 60px; line-height: 0; }
.html-widget-1 {display: inline-block;width: 100%;padding: 60px 0;background: #08457E;}
.item-product a img:hover {/* -webkit-transform: rotate(360deg); *//* transform: rotate(360deg); */}
.item-product a img { max-width: 250px; width: 100%; -webkit-transition: -webkit-transform 0.8s ease-in-out; transition: transform 0.8s ease-in-out; }
.item-product a:hover { color: #4026e1; text-decoration: none; }
.item-product a { display: block; width: 100%; color: #000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.item-product a span { text-align: center; width: 100%; font-size: 22px; margin-top: 15px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; }
.col-md-3 a img {width: 100%;}
.col-md-3 { width: 21%; float: left; margin: 0 2%; }
.imges_id_page>img {width: 100%;}
.link_page ul li a { display: block; color: #666; font-size: 14px; text-transform: capitalize; }
.link_page ul li i { font-size: 18px; margin-right: 10px; }
.link_page ul li { float: left; list-style: none; line-height: 20px; }
.link_page ul { float: left; line-height: 20px; }
.link_page ul li a:hover { color: #4026e1; }
i.fa-angle-double-right {float: left; padding: 3px 7px;}
.link_page h3 { text-transform: uppercase; color: #4026e1; font-size: 23px; line-height: 30px; font-weight: 400; margin-left: 0; float: left; border-left: solid #ec202b 5px; padding-left: 13px; position: relative; }
.link_page { padding-top: 13px; padding-bottom: 14px; background: #efefef; }
.blogwp:hover { background: #4127e1; transition: 0.5s}
.counter { display: table-cell; margin:1.5%; font-size:50px; background-color: #FF6F6F; width:200px; border-radius: 50%; height:200px; vertical-align: middle; }
.blogwp:hover ul.post-tags {background: #fff; transition: 0.5s}
.blogwp:hover ul.post-tags li { color: #4228e1; transition: 0.5s}
.blogwp:hover h3 a,.blogwp:hover p {color: #fff; transition: 0.5s}
.blogwp p { font-size: 15px; line-height: 24px; margin: 0 0 15px; color: #636a73; display: block; font-weight: 300; }
.content_blog {clear: both; text-align: center; padding: 0 10px;}
.blogwp h3 a { color: #3c4550; }
.blogwp .readmore { color: #4026e1; font-size: 14px; border: 1px solid #4026e1; padding: 5px 16px 8px; }
.blogwp .readmore:hover {background: #4026e1; color: #fff; transition: 0.5s;}
.blogwp h3 { display: block; font-size: 18px; font-weight: 300; margin: 0px 0 7px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; }
.blogwp .image-thumb { position: relative; width: 100%; float: left; display: block; }
.blogwp .image-thumb .image-blog img {transition: all 1s}
.blogwp .image-thumb .image-blog { width: 100%; float: left; margin-bottom: 10px; overflow: hidden; display: block; line-height: 0; }
.dv-tintuc-ds .date-post { text-align: center; top: -25px; position: relative; margin-bottom: -10px; }
.section_blog .lazyload.loaded { height: unset; width: auto; }
.date-post { text-align: center; margin-bottom: 13px; }
ul.post-tags li i { display: inline-block; font-size: 16px; margin-right: 7px; }
ul.post-tags li{ font-family: 'Roboto', sans-serif; font-size: 12px; color: #fff; }
.blogwp .image-thumb .image-blog img {width: 100%;}
ul.post-tags { background: #4026e1; display: inline-block; padding: 8px 20px; }
.blogwp .image-thumb .post-detail { position: absolute; top: -25px; left: 22px; color: #fff; font-size: 14px; z-index: 99; text-align: center; }
.blogwp { width: 100%; float: left; padding-top: 0px; }
.blogwp .image-thumb .post-detail .date-blog { display: block; border-bottom: 1px solid rgba(255,255,255,0.302); }
.blogwp .image-thumb .post-detail:before { background-color: #4026e1; content: ""; left: -12px; height: 60px; position: absolute; top: -5px; transform: rotate(45deg); width: 60px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: -1; }
.section_choose .choose-left { width: 65px; height: 65px; float: left; position: relative; }
.section_choose .choose-left span { position: relative; color: #fff; font-size: 26px; z-index: 9; top: 0px; left: 20px; }
.section_choose .choose-right { width: calc(100% - 75px); float: right; padding-left: 10px; }
.section_choose .title_module_main { margin-bottom: 40px; }
.section_choose .choose-left span:before { background-color: #4026e1; content: ""; left: -7px; height: 45px; position: absolute; top: -5px; transform: rotate(45deg); width: 45px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: -1; }
.col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 49%; float: left; margin: 0 1% 0% 0; }
.col-lg-8 { width: 66%; float: right; padding-top: 20px}
.section_choose { background: url(../delete/choose_bg.png) #f2f7f8 center top; padding-top: 60px; }
.section_about .content-about .about-bottom h3 { font-size: 18px; color: #3c454f; font-weight: 700; margin: 20px 0 15px; }
.section_about .content-about .about-bottom .about-sumary { font-size: 15px; }
.title_module_main h2:hover:after,.title_module_main h3:hover:after { width: 100%; }
.title_module_main h2:after,.title_module_main h3:after { content: ""; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; width: 0%; height: 3px; background: #4026e1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.about-top img {width: 30%;}
.title_module_main .h2 span:before, .title_module_main .h2 a:before, .title_module_main h2 span:before, .title_module_main h2 a:before { content: ""; width: 50px; position: absolute; bottom: 20px; background: #4026e1; height: 2px; left: 50%; transform: translateX(-50%); display: none; }
.title_module_main .h2 span, .title_module_main .h2 a, .title_module_main h2 span, .title_module_main h2 a { color: #292929; text-decoration: none; display: inline-block; padding: 0 0 10px; position: relative; }
.title_module_main .h3 span {color: #292929; text-decoration: none; display: inline-block; padding: 0 0 10px; position: relative;}
.title_module_main .h2 small { font-size: 17px; display: block; font-weight: 300; color: #737373; text-transform: capitalize; margin-top: 0; letter-spacing: 0.5px }
.title_module_main .h3, .title_module_main h3 { font-weight: 500; font-size: 30px; margin: 0; text-transform: uppercase; letter-spacing: 0; position: relative; display: inline-block; margin-bottom: 35px; }
.title_module_main .h2, .title_module_main h2 { font-weight: 500; font-size: 30px; margin: 0; text-transform: uppercase; letter-spacing: 0; position: relative; display: inline-block; margin-bottom: 35px; }
.title_module_main { margin-bottom: 10px; position: relative; text-align: center; }
.col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.section_about { padding: 60px 0; }
.header_top { background: #4026e1;}
.gr-year .title { text-align: center; font-size: 2.571em; line-height: 40px; color: #fff; padding-bottom: 30px; }
.gr-year .title span { display: inline-block; background: #4026e1; padding: 9px 30px 8px; border-radius: 3px; }
.gr-year .wr-it { position: relative; padding-top: 39px; padding-bottom: 50px; }
.gr-year .text-year { height: 46px; width: 60px; text-align: center; font-size: 18px; font-weight: 700; color: #4026e1; position: absolute; top: 0; left: 50%; margin-left: -30px; background: #fff; padding-top: 15px; }
.right { float: right; }
.gr-year .it-tree-year { width: 50%; }
.gr-year .it-tree-year { text-align: left; position: relative; }
.gr-year .it-tree-year.it-right { padding-left: 10.29167%; -moz-box-sizing: border-box; box-sizing: border-box; }
.gr-year .it-tree-year .desc { font-size: 1em; font-weight: 700; color: #333; line-height: 18px; }
.left { float: left; }
.gr-year .it-tree-year { width: 50%; }
.gr-year .it-tree-year { text-align: left; position: relative; }
.gr-year .it-tree-year.it-left { padding-right: 10.29167%; -moz-box-sizing: border-box; box-sizing: border-box; text-align: right; }
.gr-year .it-tree-year.it-left:after { content: ""; display: block; width: 12.5%; height: 1px; background: #333; position: absolute; top: 14px; right: 0; z-index: 0; }
.gr-year .it-tree-year img { display: inline-block; max-width: 100%; padding-top: 26px; }
.gr-year .it-tree-year.it-right:after { content: ""; display: block; width: 12.5%; height: 1px; background: #333; position: absolute; top: 14px; left: 0; z-index: 0; }
.clearAll { clear: both; width: 0px; height: 0px; margin: 0; padding: 0; display: table; }
.gr-year .it-tree-year.it-right:after { content: ""; display: block; width: 12.5%; height: 1px; background: #333; position: absolute; top: 14px; left: 0; z-index: 0; }
.gr-year .icon-red { width: 16px; height: 16px; background: url(../delete/icon-year.png) no-repeat; position: absolute; top: 46px; left: 50%; margin-left: -8px; z-index: 10; }
.gr-year { background: url(../delete/bg-tree.png) repeat-y top center; }
.wr-page { width: 100%; margin: 0 auto; }
.info-of-year .desc .text { padding-top: 20px; padding-bottom: 50px; font-size: 1em; line-height: 20px; color: #333; text-align: justify; }
.info-of-year .desc .title { font-size: 2.143em; line-height: 34px; color: #4026e1; text-align: center; }
.box_menu_f {position: relative; width: 100%; top: 0; left: 0; right: 0; z-index: 99;}
* { margin: 0px auto; padding: 0px auto; outline: none; text-decoration: none; }
::selection { background-color: #4026e1; color: #fff; }
::-webkit-selection { background-color:#4026e1; color: #fff; }
-webkit-::selection { background-color: #4026e1; color: #fff; }
::-moz-selection { background-color:#4026e1; color: #fff; }
.footer_top ::-webkit-input-placeholder { color: #fff; }
.footer_top :-ms-input-placeholder { color: #fff; }
.footer_top ::placeholder { color: #fff; }
.simply-scroll-container { position: relative; }
.simply-scroll-clip { position: relative; overflow: hidden; }
.simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none; }
.simply-scroll-list li { padding: 0; margin: 0; list-style: none; }
.simply-scroll-list li img { border: none; display: block; margin: auto; width: auto; height: 100%; }
.simply-scroll { width: 1170px; margin: 25px auto; }
.simply-scroll .simply-scroll-list li { float: left; width: 190px; height: 70px; border: 1px solid #ccc; margin: 5px; display: flex; vertical-align: middle; background: white; padding: 5px 0; }
.contact-maps li{display: initial;}
.slogan-logo>h1 { color: #3e4347; font-size: 18px; letter-spacing: 1px; margin: 0; text-transform: capitalize;}
.slogan-logo {float: left; margin: 23px 0;}
.r_active {color: #4026e1 !important}
.cl_active {color: #4026e1 !important}
.home-1 { background: #ececec; background-size: 100%; padding: 45px 60px 60px;}
.header-contact ul li .fa-envelope:before { background: #ffffff; color: #4026e1; padding: 4.5px 4.5px; border-radius: 3px; margin-right: 7px; font-size: 12px; }
.header-contact ul li .fa-phone:before { background: #ffffff; color: #4026e1; padding: 3.5px 5px; border-radius: 3px; margin-right: 7px; }
.header-contact ul li a {color: #fff000;}
.header-contact ul li { list-style: none; float: left; color: #fff; font-size: 14px; padding: 6px 10px; }
.header-contact {background: #4026e1; padding: 5px 0;}
.custom-select { position: relative; width: 18%; float: left; margin: 0 1%;}
.custom-select-lastchild { background: #c0212f; color: #fff; border-radius: 4px; padding: 6px 0 8px; width: 111px; text-align: center;}
.custom-select-lastchild:hover {background: #222}
.custom-select-lastchild>a {color: #fff}
.custom-select select { display: none; }
.select-selected:after { position: absolute; content: ""; top: 20px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #b1b1b1 transparent transparent transparent; }
.select-selected.select-arrow-active:after { border-color: transparent transparent #b1b1b1 transparent; top: 12px; }
.select-items div,.select-selected { color: #737373; padding: 6px 16px; cursor: pointer; user-select: none; border: 1px solid #ccc; }
.w3-bar.w3-black { margin: auto; text-align: center; padding-top: 10px; }
.w3-bar.w3-black .w3-button { border: none; padding: 11px 25px 10px; border-radius: 3px; font-size: 16px; font-family: arial; background: #ececec; }
.w3-bar.w3-black .w3-red { background: #4026e1; color: #fff; }
.search-product-a .home-pro-f .pro-l-1 { float: left; width: 27%; margin: 0 1%; text-align: center; border: 1px solid #eaeaea; padding: 1% 2%; }
.search-product-a .pro-l-1 a img { width: 50%;}
.home-product .pagewrap { position: initial;}
.select-items div { border: 1px dotted #e2e2e2;}
.select-items { position: absolute; background-color: #ececec; top: 100%; left: 0; right: 0; z-index: 99; }
.select-hide { display: none; }
.select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); }
.menu > li.menu_bar > ul { min-width: 695px; height: auto; background: white;}
.menu > li.menu_bar > ul > li { margin: 0; display: block; margin-top: 0px; width: 200px; margin-bottom: 0; float: left; border-bottom: none; padding: 0px 15px; height: auto; }
.menu > li.menu_bar > ul > li li:last-child { padding-bottom: 10px;}
.menu > li.menu_bar > ul > li li:last-child {border-bottom: none;}
.menu > li.menu_bar > ul > li>a {border-bottom: 1px solid #bdbdbd !important; color: #000}
.menu > li.menu_bar > ul li li:first-child,.menu > li.menu_bar > ul > li:first-child { padding-top: 0px;}
.menu > li.menu_bar > ul > li:last-child {padding-bottom: 0}
.menu > li.menu_bar > ul > li ul { position: relative; border: none; box-shadow: none; opacity: 1; left: 0; visibility: inherit; display: initial; }
.row.pagination-section .form-control { display: inline-block; width: auto; vertical-align: middle;}
.row.pagination-section .form-inline label { 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; font-size: 15px; margin-right: 10px; }
.form-inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.sp-list-a div a:hover .sp-cart{background: #222; transition: 0.5s;}
.sp-list-a div a:hover h3 { color: #4026e1; transition: 0.5s; }
.sp-list-a div a:hover img { transform: scale(0.9); transition: 0.5s; }
.sp-list-a .sp-right h3 { margin-bottom: 3px; text-align: left; color: #2d2d2d; font-size: 15px; font-weight: 400; text-transform: uppercase; height: 54px; overflow: hidden; }
.sp-list-a .price-sp .price {padding-top: 5px}
.sp-list-a .sp-right p { display: none; margin-bottom: 0; text-align: left; color: #5d5d5d; font-size: 14px; line-height: 23px; margin-top: 10px; }
.price-sp .price h4 span { color: #878787; font-weight: normal; font-size: 14px; padding-right: 8px; text-decoration: line-through; }
.price-sp .price h4 { color: rgb(217 62 44); font-size: 16px; padding: 0; text-transform: uppercase; line-height: 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; text-align: left;}
.sp-list-f { margin: -10px -1%; }
.sp-list-a .sp-cart { width: 64%; float: left; text-align: center; background: #4026e1; color: #fff; padding: 2px 0 4px; border-radius: 4px; margin-top: 15px; position: relative; bottom: 10px; right: 0;}
.sp-list-a .sp-cart a {color: #fff;}
.sp-list-a .sp-right { width: 100%; float: left; margin: 0 1%;}
.sp-list-a div img {width: 100%; transition: 0.5s;}
span.f-a { font-family: 'WorkSans', sans-serif; color: #5d5d5d; padding: 0 7px;}
.row.pagination-section .col-lg-4 { width: 37%; float: left; margin-top: 10px; text-align: left; }
.search_bar>div>div.main {background: none}
.col-lg-4 { width: 30.3333%; float: left; margin-top: 35px; text-align: center; margin: 0 1.5%;}
.col-lg-4 .btn-secondary { background: #c0212f; color: #fff; padding: 7px 12px 10px; font-weight: 300; border-radius: 4px; font-size: 15px}
.sub-event-title.price-dk { color: #c0212f;}
.sub-event-item .col-lg-8 {width: 70%; float: left; font-size: 15px}
.sub-event-item { background: #eeeeee; padding: 10px; margin-top: 10px}
.div-filter-button .btn-search:hover { background: #222222; cursor: pointer;}
.div-filter-button .btn-search { color: #fff; background: #c0212f; border-radius: 4px; padding:10px 26px 10px; text-transform: uppercase; border: none;}
.div-filter-button {margin: 15px 0 10px; text-align: right;}
.list-group-item label {margin-left: 5px}
.list-group .list-group-item { display: block; padding: 5px 10px;}
.search_bar .fa-plus:before,.search_bar .fa-minus:before { position: absolute; top: 16px; right: 10px; font-size: 12px; }
.icon-icon_font_plus:before { content: '\e81a'; }
.search_bar>div>div h2 { font-weight: 500; font-size: 16px; display: inline; }
.col-lg-4 .btn-secondary.btn-white { background: transparent; color: #444; padding: 7px 12px 8px; font-weight: 300; border-radius: 4px; border: 1px solid #444; }
.search_bar>div>div { background: #fff; line-height: 40px; padding: 0px 15px 6px; font-weight: 500; cursor: pointer; position: relative; margin: 10px 0; }
.search_bar { background: #eeeeee; padding: 20px 10px; margin-bottom: 30px;}
.line { text-align: center; margin: 10px 0 20px; }
.social-login { clear: both; padding: 20px 0 0; }
.social-login-container > a { display: block; margin: 10px 0; }
.social-login-container .scl-button { cursor: pointer; vertical-align: top; border-radius: 4px; display: flex; float: left; margin-right: 20px; }
.right-text-ad div.pass-ad {background: none; padding: 10px 0;}
.pull-left>a {color: #333; border: 1px solid #ccc; border-radius: 4px; padding: 8px 26px 10px;}
.pull-left>a:hover {background: #c0212f; color: #fff; border: none; }
.right-text-ad div.pass-ad>p {float: right; margin-top: 0;}
.c-tin-ad .right-text-ad .left-text-full-w>p {margin-bottom: 10px; font-size: 18px}
.c-tin-ad .right-text-ad .left-text-full-w {width: 98%}
.social-login-container svg { height: 24px; width: 24px; vertical-align: top; margin: 8px; flex: 0 0 auto; }
.scl-button-default span { color: #fff; display: flex; margin: 0 24px 0 12px; padding: 10px 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; letter-spacing: .25px; overflow: hidden; text-align: center; text-overflow: clip; white-space: nowrap; flex: 1 1 auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.left-text p a:hover,.left-text .btn-login:hover {background: #222; cursor: pointer}
.left-text .btn-login {color: #fff; background: #c0212f; border-radius: 4px; padding: 10px 26px 11px; text-transform: uppercase; border: none; font-size: 15px;}
.text-center {text-align: center !important}
.left-text .form-group a{color: #14a1e4;}
.left-text .form-group {margin: 10px 0}
.left-text>div { margin-top: 20px; background: #e4e4e4; padding: 10px 20px 25px; border-radius: 5px;}
.left-text>div p {margin: 10px 0 5px;}
.left-text h6 {font-size: 15px; font-weight: 300; margin: 4px 0 20px;}
.left-text p a{color: #fff; background: #c0212f; border-radius: 4px; padding: 8px 26px 10px; text-transform: uppercase;}
.left-text p.dk-re-p {color: rgba(0,0,0,.6); margin-bottom: 22px; line-height: 24px;}
.left-text h2 {font-size: 23px; font-weight: 400;}
.right-text-ad .left-text { width: 48%; float: left; margin: 0 1%;}
.right-text-ad {width: 68%; float: right; margin-top: 0px}
.title_right_pro_view::before { content: '\f0dd'; margin-top: 20px; font-size: 27px; color: #4026e1; margin-left: 20px; font-family: 'FontAwesome'; position: absolute; display: none; }
.box_right_pro_view>ul>li { border-bottom: 1px solid #efefef; padding: 7px 20px; }
.new_right {padding-top: 6px}
.box_right_pro_view>ul { list-style-type: none; padding-left: 0; }
.box_right_pro_view>ul>li a { color: #777; font-size: 15px; font-weight: 400; }
.slick-slide img {width: 100%;}
.event-page-5 .panel-section-title h6 { width: 50%; margin: 20px auto; font-size: 16px; font-weight: 300; text-align: center;}
.event-page-5 {padding: 0px 0 50px}
.home-search-a .panel-section-title .stripe h2 {background: none}
.home-search-a .panel-section-title { margin-bottom: 30px; }
.event-page-5 .panel-section-title .stripe h2 { margin: auto; background-color: #fff; color: #c0212f; font-size: 30px; text-transform: uppercase; font-weight: 400; display: initial; position: absolute; top: 0; margin-top: -20px; text-align: center; width: 234px; left: 0; right: 0; }
.event-page-5 .stripe { height: 1px; background-color: #c0212f; width: 100%; }
.event-page-4 {margin-bottom: 40px}
.event-page-4 .promo-col-img-right .promo-content-right {float: left;}
.promo-col-img-right .promo-content-left { float: right; }
.promo-col-content>p {padding-bottom: 20px}
.promo-col.full-width .generic-info-btn { border: 1px solid #4a4a4a; color: #333; padding: 5px 20px 10px; border-radius: 4px; }
.promo-content-right .generic-info-btn:hover { background-color: #4a4a4a; border-color: #4a4a4a; color: #fff; }
.event-page-4 .stripe-underline { border-left: 0; border-right: 0; border-top: 0; width: 160px; height: 0; margin: 15px auto; display: block; border-bottom: 2px solid #c0212f; }
.promo-col-content >h1 { text-transform: capitalize; color: #000; font-weight: 400;}
.event-page-3 {margin-bottom: 30px}
.promo-col .promo-content-right { width: 46%; display: inline-block; float: right; text-align: center; position: relative; }
.promo-col .promo-content-left img {width: 100%}
.promo-col .promo-content-left{ width: 50%; margin: 0; display: inline-block; }
.promo-content-main.fav-feed a.read-more-link:hover {color: #222222}
.promo-content-main.fav-feed a.read-more-link {color: #c0212f; text-decoration: underline;}
.promo-content-main.fav-feed h4 a:hover {color: #c0212f}
.promo-content-main.fav-feed p { font-size: 15px; line-height: 23px; margin: 10px 5px;}
.promo-content-main.fav-feed h4 a { color: black;}
.promo-content-main.fav-feed h4 {font-weight: 400; font-size: 17px;}
.promo-content-main.fav-feed{ min-height: 100px; padding: 10px 2px 20px 2px; border-style: solid; border-color: #e6e6e6; border-width: 1px; }
.promo-col-four {margin: 0 -1%}
.promo-content-left {float: left; width: 23%; margin: 1% 1%; text-align: center; position: relative;}
.event-page-1 .pagewrap h6 a {color: #c0212f; text-decoration: underline;}
.page-banner .generic-info-btn { background-color: #fff; border: 0; margin: 15px auto 10px auto; padding: 5px 20px 10px; color: #000; border-radius: 3px; display: block; width: 100px; }
.page-banner:hover a .generic-info-btn {background: #c0212f; color: #fff; transition: 0.5s;}
.position-left h1 { font-weight: 300; margin-bottom: 10px;}
.position-left { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); width: 50%; text-align: center; }
.panel-image-wrapper{ position: relative; margin-bottom: 45px; }
.event-page-1 .pagewrap p.panel-copy a:hover {background: #222}
.event-page-1 .pagewrap p.panel-copy a {background: #c0212f; color: #fff; padding: 5px 20px 10px; border-radius: 4px;}
.event-page-1 .pagewrap p.panel-copy { margin-top: 20px;}
.event-page-1 .pagewrap p {color: rgba(0,0,0,.6); margin: 10px 0;}
.event-page-1 .pagewrap h6 { color: #313131; font-size: 16px; margin: 20px 0; font-weight: 300;}
.event-page-1 .pagewrap { max-width: 55%; text-align: center; padding: 40px 0;}
.about-4-f {margin: 0 -1%;}
.about-us-4 .about-4-l img {width: 100%}
.about-us-4 .about-4-l:hover a:before {opacity: 1; transition: all 1s}
.about-us-4 .about-4-l a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.9); transition: .3s all ease; z-index: 0; opacity: 0;}
.about-us-4 .about-4-l { float: left; width: 31.3333333333%; margin: 1% 1%; text-align: center; position: relative; }
.banner-detail:before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); transition: .3s all ease; z-index: 0;}
.about-us-4 { margin-bottom: 40px;}
.about-us-3 .pagewrap { padding-bottom: 20px;}
.about-us-3 {padding: 0px 0 5px;}
.about-us-2{padding: 50px 0;}
.about-2-l img {width: 100%;}
.about-2-l { width: 48%; margin: 0 1%; float: left;}
.banner-detail>img {width: 100%;}
.header-contact ul li a:hover {color: #fff}
.right_header .r-a a:hover span { background: #4026e1; color: #fff000; border: 1px solid #fff000;}
.right_header .r-a span { background: #ffffff; border-radius: 50%; border: 1px solid #fff; position: absolute; top: -5px; width: 18px; height: 18px; text-align: center; line-height: 19px; color: #4026e1; font-weight: bold;}
.home-product {margin-bottom: 30px}
.home-pro-f {padding: 0px 0 20px;}
.panel-section-title .stripe h2 { margin: auto; background-color: #fff; color: #4026e1; font-size: 30px; text-transform: uppercase; text-align: center; font-weight: 400; display: table; }
.col-lg-4 .btn-secondary:hover {background: #222; color: #fff}
.orange-button { text-decoration: none; text-align: center; line-height: 40px; font-weight: 400; font-size: 14px; border: 1px solid #4026e1; color: #4026e1; padding: 8px 20px 8px; border-radius: 4px; }
.foot-list ul li p { line-height: 22px; margin-bottom: 10px; text-align: left; font-size: 14px; color: #5f5f5f; }
.foot-list .autoplay1 .titleOfFoodComponent { font-size: 18px; margin: 0 0 10px; font-weight: 400; color: #353535; margin-top: 10px; }
.foot-list .autoplay .titleOfFoodComponent { font-size: 18px;}
.orange-button:hover {background: #4026e1; color: #fff;}
.foot-list .titleOfFoodComponent { font-size: 18px; margin: 0 0 10px; font-weight: 400; color: #353535; }
.pro_view_sp>p>a:hover {background: #3e4347}
.pro_view_sp>p>a { background: #4026e1; color: #fff; padding: 8px 20px 9px; border-radius: 3px; font-size: 13px;}
.pro_view_sp>p {text-align: center; margin: 20px 0;}
.pro_view_sp { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); padding-bottom: 10px; }
.search_pro_a .home-0 { margin: 40px 0; }
.box_right_pro_view .i-st1 img {width: 100%; transition: all 0.5s}
.box_right_pro_view .i-st1 { width: calc(46% - 2px); margin: 2%; float: left; border: 1px solid #e4e4e4; padding: 10px 0; border-radius: 3px;}
.box_right_pro_view .i-st1 img:hover { transform: scale(0.9); transition: 0.5s;}
.box_right_pro_view .i-st1 h3 { font-size: 14px; padding: 0px 5px; color: #252525; text-align: center; line-height: 21px; height: 60px; overflow: hidden; font-weight: 400;}
.box_right_pro_view .i-st1 li {list-style: none;}
.img-qc a img { width: 100%; margin: 25px 0;}
.right-new {width: 74%; float: left;}
.left-danhmuc {width: 24%; float: right;}
.contact-topics select { border: 1px solid #eaeaea; color: #999; background: white; display: block; padding: 10px 11px 11px; width: 100%; font-size: 15px; font-family: 'Roboto', sans-serif; }
.contact-maps {margin-bottom: 30px}
.foot-list .pagewrap,.contact-full .pagewrap{ padding: 30px 0;}
.foot-list .pagewrap ul li img {width: 100%; transition: all 0.5s}
.right-new ul li .img {width: 40%; float: left; margin-right: 2%;}
.foot-list .pagewrap .right-new>ul>li { float: left; width: 100%; margin: 1% 0% 1%; position: relative; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; }
.kienthuc_add .right-new ul li .img { width: 100%; float: left; margin-right: 0; overflow: hidden; margin-bottom: 10px; }
.kienthuc_add .right-new ul li img:hover { transform: scale(1.1); }
.foot-list.kienthuc_add .titleOfFoodComponent { font-size: 18px; margin: 0 0 10px; font-weight: 400; color: #424242; }
.foot-list.kienthuc_add .pagewrap .right-new>ul>li {width:31.3333%; margin: 1%;}
.nhacungcap_view .panel-section-title .stripe h2.font-size-26 {font-size: 26px}
.nhacungcap_view .home-pro-f { padding: 0 10px;}
.nhacungcap_view .slick-initialized .slick-slide { margin: 10px !important; padding: 10px !important; }
.sp-list-a { width: 21%; float: left; position: relative; margin: 7px; text-align: center; border: 1px solid #eaeaea; padding: 1%;}
.nhacungcap-f {margin-top: 75px;}
.panel-section-title .stripe h6 { font-size: 15px; font-weight: 300; margin-top: 13px; color: #6f6f6f;}
.stripe { margin: auto; text-align: center; margin-top: 20px;}
.panel-section-title .stripe h2::before { content: ""; background: #4026e1; height: 2px; position: absolute; width: 60px; left: 0; bottom: -1px; margin-left: 47%; }
.panel-section-title { position: relative; margin-bottom: 40px; }
.fa-star {color: #5d5d5d;}
.sp-cart .fa {padding-right: 10px;}
.price-sp .sp-cart { color: #fff; background: #676767; display: none; padding: 9px 16px; text-transform: uppercase; font-size: 13px;}
.price-sp .price { height: 30px}
.panel-section-title p { margin-top: 13px;}
.pro-l-1 .price-sp {padding: 10px 0; position: relative; text-align: left;}
.pagewrap .prl_title_c p{ margin-bottom: 0; text-align: left; color: #a7a7a7; font-size: 15px; line-height: 23px;}
.pro-l-1 a:hover .price-sp .sp-cart {background: #c0212f; transition: 0.5s}
.pro-l-1 a:hover h3 {color: #c0212f;}
.pro-l-1 a:hover img {transform: scale(0.9);}
.pro-l-1 a img {width: 80%; transition: 1s}
.flex { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.home-pro-f .pro-l-1 {float: left; width: 23%; margin: 0 1%; text-align: center}
.ab-slogan-h p a:hover {background: #4026e1}
.home-1-f h3 a:hover {color: #4026e1;}
.home-1-f h3 a {color: #c0212f; position: relative;}
.pagewrap .home-1-f h3 { text-align: center; font-size: 20px; text-transform: uppercase; font-weight: 400; margin: 15px 0; }
.home-1-f:last-child {margin-top: 20px}
.home-1-l:hover img { transition: 1s; filter: grayscale(50);}
.home-1-l:hover .a-ab-home1 { transition: 1s; opacity: 1; cursor: pointer;}
.home-1-l:hover .a-ab-home1 h3 {transform:translateX(0px); transition: 1s}
.a-ab-home1 { position: absolute; background: rgba(0,0,0,0.9); top: 0; left: 0; opacity: 0; right: 0; bottom: 57px}
.pagewrap .a-ab-home1 a {color: #ccc;}
.pagewrap .a-ab-home1 h3 {text-align: center; font-size: 20px; text-transform: uppercase; font-weight: 400; margin: auto; display: table; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0 12px; margin-top: 28%; transform:translateX(-30px);}
.wine-home-1 {width: 67%; text-align: left; float: right;}
p.view_more { margin-top: 25px;}
.wine-home-1>p a{ background: #d83e2c; color: #fff; padding: 9px 17px 11px; border-radius: 3px;}
.wine-home-1>h1 { text-align: left; font-weight: 400; font-size: 30px; color: #4026e1; margin-bottom: 40px; position: relative; text-transform: uppercase;}
.wine-home-1>h1::before { content: ""; background: #4026e1; height: 2px; position: absolute; width: 60px; margin-left: 0px; left: 0; bottom: -18px; }
.home-0-l:hover .dt-sc-image-content {opacity: 0; transition: all 0.5s}
.home-0-l:hover a img { transition: all 1s; transform: scale(0.95); }
.home-0-l .dt-sc-image-content h6 { font-size: 14px; font-weight: 300; text-decoration: underline; font-style: italic; margin-top: 4px;}
.home-0-l .dt-sc-image-content h3 {color: #fff000; font-weight: 300; font-size: 20px;}
.home-0 {margin-top: 60px}
.home-0>p { width: 50%; margin: auto; text-align: center; color: #777; margin-bottom: 20px;}
.home-0>h6 { text-align: center; font-size: 23px; font-weight: 300; color: #000;}
.home-0>h1 { font-weight: 400; font-size: 30px; color: #4026e1; letter-spacing: 1px; position: relative; margin: 10px 0; text-transform: uppercase; }
.home-0-l:hover a:before { opacity: 0; }
.home-0-l .dt-sc-image-content a {color: #fff;}
.home-0-l .dt-sc-image-content{ position: absolute; z-index: 9; top: 45%; left: 0; right: 0; margin: 0 auto; text-align: center;}
.wine-home-0 .home-0-l .dt-sc-image-wrapper>a:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.6); left: 0; top: 0; transition: all 500ms linear; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; z-index: 1; }
.wine-home-0 .home-0-l { width: 20%; float: left; margin: 0%; position: relative;}
.home-0-l img {width: 100%; transition: all 1s}
.home-1-f,.home-pro-f {margin: 0 -1%;}
.home-1-f .home-1-l { width: 48%; float: left; margin: 0 1%; position: relative;}
.home-1-f .home-1-l img {width: 100%;}
.home-1 .pagewrap {padding: 90px 0 120px;}
.ab-slogan-h p a { background: #3e4347; color: #fff; padding: 8px 20px 11px; border-radius: 4px; font-weight: 300;}
.ab-slogan-h h4 { font-size: 20px; text-transform: capitalize; font-weight: 400; width: 423px; margin: auto; text-align: center; line-height: 30px; background: rgba(255,255,255,0.5); color: #000; padding: 5px 0 9px;}
.ab-slogan-h h2 { background: rgba(0,0,0,0.5); text-transform: uppercase; font-weight: 400; letter-spacing: 3px; font-family: 'WorkSans',sans-serif; font-size: 30px; line-height: 54px; width: 550px; margin: auto;}
.box_banner_home .ab-slogan-h { position: absolute; top: 0; margin-top: 160px; color: #fff; width: 700px; text-align: center;}
.box_banner_home {position: relative;}
.box_banner_home .slick-slide img {width: 100%;}
.left_header { width: 7%; float: right; text-align: right; margin: 40px 0;}
.right_header>ul { clear: both; width: auto; display: inline-block; float: left; }
.left_header a img { margin: 0 2px; width: 35%; border: 1px solid #ececec;}
.right_header .r-a { margin: 6px 0; float: right; position: relative;}
.right_header .r-a a { color: #ffffff; padding: 0 14px; font-size: 14px;}
.right_header .r-a a .fa { font-size: 16px; color: #ffffff; padding-right: 8px;}
.siteSearchSubmit span { display: none; }
.sprites-size-half { transform: scale(0.7); width: 40px; height: 40px; background: url(../images/icon/search.png) no-repeat; }
.siteSearchSubmit { display: block; float: right; margin: 0; padding: 0; border: 0; height: 40px; width: 40px; position: relative; outline: none; background: #4026e1; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
input[type="text"].siteSearchInput { font-size: 15px; width: calc(100% - 40px); border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #091d0c; margin: 0; transition: .5s; border-radius: 3px; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: arial; background: transparent; line-height: 40px; }
.heading-counter { border: 1px solid #ddd; padding: 10px; }
table, th, td { border: 1px solid #e8e8e8; }
.menu_style p {font-size: 16px; text-transform: uppercase; color: #717171; margin-top: 17px;}
.count { width: 100px; font-size: 35px; color: #ffffff; height: 100px; line-height: 100px; background: #4026e1; border-radius: 50%;}
.home-ad-t-lh>div .l_tabs-ad { width: 72%; float: left;}
.home-ad-t-lh>div {width: 1170px; margin: auto; padding: 60px 0;}
.tab { overflow: hidden; border: 1px solid #e4e4e4; background-color: #ececec; }
.l_banggia-add table a { color: #202836; }
.l_banggia-add table a:hover {color: #3d9be9}
.tab button.active { background-color: #ccc; }
.tabcontent>ul.dn_nv { width: 23.5%; float: left; margin-left: 2%; text-align: center; margin-top: 20px}
.tabcontent>ul.dn_nv:first-child {margin-left: 0}
.tabcontent>ul.dn_nv>li { list-style: none;}
.tabcontent>ul.dn_nv>li>img { border-radius: 50%; width: 70%;}
.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; border-right: 1px solid #cecece; }
.tab button:last-child {border-right: none}
.tab button:hover { background-color: #3d9be9; color: #fff;; }
.tab button.active { background-color: #3d9be9; color: white; }
.list_vl > thead > tr { background-color: #3d9be9; color: #eee; }
.tabcontent,.tabcontent1,.tabcontent2 { display: none; padding: 15px 12px 20px; border: 1px solid #e4e4e4; }
.btn-u { border: 0; color: #fff; font-size: 14px; cursor: pointer; font-weight: 400; padding: 6px 13px; position: relative; white-space: nowrap; display: inline-block; text-decoration: none; }
.btn-u.btn-u-blue { background: #3498db; }
.img-a-banggia img { width: 20%; margin-left: 2px; margin-bottom: 10px;}
.tabcontent1 {margin-top: 20px}
.l_banggia-add .tabcontent1 .tab button { display: block; float: inherit; clear: both; border-radius: 5px; background: #7d7d7d; padding: 10px 20px;}
.l_banggia-add .tabcontent1 .tab { width: 15%; float: left; }
.l_banggia-add .tabcontent1 .tabcontent2 {width: 80%; float: right; border: none; border-left: 1px solid #ececec; padding: 0 0 0 40px}
.l_banggia-add .tab button.active {background: #3d9be9}
.page_conten_page h4 {font-weight: 400; margin-bottom: 20px;}
.l_banggia-add .tab button:hover {background: #3d9be9}
.l_banggia-add .tab button { border-right: none; background: #202836; margin: 5px 3px; border-radius: 70px; color: #fff; padding: 13px 22px; text-transform: uppercase; font-size: 14px;}
.l_banggia-add .tab { background: none; border: none;}
.tintuc_home_id.ad-service ul { width: calc(49% - 10px);}
.tintuc_home_id.ad-service ul li {width: 50%; float: left; margin-right: 2%;}
.table-cart-footer { border-top: 0; margin-top: 0; text-align: right; }
.home-sp-slide .pagewrap .tintuc_home_id h3 {height: auto}
.cart_summary th { background: #f7f7f7; padding: 5px 0; text-transform: uppercase; color: #5f5f5f; font-size: 17px; text-align: center; font-weight: 400; }
.cart_summary .cart_product img { width: 100%; height: auto; }
.cart_description a { text-decoration: none; color: #444; cursor: pointer; }
th, td { padding: 5px 15px; text-align: left; font-weight: 400; }
table { width: 100%; }
.table-cart-footer td { text-align: right; }
#cartTamTinh, #cartTongTien { color: red; font-size: 18px; }
.box-voucher-input { text-align: right; padding: 10px 0; }
.box-voucher-input .txt-voucher { vertical-align: middle; height: 30px; width: 130px; border: 1px solid #ccc; padding: 0 5px; }
.btn.btn-red { color: #fff; background: #4026e1; padding: 5px 12px 7px; text-transform: uppercase; cursor: pointer; font-size: 13px; }
.cart_navigation { float: right; margin: 20px 0 0; }
.w3-border .row { margin-bottom: 5px; }
.w3-border>p { padding: 0 1% 1%;}
.w3-bar.w3-black .w3-button:hover { cursor: pointer; background: #4026e1; color: #fff; }
.w3-border { padding-top: 15px; }
.col-lg-6 {width: 48%; float: left; margin: 0% 1%;}
.col-lg-6 .boutique-item { background: #eeeeee; padding: 10px 20px 15px; margin-bottom: 10px;}
.box_input { height: 36px; overflow: hidden; border: 1px solid #e2e2e2; }
.conten .titile_page_maps {padding-bottom: 40px}
.titile_page select.maps-a { padding: 4px 8px 8px; color: #616161; font-size: 16px; border-radius: 4px; margin-left: 0; font-family: UTM Neo Sans Intel; width: 225px; font-weight: 300; }
#placeSlide_main .btn_style { background: #4026e1; padding: 10px 20px; font-weight: normal; color: #fff; border: 0; text-transform: uppercase; font-size: 15px; border-radius: 4px; }
#placeSlide_main .btn_style:hover { background: #222222; color: #fff; cursor: pointer; }
#placeSlide_main .top_td { padding-top: 8px; padding-bottom: 8px; height: 40px; vertical-align: middle; border: none; border-top: #e5e5e5 1px solid; }
#placeSlide_main select { height: 40px; font-size: 16px; border: 1px solid #bbb; padding: 4px 6px; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; color: #505050; }
.cart_navigation .btn-gray { background: #222; color: #fff; padding: 3px 12px 5px; border: 1px solid; }
.titile_page .cart_navigation .btn:hover {background: #151515}
.titile_page .cart_navigation .btn { padding: 8px 20px 10px; border-radius: 4px; font-size: 15px; }
.cart-qty .cart-qty-minus, .cart-qty .cart-qty-plus { width: 30px; height: 30px; border: 1px solid #eaeaea; float: left; font-family: Courier; line-height: 30px; color: #9e9e9e; display: block; text-align: center; }
.cart-qty .cart-qty-input, .cart-qty select { border: 1px solid #eaeaea; height: 30px; width: 40px; float: left; border-right: none; border-left: none; text-align: center; background: #fff; padding: 0 10px; -webkit-appearance: none; -moz-appearance: none; }
.box_home .titile_page {padding: 0;}
.cart_summary .price div, #cartRowPrice_969208 { color: #4026e1; text-align: center; font-size: 17px; }
.footer_top .pagewrap>p {color: rgba(255,255,255,.8); font-size: 14px; margin: 5px 0px; clear: both; border-top: 1px solid #696969; margin-top: 30px; padding-top: 20px;}
.box_home .pagewrap {padding: 40px 0;}
.box-menu-1.fixed .right_header {display: none}
.box-menu-1.fixed {position: fixed; top: 0 !important; z-index: 99; background: #fff; width: 100%; -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);}
.box-menu-1.fixed .logo_top { margin: 5px auto;}
.box-menu-1.fixed .logo_top img { height: 70px;}
.box-menu-1.fixed .box_menu { margin: 16px 0;}
.titile_page ul h3 { padding: 0; font-size: 15px; font-weight: 400; color: #757575; margin-bottom: 10px; width: 500px; text-align: center;}
.titile_page {width: 1170px; margin: auto; padding: 40px 0 50px;}
.cart_summary .cart_product { width: 10%; }
.cart_summary .cart_description { width: 40%; }
.cart_summary .price { width: 15%; }
.cart_summary .qty { text-align: center; width: 15%; }
.cart_summary .price { width: 15%; }
.cart_summary .action { width: 5%; text-align: center; }
.clr { clear: both; }
ul { padding: 0px; }
img { border: 0; }
.fa-play-circle:before { padding-right: 7px; }
.pagewrap { position: relative; width: 1170px; margin: 0 auto; }
.page_conten_page { padding-top: 30px; padding-bottom: 30px; }
.padding_pagewrap { padding: 0 10px; }
.home-f-a .fixed-header img {margin: 0; width: 99%;}
.fixed-header { position: fixed; top: 47px; }
.home-right-r .fixed-header-1 img {margin: 0; width: 99%;}
.fixed-header-1 { position: fixed; top: 47px; }
.showText h1, .showText h2, .showText h3, .showText h4, .showText h5, .showText h6 {padding-bottom: 12px}
.showText , .chitiet_sp ul{ font-size: 15px; line-height: 25px; }
.showText p, .chitiet_sp ul p { padding-bottom: 15px; }
.showText img { margin: 0 auto; height: auto; max-width: 100%; }
.showText ul { padding-bottom: 15px; }
.showText ul li { margin-left: 35px; margin-bottom: 5px }
.showText ol { padding-bottom: 15px; }
.showText h2 { font-weight: 600; font-size: 17px; color: #ed1e28; padding-bottom: 15px; }
.contact-maps iframe { width: 100%; }
.showText.showText_lienhe a { color: #333; }
.showText.showText_lienhe a:hover { color: red; }
.bannerInside { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; height: calc(100vh - 80px); }
.bannerMain { position: relative; overflow: hidden; height: calc(85vh - 80px); }
.banner li { float: left; width: 100%; height: calc(85vh - 80px); 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: 35px; margin: auto; width: auto; text-align: center; z-index: 2; }
.footer_top .social img:hover { border: 1px solid #fff000; transition: 1s; }
.right-ints .right-ints-l img:hover,.right-ints .right-ints-r img:hover { filter: grayscale(100%);}
.tintuc_home_id ul li img:hover {-webkit-transform: scale(1.1); transform: scale(1.1); transition: 0.5s;}
.banner_sp_home ul a:hover {background: #202836}
.pagiBanner a, .pagiBanner_2 a, .pagiBanner_3 a { display: inline-block; vertical-align: text-top; width: 10px; height: 10px; background: #3d9be9; text-indent: -100000px; margin: 0 3px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); border: solid #fff 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; }
.pagiBanner a.selected, .pagiBanner_2 a.selected, .pagiBanner_3 a.selected { background: #ffde00; }
.pagiBanner_2, .pagiBanner_3 { position: relative; left: 0; right: 0; bottom: -20px; margin: auto; width: auto; text-align: center; z-index: 3; }
.bannerMain .placeNav.prev1, .bannerMain .placeNav.next1 { top: 50%; z-index: 9999; opacity: 1; left: 10px }
.bannerMain .placeNav.prev1 i, .bannerMain .placeNav.next1 i { top: 4px; position: relative; }
.bannerMain .placeNav.next1 { right: 10px; left: auto }
.bannerMain .placeNav.prev1, .bannerMain .placeNav.next1 { top: 50%; z-index: 9999; opacity: 1; left: 10px }
.bannerMain .placeNav.prev1 i, .bannerMain .placeNav.next1 i { top: 4px; position: relative; }
.bannerMain .placeNav.next1 { right: 10px; left: auto }
.bannerMain: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: 1;}
.box_title_banner { position: absolute; top: 17%; left: 0; right: 0; text-align: center; z-index: 2; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; webkit-transition: all 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; width: 55%; }
.box_title_banner.box_title_banner_3 { right: 0; text-align: right; left: inherit; }
.box_title_banner.box_title_banner_2 { left: 0; right: 0; text-align: center; }
.box_title_banner ul h2 { text-transform: uppercase; font-size: 37px; line-height: 60px; font-weight: 300; color: #FFD400; padding-bottom: 10px; letter-spacing: 0; font-family: UTM Facebook; }
.box_title_banner ul h3 { text-transform: uppercase; font-size: 35px; line-height: 55px; font-weight: 600; color: #ffffff; font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif; text-shadow: 2px 2px #000000; }
.box_title_banner ul h4 a { float: right; background: #00000057; font-size: 18px; color: #ffffff; padding: 5px 30px; margin-top: 30px; line-height: 35px; border-radius: 5px; font-weight: 500; text-transform: uppercase; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; border: solid 2px #fff; webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.box_title_banner ul h5 a { float: left; background: #00000057; font-size: 18px; color: #ffffff; padding: 5px 30px; margin-top: 30px; line-height: 35px; border-radius: 5px; font-weight: 500; text-transform: uppercase; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; border: solid 2px #fff; webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.box_title_banner ul h4 a:hover, .box_title_banner ul h5 a:hover { background: #8CA7A6; color: #ffffff; }
.box_title_banner ul.lef_banner_top { float: left; text-align: left; width: 65%; }
.box_title_banner ul.right_banner_top { float: right; text-align: right; width: 65%; }
#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: 65px; z-index: 2; text-indent: -9999 !important; display: block; left: 0; right: 0; margin: 0 auto; text-align: left !important; cursor: pointer; }
.fa-account:before { content: "\f007"; color: #333; padding: 9px 3px; border-radius: 50%; font-size: 18px; }
.producerImage, .grapeImage { float: left; margin: 0 20px 20px 0; }
.nhacungcap_view .panel-section-title .stripe h2 { background: none; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; display: block;}
.nhacungcap_view { background: #eeeeee; padding: 5px 0 15px; margin-bottom: 0;}
.search-list-col li a:hover {color: #c0212f; text-decoration: underline;}
.comment p a {color: #c0212f; text-decoration: underline;}
.box_menu .social img { width: 17%; border: 1px solid #ececec; border-radius: 50%; margin: 0 4px; margin-top: 9px;}
.box_menu .social img:hover { border: 1px solid #ffdb01; transition: 1s; filter: brightness(150%);}
.l-header { background: #fff; padding: 0; border-bottom: 5px solid #4026e1;}
.box_menu .social { position: relative; top: 0; right: 0; width: 15%; float: right; text-align: right; }
.box-menu-1 {width: 100%; margin: auto;}
.box_menu { padding: 0px 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; width: 100%; position: relative; float: right; text-align: right; margin: 10px 0; }
.albumView a img {height: 200px !important}
.box_menu:after, .box_menu:before { content: ""; position: inherit; top: 0px; left: 0; right: 0; }
.galleria-thumbnails .galleria-image { width: 23.5%; height: auto; margin-left: 1%; margin-bottom: 10px; position: absolute!important; top: 0; left: 0; cursor: pointer; background: #ddd url(../images/loading.gif) no-repeat 50% 50%; }
.box_menu.fixed:after, .box_menu.fixed:before { position: absolute; }
.box_menu:before { top: auto; bottom: 0px; }
.thuvienanh_id ul li img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); transition: 0.5s; }
.right_home .page_conten_page {width: 1170px; margin: auto}
.page_conten_page .photo-ad-f ul h4 {line-height: 0; padding: 0 10px;}
.page_conten_page .photo-ad-f ul h3 { margin-bottom: 0; color: #424242; font-weight: 400; font-size: 16px; padding: 0 10px 10px;}
.page_conten_page .photo-ad-f ul h3 a {text-align: left; color: #1f6a3f; padding-bottom: 0;}
.page_conten_page .photo-ad-f ul { margin: 0 7px 20px 7px; float: left; width: calc(100% / 3 - 14px); border: 1px solid #ececec; padding: 5px; }
.header_top .column .dt-sc-sociable li a:hover { border: 1px dashed #fff000;}
.header_top .column .dt-sc-sociable li a:hover .fa {color: #fff000;}
.home-tintuc-left>div {margin: 15px 1%; width: 98%; float: left;}
.one_new_home { float: left; width: 49%; }
.one_new_home_right { float: right; width: 50%; }
.one_new_home li { width: 100%; line-height: 0; list-style: none; position: relative; overflow: hidden; display: block; }
.one_new_home li img { height: 100%; width: 100%; object-fit: cover; transition: all 1s; }
.workshome-title { margin-bottom: 20px; border-bottom: 2px solid #000; }
.workshome-title>a {color: #fff; font-size: 12px; font-weight: 400;}
.workshome-title h2.getlink { display: inline-block; }
.workshome-title h2 { background: #000; padding: 7px 20px 6px; font-weight: 300; }
.one_new_home ul h3 a, .tti_more ul h3 a { font-size: 20px; color: #4a4a4a; line-height: 30px; padding-bottom: 5px; 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; text-transform: none; }
.one_new_home ul h3 {margin-top: 15px}
.one_new_home_right ul { padding-bottom: 20px; width: 47%; float: left; margin: 0 1.5%; }
.one_new_home_right li { width: 100%; list-style: none; line-height: 0; position: relative; display: block; overflow: hidden; }
.one_new_home_right li img { height: 100%; width: 100%; object-fit: cover; transition: all 1s; }
.one_new_home_right ul h3 a { font-size: 15px; color: #4a4a4a; line-height: 23px; display: block; float: left; 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; margin: 10px 0; }
.event-detail-2 .panel-section-title .stripe h2 { margin: auto; background-color: #fff; color: #c0212f; font-size: 30px; text-transform: uppercase; font-weight: 400; display: initial; position: absolute; top: 0; margin-top: -20px; text-align: center; width: 321px; left: 0; right: 0; }
ul li { list-style-type: none; color: #091d0c; }
.search-list-col li a { font-size: 16px; color: #4a4a4a; line-height: 2; }
.search-list-key { padding: 30px 0 20px 0; font-size: 24px; }
.search-list-col { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; padding: 0 0 30px 0; margin: 0; border-bottom: 1px solid #e1e1e1; margin-top: 15px; margin-bottom: 30px; }
.search-list-wrapper { max-width: 800px; margin: auto; position: relative; }
.search-list-bar-item .active { border-bottom: 2px solid #484848; }
.search-list-bar-item a {color: #091D0C; font-size: 20px;}
.search-list-bar { text-align: center; display: table; width: 800px; margin: auto; padding: 0 0 16px 0; list-style-type: none; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; }
.search-list-bar-item { display: table-cell; font-size: 16px; padding: 0 3px; }
.search-field-form .btn-primary-action{ min-width: 100px; font-size: 16px; font-family: Arial,sans-serif; text-align: center; padding: 7px 10px; display: inline-block; text-decoration: none; background-color: #c0212f; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; }
.search-field-form .btn-primary-action:hover {background: #222222; cursor: pointer;}
.search-field-form .search-input-field { width: 75%; padding: 12px 16px 10px 16px; display: inline-block; font-size: 14px; color: #9b9b9b; margin: 0 0 20px 0; border: 1px solid #d6d6d6; }
.search-field-form { margin: 40px auto 40px auto; max-width: 640px; }
.nhacungcap-f.event-detail-2 .panel-section-title .stripe h2 {width: 500px;}
.event-detail-2 .stripe { height: 1px; background-color: #c0212f; width: 100%; }
.thongtin-right {width: 68%; float: right;}
.thongtin-right h4 a { font-size: 19px; color: #333;}
.thongtin-right h4 { margin-bottom: 10px; height: 55px; overflow: hidden;}
.thongtin-right .catItemDateCreated { display: inline-block; }
.sb_online .v { float: left; padding: 3px 0; }
.sb_online .t { float: left; width: 150px; padding: 3px 5px; }
.sb_online .t::after { content: ':'; float: right; }
.thongtin-right h4 a:hover,.itemContainer a:hover,.new_right ul h3 a:hover, .one_new_home ul h3 a:hover, .tti_more ul h3 a:hover {color: #4026e1}
.one_new_home_right ul h3 a:hover {color: #4026e1}
.img-left { width: 30%; float: left; overflow: hidden;}
.img-left img { border-radius: 5px; transition: all 1s; width: 100%; height: 100%; object-fit: cover;}
.home-img-qc>img { width: 100%; margin: 10px 0;}
.itemRow1 {margin-top: 30px}
.itemRow1 .itemContainer .catItemImageBlock { height: 130px;}
.itemRow1 .itemContainer {width: 32%;margin-left: 2%}
.itemRow1 .itemContainer:first-child {margin-left: 0}
.catItemCategory a { color: #fc7e47!important; font-size: 100%!important; font-weight: bold; }
.catItemCategory,.itemContainer .catItemDateCreated { display: inline-block; }
.c-tin-ad .itemContainer h4 {margin-bottom: 0; height: 66px; overflow: hidden;}
.itemContainer h4 { margin: 10px 0; height: 85px; overflow: hidden; line-height: 30px;}
.itemContainer a { font-size: 111%; color: #333; }
.cn-c-r .itemContainer .catItemImageBlock { height: 120px;}
.cn-c-l .itemContainer .catItemImageBlock { height: 300px;}
.cn-c-r .itemContainer { width: 100%;}
.cn-c-l .itemContainer { width: 100%;}
.cn-c-r {width: 49%; float: right}
.cn-c-l {width: 49%; float: left}
.home-f-a{width: 1170px; margin: auto; padding: 40px 0;}
.c-tin-ad {width: 1170px; margin: auto; padding: 40px 0 40px;}
.itemContainer .catItemImageBlock { height: 210px; border-radius: 5px; }
.event-detail-2-r p{ color: rgba(0,0,0,.6); margin: 10px 0;}
.event-detail-2-r h5{color: #313131; font-size: 16px; margin: 20px 0; font-weight: 300;}
.event-detail-2 .pagewrap {padding-bottom: 50px}
.event-detail-2-l img {width: 100%}
.event-detail-2-l { width: 35%; float: left; margin-top: 20px;}
.event-detail-2-r { width: 62%; float: right; margin-top: 20px;}
.event-detail-1 { padding: 20px 0 0;}
.detail-1-ad p { text-align: center; font-size: 14px;}
.detail-1-ad h4 .fa-plus:before { position: absolute; top: 17px; right: 0; font-size: 14px; }
.pagewrap .detail-1-ad h4{ padding-top: 7px;}
.pagewrap .detail-1-ad { padding-bottom: 0;}
.detail-2>h6{ font-size: 16px; margin: 10px 0; font-weight: 300;}
.detail-1>p,.detail-2>p {color: grey;}
.detail-1 {border-bottom: 1px solid #c0212f; padding-bottom: 15px;}
.detail-1 h4 .fa-minus:before{ content: "\f068"; position: absolute; top: 7px; right: 0; font-size: 14px; }
.readMoreText:hover {color: #222222; cursor: pointer;}
.readMoreText {font-size: 17px; color: #c0212f; text-decoration: underline; font-weight: 400;}
.detail-1 h4 { font-size: 18px; font-weight: 400; margin-bottom: 15px; position: relative;}
.pagewrap .event-detail-1-r h3 { text-align: left; font-size: 20px; font-weight: 400; border-bottom: 1px solid #c0212f; padding-bottom: 15px; margin-bottom: 10px;}
.event-detail-1 .event-detail-1-r {width:67%; float: right;}
.event-detail-1 .productImage { width: 30%; float: left;}
.clear {clear: both}
.event-detail-1 .productImage img {width: 100%;}
.itemContainer img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px}
.itemContainer {width: 49%; float: left;}
.conten .home-ad-css { width: 68%; float: right; margin: -13px 0 20px;}
.box-menu-1 .menu { margin: 0; padding: 0; z-index: 3; 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: right; float: right; }
.menu * { list-style: none; }
.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; }
.title_news>h4 { color: #f68121; font-style: italic; font-weight: 200;}
.itemRow1 .itemContainer .catItemImageBlock,.itemContainer .catItemImageBlock {position: relative}
.itemRow1 .itemContainer .catItemImageBlock a:before,.itemContainer .catItemImageBlock a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); transition: .3s all ease; opacity: 0;}
.itemRow1 .itemContainer .catItemImageBlock a:hover:before,.itemContainer .catItemImageBlock a:hover:before {opacity: 1}
.img-left img:hover,.tintuc_home_id li img:hover, .banner_left_tt ul li img:hover, .new_right ul li img:hover, .new_id_bs li img:hover, .one_new_home_right li img:hover, .one_new_home li img:hover { transform: scale(1.1); opacity: 1; -webkit-filter: grayscale(0); transition: all 1s; }
.ja-workshome iframe, ins, #google_image_div a img {width: 100% !important}
.ja-workshome a img,#google-center-div a img, #aw0 img {width: 100% !important}
.ja-workshome {width: 100%; margin-bottom: 20px;}
.home-ad-css .ja-workshome {margin: 30px 0}
.menu > li .fa-chevron-right:before { font-size: 9px; float: right; padding-left: 80px; }
.box_banner_home .slick-initialized .slick-slide { position: relative;}
.box_banner_home div div .slick-slide:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); transition: .3s all ease; display: none; }
.box_menu .menu > li { float: left; padding: 5px 0px; }
.menu > li > a { display: block; position: relative; z-index: 2; font-size: 15px; text-decoration: none; text-transform: uppercase; color: #393d40; padding: 5px 17px; font-weight: 300; }
.menu > li:first-child > a {padding-left: 0}
.menu > li:last-child > a {padding-right: 0}
.menu > li:last-child {border-right: none}
.menu > li:hover > a { color: #fff; }
.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; border-top: 2px solid #4026e1; }
.menu > li.active > a:after { left: 0; right: 0; opacity: 1; }
.page-right-content .widthHalf { width: 48%; float: left; margin: 0 1%; }
.page-right-content .section { padding: 15px 0; }
.home-ad-css .pagewrap {width: 100%;}
.page-right-content .widthHalf img {width: 100%;}
.title-style2 { padding: 0; font-size: 23px; font-weight: 400; letter-spacing: 1px; border-bottom: 1px solid #dedede; text-transform: uppercase; color: #4a4a4a; margin-top: 20px; }
.menu > li > ul > li > a:hover,.menu > li li > ul > li > a:hover {color: #4026e1}
.menu > li > ul, .menu > li > ul ul { position: absolute; top: 46px; left: 9px; opacity: 0; visibility: visible; min-width: 200px; z-index: 3; margin: 0; padding: 0; padding-top: 0px; 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 8px transparent; border-bottom-color: #4026e1; width: 0; height: 0; position: absolute; top: -18px; left: 30px; 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: #ffffff; font-weight: 300; font-size: 15px; padding: 0 15px; background: #fff; text-transform: capitalize; }
.page_conten_page .id_video_a h4 { color: #666; font-weight: normal; font-size: 14px; padding: 0px 10px; text-transform: capitalize; margin: 10px 0; line-height: 0; }
.menu > li > ul > li:first-child {padding-top: 5px}
.menu > li > ul > li:last-child, .menu > li > ul > li li:last-child { padding-bottom: 5px; 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-align: left; font-size: 14px; text-transform: capitalize; color: #292929; font-weight: 300; }
.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> a:hover, .menu > li li ul > li> a:hover{ padding: 0 12px 0 12px; }
.menu .fa-home:before { font-size: 27px;}
.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; }
.logo_top>a {margin: auto}
.logo_top { text-align: left; width: 15%; float: left; margin: 16px auto; }
.logo_top 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; float: left; }
.header_top .column .dt-sc-sociable li a .fa { line-height: 30px;}
.header_top .column .dt-sc-sociable li a { width: 30px; height: 30px; border-radius: 50%; background: transparent; border: 1px dashed #fff; font-size: 16px; margin: 0 7px; text-align: center; padding: 0; }
.header_top .dt-sc-sociable li { float: right;}
.header_top .dt-sc-one-half { width: 50%; float: right; text-align: right; margin: 6px 0; }
.right_header { position: relative; float: right; width: auto; text-align: right; margin: 7px 0; }
.lang_top.no_box { display: inline-block; float: right; }
.right_header>ul>li { list-style: none; float: left; padding-left: 0; color: #000; font-size: 13px; margin: 0px 10px; font-weight: 300; text-transform: uppercase; }
.ad-header-t>div {width: 1170px; margin: auto}
.ad-header-t { position: relative; width: 100%; background: #18243a; }
.right_header ul li p { width: 30px; float: left; margin-right: 7px; padding-top: 0; height: 65px;}
.right_header ul li img { width: 100%; padding-top: 6px;}
.right_header .fa-cart-plus:before { font-size: 25px; color: #333; }
.right_header h3 span { font-size: 15px; color: #fff; background: #1f6a3f; height: 13px; width: 13px; padding: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: -6px; right: 3px; line-height: 12px; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; text-align: center; }
.lang_top .dropdown:hover .dropdown-menu { display: block; cursor: pointer; }
.lang_top .dropdown a img { width: 26px; height: 13px; padding-right: 6px; display: inline-block; margin: auto; float: left; }
.lang_top .dropdown { position: relative; width: 108px; float: right; border: 1px solid #e0e0e0; padding: 5px 7px; line-height: 0; }
.lang_top .dropdown a { color: #333; display: inline-block; float: left; white-space: nowrap; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; margin-top: -1px; }
.r-a-header { width: 85%; float: right;}
.lang_top button { border: none; background: none; margin: 0; padding: 0; float: left; }
.lang_top .dropdown-menu { left: -1px; z-index: 999; display: none; float: left; text-align: left; list-style: none; top: 0; position: absolute; box-shadow: 0 4px 5px rgba(0,0,0,.15); padding-left: 8px; padding-bottom: 5px; padding: 7px; right: -1px; background: #fff; margin-top: 25px; border: 1px solid #e0e0e0; width: calc(100% + 2px); line-height: 14px; }
.lang_top .dropdown-menu li:nth-child(1) { margin-bottom: 5px; }
.lang_top .dropdown-menu li { width: 100%; float: left; }
.about-us-4.ad-cs-ad {background: #333b50}
.right_header ul li span { font-size: 14px; }
.right_header ul li a { color: #000; font-size: 15px; }
.right_header ul li i { font-size: 13px; background: #4026e1; padding: 3px 4px; margin-right: 5px; color: #fff; border-radius: 3px; }
.box_menu .menu > li.active a{color: #4026e1}
.box_menu .menu > li:hover>a { color: #4026e1}
.right_header ul li a:hover { color: #4026e1; text-decoration: underline; }
.quenmatkhau { display: inline-block; float: left; list-style: none; color: #363738; padding-right: 30px; }
.quenmatkhau li { list-style: none; color: #333; }
.quenmatkhau li a { color: #f01111; font-size: 15px; float: right; font-style: italic; font-weight: 500; }
.quenmatkhau li a:hover { color: #f01111; text-decoration: underline; }
.bt-login { color: #333; list-style: none; padding-top: 20px; }
.bt-login a { color: #363738; }
.bt-login a:hover { color: #000; text-decoration: underline; }
.col-md { width: 100%; }
.pagewrap .contact_lbl { width: 64%; margin-top: 20px;}
.contact_lbl .form-control {height: 70px}
.form-control { display: block; width: 100%; height: 40px; padding: 0px 20px; font-size: 14px; line-height: 1.42857143; color: #363738; background-color: #f9f9f9; background-image: none; border-bottom: 1px solid #ccc; resize: vertical; box-sizing: border-box; text-transform: capitalize; border-top: 0; border-left: 0; border-right: 0; font-family: Roboto; border-radius: 5px; }
.form-control:focus, .form-control-2:focus { border-bottom: 1px solid #1b2024; outline: 0; color: #1b2024; }
.row-frm select { height: 45px !important; width: 100%; margin: 0; }
.poup_thanhvien { padding: 5%; text-align: center; }
.poup_thanhvien ul li { width: 29%; display: inline-table; margin: 2%; list-style: none; line-height: 0; }
.poup_thanhvien input[type="checkbox"] { width: 18px; height: 18px; position: relative; top: 4px; margin-right: 7px; }
.poup_thanhvien label { margin-left: 5px; display: block; margin-top: 0; font-size: 15px; line-height: 35px; text-align: left; margin: 0 2% 1% 2%; }
.poup_thanhvien ul li.dangnhap_id { width: 400px; display: block; margin: 5% 0; list-style: none; line-height: 0; }
.poup_thanhvien ul h3 a, .right_p ul h3 a { display: inline-table; background: #363738; padding: 2px 40px; font-size: 14px; text-transform: uppercase; font-weight: normal; color: #f9f9f9; 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; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border: double #ffffff 4px; }
.poup_thanhvien ul h3 a:hover, .right_p ul h3 a:hover, .search_room ul h3 a:hover { background: #000; color: #fff; }
.home-sp-slide .tintuc_home_id ul {position: relative}
.home-sp-slide .pagewrap .placeSlide_main h3 a { color: #ffffff; font-weight: 600; font-size: 20px; text-transform: uppercase;}
.home-sp-slide .pagewrap .placeSlide_main h3 { position: absolute; bottom: 0; left: 0; background: rgb(31, 106, 63); margin-bottom: 0; width: 100%; padding: 15px 0 10px;}
.pro_home_id {display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 0 -0.5%;}
.new_top_id .titile_page { padding: 10px 0; }
.titile_page ul h1::before { content: ""; background: #4026e1; height: 2px; position: absolute; width: 60px; left: 0; bottom: -1px; margin-left: 47%; }
.titile_page ul h1 {text-align: center; font-weight: 400; font-size: 30px; color: #4026e1; margin-bottom: 10px; position: relative; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; text-transform: uppercase;}
.title_page_2 { font-size: 25px; color: #3d9be9; line-height: 25px; margin: 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; padding-bottom: 15px; text-align: center; position: relative; margin-bottom: 30px; }
.title_page_2:after { content: ""; background: #202836; height: 3px; position: absolute; top: 0; width: 60px; margin-top: 41px; left: 0; margin-left: 48%; }
.foot-list ul.autoplay1 li p { height: 70px; overflow: hidden; }
.a_view>a {color: #fff}
.a_view {text-align: center; margin-top: 5px; background: #3d9be9; width: 11%; padding: 10px 0;}
.a-view a{color: #000; border: 1px solid #000; padding: 7px 20px; border-radius: 50px;}
.a-view a:hover { color: #ed1e28; border: 1px solid;}
.about-us-left-1 {width: 80%; float: left}
.about-us-left>p>span { color: #127542; font-weight: 600;}
.foot-list .pagewrap ul li img:hover { filter: contrast(0.5); transition: 0.5s;}
.foot-list ul.autoplay li p { height: 65px; overflow: hidden;}
.wine-home-1>p a:hover {background: #4026e1}
.about-us-left>p {font-size: 16px}
.about-us-left>h1 {text-align: left; color: #1f6a3f; margin-top: 5px;}
.autoplay1.slick-initialized .slick-slide {margin: 10px !important}
.autoplay.slick-initialized .slick-slide {margin: 6px !important}
.about-us-right .slick-slide img,.about-us-left-1 .slick-slide img {width: 100%}
.about-us-right-1 h1 { text-align: center; color: #1f6a3f; line-height: 40px; margin-top: 50px;}
.about-us-right-1 { width: 20%; float: right; text-align: center;}
.about-us-right { width: 50%; float: right;}
.about-us-left {width: 45%; float: left;}
.home-about .about-us{width: 1170px; margin: auto}
.box_home_top { padding: 60px 0; background: #f3f3f3; }
.home-about-1>div.home-about-1-l { width: 50%; float: left; background: url(../delete/banner-2.jpg); padding: 17% 0%; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; -webkit-background-size: cover; position: relative;}
.home-about-1>div.home-about-1-r { float: right; width: 38%; padding-right: 100px; }
.home-about-1>div.home-about-1-r>p {margin-bottom: 13px}
.about-us-4>div>h1 { text-transform: capitalize; text-align: left; margin: 22px 0; color: #c0212f; font-size: 25px; line-height: 30px; letter-spacing: 2px;}
.about-us-4.ad-cs-ad p {color: #fff}
.about-us-4.ad-cs-ad>div>h1 {color: #ffde00}
.about-us-4>div>h2>img {margin: auto}
.about-us-4>div>h2 {height: 80px; display: flex; vertical-align: middle; width: 80px;}
.box_home_top .home-top-md1 {width: 1170px; margin: auto}
.banner_sp_home { float: left; width: 50%; margin: 0; position: relative; }
.banner_sp_home li, .banner_sp_home 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); -moz-border-radius: 50%; }
.banner_sp_home li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #130001b0; transition: .3s all ease; z-index: 1; }
.home-service .service-1>a:before { content: ''; position: absolute; top: 0; bottom: 0; background: rgba(0,0,0,0.5); transition: .3s all ease; width: 100%; height: 87%; opacity: 0; }
.home-service .service-1:hover>a:before {opacity: 1;}
.banner_sp_home ul { left: 0; right: 0; z-index: 1; color: #fff; padding: 0 40px 0 0; }
.home-service .service-1 {width: 23.5%; float: left; margin-left: 2%; position: relative; margin-bottom: 2%;}
.service-1 img {width: 100%}
.service-1>p { position: relative; bottom: 0; left: 0; background: #ffd134; width: 100%; padding: 9px 0 12px; text-align: center;}
.service-1>p:hover>a {color: #fff}
.service-1>p>a { color: #000; font-size: 16px; text-transform: capitalize;}
.home-khachhang>h1 { text-transform: uppercase; font-size: 33px; line-height: 37px; font-weight: 600; color: #333b50; margin-bottom: 20px; letter-spacing: 2px;}
.home-service>h1 {text-transform: uppercase; font-size: 33px; line-height: 20px; font-weight: 600; color: #ffde00; letter-spacing: 2px;}
.home-service>h2{text-transform: uppercase; font-size: 33px; line-height: 37px; font-weight: 600; color: #ffffff; letter-spacing: 2px; text-align: center; position: relative}
.home-service>p {color: #fff; text-align: center; width: 50%; margin-top: 37px; margin-bottom: 25px; font-size: 16px;}
.home-service>h2::before { content: ""; background: #ffffff; height: 3px; position: absolute; top: 0; width: 60px; margin-top: 54px; left: 48%; }
tr:nth-child(even) { background-color: #f2f2f2; }
table a:hover { color: #c0212f; }
.pro_home_id ul h4 span { color: #878787; font-weight: normal; font-size: 14px; padding-right: 8px; text-decoration: line-through; }
.pro_home_id ul h3 { text-transform: capitalize; 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; font-size: 15px; color: #5d5d5d; font-weight: 300; line-height: 23px; margin-top: 0px; border-bottom: none; padding: 10px 10px 7px; text-align: center; overflow: hidden; height: 40px; margin-bottom: 10px; }
.pr-hot { position: absolute; top: 3px; left: 4px; z-index: 1; }
.item-product ul li { font-size: 14px; }
.item-product h6 { font-size: 20px; font-weight: 500; margin-bottom: 10px; }
.item-product h3 { font-size: 15px; }
.pro_home_id.pro_home_id_2 ul { width: 22%; min-height: auto; border: solid #eee 1px; height: auto; background: none; position: relative; float: left; margin: 0px 7px; margin-bottom: 16px; }
.hinhanh_view { float: left; width: 48%; position: relative; margin: 0 20px 20px 0;}
.mySlides img { width: 100% !important; margin: auto; text-align: center;}
.mySlides { margin: auto; border: 1px solid #e4e4e4; text-align: center; }
.price_pro h4 select { padding: 4px 8px 8px; color: #616161; font-size: 14px; border-radius: 4px; margin-left: 5px; font-family: UTM Neo Sans Intel; }
.price_pro ul p.prc_brief {font-size: 15px; color: rgba(0,0,0,.9); line-height: 26px; margin: 6px 0 15px; text-transform: inherit;}
.price_pro { padding: 0 15px; background: #f8f8f8; border-radius: 4px; margin-bottom: 11px; }
.price_pro>p { font-weight: 500; text-transform: capitalize; font-size: 15px; line-height: 30px; color: #676767; }
.price_pro h4 span { color: #878787; font-weight: normal; font-size: 20px; padding-right: 8px; text-decoration: line-through; }
.product-view-ad .price_pro h4 { border-top: 1px dotted #ccc; font-size: 20px; font-weight: 300; color: #3e4347; border-bottom: 1px dotted #ccc; margin: 10px 0; padding: 10px 0; font-style: inherit; }
.price_pro ul p { font-weight: 400; text-transform: capitalize; font-size: 15px; line-height: 30px; color: #333; }
/*.fs-dtinfo { float: right; margin: 0; width: 49%; padding: 10px 0; }*/
.prev, .next { cursor: pointer; position: absolute; top: 49%; width: auto; padding: 10px; margin-top: -22px; color: white; font-weight: bold; font-size: 25px; transition: 0.6s ease; border-radius: 0 3px 3px 0; background: #0000004d; }
.next { right: 0; border-radius: 3px 0 0 3px; }
.awe-section-2 .row { margin: 0 -2%; }
.active, .demo:hover { opacity: 1; }
.prev:hover, .next:hover { background-color: #4026e1;}
.hinhanh_view .column { float: left; width: calc(100% - 10px); margin: 5px 5px; padding: 0; border: 1px solid #e4e4e4; }
.demo { opacity: 0.6; }
.product-full h3,.titile_view_pro h3 { text-align: left; margin-bottom: 20px; font-size: 21px; color: #3e3e3e; border-bottom: 1px dotted #ccc; padding-bottom: 8px; font-weight: 400; text-transform: uppercase; }
table a { color:#4026e1; }
.tbl_down td { text-transform: capitalize;}
.tbl_down th { background-color: #4026e1; color: white; line-height: 30px; text-align: left; font-size: 15px; font-weight: 400; text-transform: uppercase; }
.home-kh-a>p { text-align: center; margin-top: 25px; }
.home-kh-a>p>a { border: 1px solid #3d9be9; padding: 10px 20px 12px; border-radius: 4px; color: #3d9be9; font-style: italic; font-size: 15px;}
.home-kh-a>p>a:hover {background: #3d9be9; color: #fff; transition: 0.5s}
.home-kh-a .i-con-kh img {width: 100%; margin: auto}
.home-kh-a .i-con-kh { width: 15%; float: left; margin-left: 2%; display: flex; vertical-align: middle; height: 65px; margin-bottom: 30px;}
.home-kh-a .i-con-kh:first-child {margin-left: 0}
.home-kh-a {width: 900px; margin: auto; padding: 40px 0 60px;}
.home_sl-nxkh { background: #f3f3f3; padding: 40px 0 70px;}
.home_sl-nxkh>div {width: 1000px; margin: auto; text-align: left;}
.home_sl-nxkh .bg-nx { background: #fff; text-align: left; padding: 20px 40px 50px; border-left: 3px solid #ffd134; box-shadow: 2px 3px 5px 0px rgba(204,204,204,1);}
.home_sl-nxkh .bg-nx {position: relative}
.home_sl-nxkh>div h1 { text-transform: capitalize; font-size: 30px; line-height: 37px; font-weight: 600; color: #333b50; margin-bottom: 20px; letter-spacing: 1px; text-align: left;}
.home_sl-nxkh .slick-slide img { display: initial; float: left; width: 130px; }
.home-fini-f { background: url(../delete/banner-6.jpg) center center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding: 200px 0; position: relative; }
.home-fini-f div.ft-home-ad h2 { text-transform: capitalize; font-size: 30px; line-height: 37px; font-weight: 600; color: #333b50; margin-bottom: 20px; letter-spacing: 1px;}
.home-fini-f .ab-a {position: absolute; width: 100%; top: 0; left: 0; height: 100%; background: rgba(199,161,34, 0.9);}
.home-fini-f div.ft-home-ad { width: 750px; margin: auto; text-align: center; padding-top: 65px;}
.home_sl-nxkh .right-t-ad {float: right; width: 60%; color: #888;}
.home_sl-nxkh .left-img-n { float: left; width: 20%; margin: 4% 3% 0 2%;}
.home_sl-nxkh .left-img-n h5 { font-size: 20px; font-weight: 300;}
.home_sl-nxkh .left-img-n h5 p { color: #888;}
.home-khachhang { padding: 50px 0 5px;}
.home-khachhang>h1 {position: relative}
.home-khachhang>h1::before { content: ""; background: #333b50; height: 3px; position: absolute; top: 0; width: 60px; margin-top: 54px; left: 47.5%; }
.home-service { background: #333b50; padding: 40px 0;}
.home-about-1-r>h3 {text-transform: uppercase; font-size: 33px; line-height: 37px; font-weight: 600; color: #3d9be9; margin-bottom: 20px; letter-spacing: 2px; margin-top: 45px;}
.banner_sp_home ul h3 { text-transform: uppercase; font-size: 33px; line-height: 37px; font-weight: 600; color: #333b50; margin-bottom: 20px; letter-spacing: 2px; }
.banner_sp_home ul p { font-size: 15px; line-height: 28px; font-weight: 400; color: #444; margin-bottom: 25px; }
.banner_sp_home ul a {background: #3d9be9; padding: 10px 20px; color: #fff;}
.banner_sp_home ul h4 a { float: left; display: block; color: #ffffff; padding: 2px 15px; font-size: 11px; border: solid #ffffff 2px; font-weight: normal; text-transform: uppercase; line-height: 20px; margin-top: 10px; 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: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; background: #ed1e28; }
.banner_sp_home ul h4 a:hover { color: #fff; border: solid #ffffff 2px; background: #691111; }
.menu-so {width: 50%; float: left;}
.thongke_image {width: 45%; float: right; margin-top: 15px; }
.thongke_image img {width: 100%;}
.newsletter_home { background: url(../delete/data_bg.png) center center no-repeat; padding: 70px 0 130px; position: relative; }
.newsletter_home .title_module_main .h2 span {color: #fff;}
.newsletter_home .home-0>h1 {color: #fff}
.newsletter_home .dt-sc-subscribe-frm { width: 50%; margin: 30px auto; padding: 0; position: relative; float: none; }
.newsletter_home:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); transition: .3s all ease; z-index: 0; display: none; }
.newsletter_home h3 { text-transform: uppercase; line-height: 0px; font-size: 30px; text-align: center; font-weight: 600; color: #ffffff; padding-bottom: 10px; width: 50%; }
.newsletter_home p { line-height: 30px; font-size: 18px; text-align: center; font-weight: 300; color: #fff; }
.newsletter_home ul h2 { margin-top: 20px;}
.newsletter_home ul h2 a { margin-left: 12px; float: left; border-radius: 5px; margin-top: 0px; vertical-align: middle; font-size: 15px; font-weight: 500; padding: 7px 25px; letter-spacing: 0.025em; color: #fff; background-color: #ed1e28; transition: .3s ease-out; text-transform: uppercase; display: inline-block; 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-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15); }
.newsletter_home ul h2 a:hover, .home_out_services ul li a:hover, .box_title_banner ul h4 a:hover, .lich_kham_id h4 a:hover { color: #fff; background-color: #691111; }
.col-md-7 { width: 31%; float: left; margin-left: 10px; color: #666; margin-right: 10px; }
.home-tinnoibat .tintuc_home_id ul h3 a {text-transform: uppercase; color: #1f6a3f; line-height: 24px;}
.home-tinnoibat .tintuc_home_id ul p {text-align: center}
.fa-calendar:before { color: #4026e1; padding-right: 7px; }
.home-tinnoibat .pagewrap h3 {margin-bottom: 0}
.home-tinnoibat .tintuc_home_id ul { width: calc(290px - 10px); }
.box_home_2 { padding-top: 45px; padding-bottom: 30px; }
.home-blogs .tintuc_home_id ul {width: calc(290px - 10px);}
.home-blogs .tintuc_home_id ul h3 a {color: #696969; text-align: left; font-size: 17px;}
.tintuc_home_box_2 .workshome-title h2.getlink span { color: #fff; font-size: 20px; }
.tintuc_home_id ul { margin: 0 10px 20px 10px; float: left; width: calc(222px - 10px); }
.workshome-title h2.getlink span {color: #fff}
.tintuc_home_id ul li, .tintuc_home_id ul li img { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; }
.ad-t-album p>span {color: #4026e1;}
.tintuc_home_id ul li { width: 100%; margin: 0; }
.tintuc_home_id ul li img{width: 100%; height: 100%; object-fit: cover; transition: all 1s}
.pagewrap .tintuc_home_id h3 {margin-bottom: 3px;}
.tintuc_home_id ul h3 a { color: #272727; text-align: left; font-weight: 400; font-size: 65%; text-transform: capitalize; line-height: 26px; padding-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: block; margin-top: 5px; height: 80px; overflow: hidden; }
.tintuc_home_id ul h3 a:hover, .hinhanh_id ul:hover h3 { color: #ed1e28; }
.tintuc_home_id ul h4 { color: #666; font-weight: normal; font-size: 14px; padding: 0px 0; text-transform: capitalize; margin: 10px 0; }
.tintuc_home_id ul h4 i { padding-right: 5px; }
.tintuc_home_id ul p { color: #666; font-weight: normal; font-size: 14px; text-transform: none; line-height: 25px; }
.home-blogs .pagewrap h3 {margin-bottom: 0}
.tintuc_home_id ul h5 a { color: #696969;}
.tintuc_home_id ul h5 a:hover {color: #ed1e28}
.right-ints .right-ints-l img {width: 100%}
.right-ints .right-ints-r a { width: 46%; float: left; margin: 8px;}
.right-ints .right-ints-r img {width: 100%}
.right-ints .right-ints-l {width: 33%; float: left;}
.right-ints .right-ints-r {width: 65%; float: right;}
.tintuc_home_id ul h5 {text-transform: capitalize; color: #696969; line-height: 24px; font-size: 17px; margin: 20px 0;}
.home-maps-full .right-ints { width: 57%; float: right;}
.right-ints h2{ text-align: left; color: #1f6a3f; margin-top: 0; font-size: 25px; margin-bottom: 13px;}
.home-maps-full .left-maps {width: 40%; float: left;}
.home-maps-full {width: 1170px; margin: auto;}
.home-maps-ft { background: #f5f2e7; padding: 50px 0;}
.placeNav_2, .placeNav_3, .placeNav_4,.placeNav_5 { position: absolute; top: 40%; color: #fff; font-size: 80px; width: 30px; line-height: 35px; text-align: center; height: 50px; background: #1b202487; opacity: 0; }
.placeNav { position: absolute; top: 30%; z-index: 3; color: #999; font-size: 40px; width: 35px; line-height: 30px; height: 35px; background: rgba(51, 51, 51, 0.69); text-align: center; opacity: 0; border-radius: 50%; }
.placeNav.prev, .placeNav_2.prev, .placeNav_3.prev, .placeNav_4.prev,.placeNav_5.prev { left: 10px; }
.placeNav_2.next, .placeNav_3.next, .placeNav_4.next,.placeNav_5.next { right: 10px; text-indent: 3px; }
.placeNav.next { right: 10px; text-indent: 3px; }
.placeSlide_main:hover .placeNav, .placeSlide_main:hover .placeNav_2, .placeSlide_main:hover .placeNav_3, .placeSlide_main:hover .placeNav_4,.placeSlide_main:hover .placeNav_5 { opacity: 1; }
.placeNav:hover, .placeNav_2:hover, .placeNav_3:hover, .placeNav_4:hover,.placeNav_5:hover { color: #fff; background: #000000ad; }
.placeSlide_main { position: relative; overflow: hidden; }
.placeSlide, .placeSlide_doiac, .placeSlide_1, .placeSlide_2 { width: 1300px; }
.footer_top ul.contact_footer p i.fa-map-marker:before { border: 1px solid #ccc; padding: 6.5px 10px; border-radius: 50%;}
.footer_top ul.contact_footer p i.fa-envelope-o:before {border: 1px solid #ccc; padding: 6.5px 7px; border-radius: 50%;}
.footer_top ul.contact_footer p i.fa-mobile:before { content: "\f10b"; font-size: 22px; border: 1px solid #ccc; padding: 3px 9.3px; border-radius: 50%; }
.ab-ad { position: absolute; background: rgba(0,0,0,0.3); width: 100%; height: 75%; top: 0;}
.home-sp-slide .tintuc_home_id ul>a>i.fa-play-circle:before { content: "\f144"; position: absolute; left: 0; top: 0; font-size: 50px; color: #ffffff; margin-top: 27%; margin-left: 41%; z-index: 9}
.home-sp-slide .tintuc_home_id ul:hover>a>i:before {color: red}
.home-sp-slide .tintuc_home_id ul:hover {cursor: pointer}
.home-sp-slide .tintuc_home_id ul img {width: 100%}
.footer_top .social img { width: 15%; border: 1px solid #ececec; border-radius: 50%; margin: 0 6px; margin-top: 0px; }
.free-ship-f .col-md-4 {width: 44%; float: left;}
.free-ship-f .pagewrap {padding: 25px 0 30px; width:900px;}
.dt-sc-subscribe-frm { float: left; clear: both; width: 100%; position: relative; margin-top: 15px; }
.column .dt-sc-sociable li a .fa {line-height: 35px; color: #fff}
#footer-delivery { background: url(../images/icon-shipping.png) 15px 5px no-repeat; padding-left: 100px; padding-top: 0; margin-top: 8px; }
.dt-sc-subscribe-frm input[type="submit"]:hover { background: #3e4347; color: #fff; border: 1px solid #3e4347; cursor: pointer;}
.dt-sc-subscribe-frm input[type="submit"] { position: absolute; height: auto; background: #fff; border-radius: 0 4px 4px 0; border: 1px solid #fff; color: #4026e1; text-transform: capitalize; font-size: 15px; right: 2px; top: 1px; padding: 8.5px; }
.dt-sc-subscribe-frm input[type="email"] { width: 96%; background: transparent; border: 1px solid #85e1ff; margin: 0; border-radius: 4px; font-size: 14px; color: #fff; padding: 10px 0 10px 10px; }
.home-search-a { background: #ececec; padding: 10px 0 55px;}
#menu-footer-menu>div.footer_a_d{margin-top: 20px}
#menu-footer-menu p {clear: both; margin: 5px 0; color: rgba(255,255,255,.6); font-weight: 300;}
#menu-footer-menu p a {color: #fff;}
#menu-footer-menu p a:hover {color: #fff000;}
#menu-footer-menu p a img { margin-top: 10px;}
.footer_top ul li a:hover,.footer_top ul li a:hover .fa {color: #fff000}
.footer_top ul.dt-sc-sociable li a:hover{border: 1px dashed #fff000;}
.footer_top ul li { list-style: none; font-size: 14px; padding: 0; clear: both; padding-bottom: 23px; border-bottom: 1px solid #adadad; padding-top: 10px; }
.footer_top ul li:last-child {border-bottom: none}
.footer_top ul .footer-l li a:hover {color: #4026e1;}
.footer_top ul .footer-l li a { color: #292929; display: block; font-size: 15px; padding: 0px 10px 0 0; text-transform: capitalize; font-weight: 400; }
.footer_top ul .footer-l li { list-style: none; border-bottom: dotted #d0d0d0b5 1px; font-size: 14px; float: left; padding: 6px 0; width: 100%; border-right: none; }
.footer_top ul .footer-l li:last-child {border-bottom: none}
.footer-l {width: 46%; float: left; margin: 0 2%;}
.footer_top ul.contact_footer p i {padding-right: 10px}
.footer_top ul.contact_footer p a {color: #fff}
.footer_top ul.contact_footer p a:hover {color: #fff000}
.footer-r-a {float: right; width: 50%;}
.footer_top .pagewrap h3 { color: rgba(255,255,255,.9); font-weight: 400; font-size: 20px; text-transform: uppercase; padding-bottom: 0; position: relative; text-align: left; margin-bottom: 20px; letter-spacing: 1px;}
.ft_maps iframe { margin-top: -200px;}
.footer_top .right-ft-a>ul { float: left; margin: 0; color: #fff; width: 100%; padding-right: 20px; }
.footer-r-a p a { font-size: 14px; font-weight: 300; padding-top: 7px; color: #fff; display: block; }
.footer-r-a p a:hover{text-decoration: underline; color: #fff000}
ul.popular-product li a h6 { font-size: 14px; font-weight: 300; padding-top: 0; width: calc(100% - 73px); float: left; line-height: 25px; }
ul.popular-product li a {color: #fff;}
ul.popular-product li img { float: left; width: 60px; margin-right: 13px; }
.footer_top ul.face_bottom { width: 300px; margin: 0; }
.pagewrap .right-ft-a { width: 65%; float: right;}
.footer_top ul.contact_footer>h3>img {width: 50%;}
.footer_top ul.contact_footer { width: 27%; margin-right: 0; float: left; }
.footer_top ul.contact_footer h3 img {width: 100%;}
.home-contact .home-send>a { float: left; width: 40%; text-align: center; border-radius: 5px; margin-right: 0; background: #3d9be9; font-size: 17px; padding: 0; margin: 0px 1%;}
.home-contact .home-send>a:hover {background: #333b50;}
.home-send { margin-top: 20px;}
.home-contact.formBox li input, .home-contact.formBox li textarea { width: 100%; border-radius: 7px;}
.home-contact.formBox li { display: block; position: relative; margin-bottom: 10px; width: 100%; float: left; margin: 7px 1%; }
.siteSearchSubmit:hover {background: #3e4347; transition: 0.5s}
.left-img-home {width: 30%; float: left}
.left-img-home img {width: 100%;border-radius: 50%}
.home-img .home-i:first-child { background: 0 0; }
.home-img .home-i { display: table-cell; width: 14.285%; float: left; text-align: center; vertical-align: middle; cursor: pointer; position: relative; background: url(../delete/bg-line-pet.png) no-repeat left center; padding: 17px 0; }
.home-img .home-i a:hover img,.home-img .home-i a:hover span { filter: opacity(1); transition: 0.5s}
.home-img .home-i a:hover img { transform: scale(1.1); transition: 0.5s}
.home-img .home-i img { vertical-align: middle; filter: opacity(0.5); transition: 0.5s }
.home-img .home-i span { display: inline-block; filter: opacity(0.9); transition: 0.5s vertical-align: middle; text-transform: uppercase; color: #fff; font-weight: 600; letter-spacing: 1px; padding-left: 5px; }
.menu_style { width: 46%; float: left; text-align: center; margin: 2% 2%;}
.home-img { background: #4026e1;}
.home-contact.formBox li.mess {width: 100%}
.home-contact.formBox li.mess textarea {height: 80px; width: 100%;}
.home-ad-t-lh .home-contact { width: 25%; margin: auto; padding: 0; float: right;}
form#searchForm { width: 29%; float: left; position: relative; padding: 0; display: block; height: 40px; border-radius: 3px; background: #ececec; margin: 30px 55px; }
.home-contact>h1 { text-transform: uppercase; font-size: 33px; line-height: 20px; font-weight: 600; color: #3d9be9; letter-spacing: 2px; margin-top: 0; text-align: left;}
.footer_top ul.contact_footer p { color: #fff; font-size: 14px; margin: 5px 0px; clear: both; font-weight: 300; }
.footer_top ul.contact_footer p img { margin-top: 10px; }
.footer_top ul h4 { color: rgba(255,255,255,.6); font-weight: 400; font-size: 20px; text-transform: uppercase; padding-bottom: 0; position: relative; text-align: left; margin-bottom: 20px; margin-top: 30px; letter-spacing: 1px; }
#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 #eaeaea 1px; height: 35px; }
.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: #000000; border: solid #fff 4px; padding: 3px; margin-right: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; opacity: 0.6; }
.sharelink img:hover { background: #ed1e28; opacity: 10; }
.bottom_id_copyright {text-align: center;padding: 15px 0;background: #08457E;color: #fff;}
.footer_top .dt-sc-one-half ul {width: 100%; margin-right: 0; margin-top: 20px;}
.dt-sc-one-half { width: 100%;margin: 0; }
.dt-sc-sociable li a:before { font-family: "FontAwesome"; }
.column .dt-sc-sociable li a { width: 35px; height: 35px; line-height: 35px; border-radius: 50%; background: transparent; border: 1px dashed #292929; font-size: 17px; margin: 0 10px; text-align: center; padding: 0 }
.footer_top {background: #08457E;padding: 50px 0;}
.dt-sc-sociable li {display: flex; float: left; margin: 0; padding: 0;}
.bottom_id_copyright a,.bottom_id_copyright p { color: rgba(255,255,255,.9); font-weight: 300; }
.bottom_id_copyright a:hover { color: #FFF000; }
#back-top { position: fixed; bottom: 30px; right: 10px; z-index: 1; }
.banner_ad_home a:hover img { transform: scale(0.95); transition: all 1s}
.banner_ad_home a img {transition: all 1s}
#back-top a { display: block; width: 40px; line-height: 40px; background: #4026e1 url(../images/gotop-arr.png) center top 13px no-repeat; outline: none; color: #fff; font-size: 11px; 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%; text-indent: -10000px; }
#back-top a:hover { color: #fff; background: #111111 url(../images/gotop-arr.png) center top 13px no-repeat; }
.box_right_pro_view { margin-bottom: 0px; background: #f9fafb; border: 1px solid #ededed; }
.top_banner img {width: 100%;}
.top_banner {margin-bottom: 30px}
.new_right ul:last-child {border-bottom: none}
.box_right_pro_view>ul>li a:hover { color: #4026e1; }
.title_right_pro_view {padding: 8px 20px;color: #ffffff;font-size: 18px;text-transform: uppercase;background: #08457E;}
.fa-bars:before { padding-right: 8px; }
.new_right ul { margin: 10px; border-bottom: dotted #CCC 1px; padding-bottom: 10px; }
.new_right ul li { list-style: none; line-height: 0; float: left; width: 40%; position: relative; overflow: hidden; display: block; }
.cboxPhoto {width: 100%; max-width: 850px}
.new_right ul li img { transition: all 1s; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.price_pro p>span {color: #4026e1;}
.new_right ul h3 { float: right; width: 56%; font-weight: 500; font-size: 14px; color: #676767; line-height: 22px; }
.gopy-full-a .left_contact {width: 100%;}
.gopy-full-a .formBox li { display: block; position: relative; margin-bottom: 10px; width: 48%; float: left; margin: 1%; }
.new_right ul h3 a { color: #676767; 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; }
.left-text-full-w div.a-button-t {clear: both; background: none; padding: 10px 0;}
.left-text-full-w .form-control { margin: 13px 0;}
.left-text h6 a { color: #14a1e4; }
.right_header .r-a a:hover,.right_header .r-a a:hover .fa {color: #fff000}
.new_right ul h3 span { font-size: 14px; color: #666; display: block; }
.home-right-r { width: 29%; float: left; position: relative}
.home-right-r .home-img-qc>img {margin-top: 0}
.box_home_th { padding-top: 30px; padding-bottom: 20px; }
.box_home_th_2 { background: #f8f8f8; padding-top: 30px; padding-bottom: 20px; }
.banner_ad_home img {width: 100%}
.banner_ad_home { float: left; width: calc(100% / 2.5 - 4.2%); margin: 0 1% 2%; padding: 1%; background: #fff; border: solid #eee 0.2px;}
.box_home.w3-container .pagewrap {padding-top: 0px;}
.pro_home_id ul { float: left; margin: 0 0.5% 1%; width: calc(19% - 2px); position: relative; border: solid #eee 1px; text-align: center; padding: 15px 0; }
.new_top_id .titile_page ul h1::before { margin-left: 0; }
.new_top_id .titile_page ul h1 {text-align: left;}
.new_top_id .pagewrap { padding: 40px 0; }
.free-ship-f { border-top: 2px solid #4026e1;}
.pro_home_id ul:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); transition: 1s;}
.pro_home_id ul p { color: #adadad; font-size: 15px; padding: 0; padding-top: 5px; text-align: center; }
.pro_home_id ul p i { padding-right: 7px; font-size: 17px; }
.pro_home_id ul li { list-style: none; line-height: 0; position: relative; display: block; }
.pro_home_id ul li img { height: 100%; width: auto; transition: all 1s; }
.pro_home_id ul h3 a { color: #333; font-weight: 600; font-size: 16px; padding: 8px 0; text-transform: capitalize; line-height: 23px; padding-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: block; }
.pro_home_id ul h3 a:hover { color: #ed1e28; }
.pro_home_id ul h4 { color: #d83e2c; font-weight: 600; font-size: 16px; padding: 0; text-transform: uppercase; line-height: 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; text-align: center; height: 30px; }
.pro_home_id ul:hover h3, .tintuc_home_id ul h3 a:hover { color: #4026e1; }
.more_pro h3 { text-align: center; margin-top: 10px; }
.more_pro h3 a { box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15); border-radius: 50px; margin-top: 0px; vertical-align: middle; font-size: 14px; font-weight: 500; padding: 8px 40px; letter-spacing: 0.025em; color: #fff; background-color: #1f6a3f; transition: .3s ease-out; text-transform: uppercase; display: inline-table; 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; margin-bottom: 30px; }
.more_pro h3 a:hover { color: #fff; background-color: #691111; }
.more_pro h3 a i { padding-left: 8px; }
.discount-tag span { font-size: 15px; }
.discount-tag-a {width: 38px; left: 5px; top: 5px; position: absolute; background: #4026e1; color: #FFF; font-weight: 400; cursor: default; z-index: 1; font-size: 13px; text-transform: uppercase; text-align: center; border-radius: 50%; height: 38px; line-height: 38px;}
.discount-tag { width: 38px; top: 0; right: 0; position: absolute; background: #4026e1; padding: 4px 6px; color: #FFF; font-weight: 400; cursor: default; z-index: 1; font-size: 13px; line-height: 20px; text-transform: uppercase; text-align: center; }
.discount-tag:after { position: absolute; content: ""; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 8px solid #4026e1; top: 28px; right: 0px; }
.discount-tag:before { display: none; position: absolute; content: ""; width: 0; height: 0; border-bottom: 5px solid #ed1e28; border-left: 8px solid transparent; top: 0px; right: 46px; }
.page_conten_page .titile_page_id { width: 200px; float: left; margin: 15px 0 20px;}
.titile_page_id ul li { list-style: none; float: right; width: auto; }
.sp-list-a .sp-cart:hover {background: #3e4347; cursor: pointer;}
.chitiet_sp h3 {text-align: left}
.form-control { display: block; width: 100%; height: 40px; padding: 5px 12px; font-size: 15px; 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 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; resize: vertical; box-sizing: border-box; text-transform: capitalize; font-family: Roboto; }
.row-frm select { height: 45px; width: 100%; }
.about-us-1 .panel-section-title .stripe { height: 1px; background-color: #c0212f; }
.about-us-1 .panel-section-title .stripe h1{ position: absolute; top: -14px; left: 0; right: 0; margin: auto; background-color: #fff; color: #c0212f; font-size: 24px; font-weight: bold; width: 50px; text-align: center; text-transform: uppercase; }
.about-us-1 .panel-section-title { position: relative; }
.vc_col-sm-6 h6 {font-size: 17px; margin-top: 10px;}
.vc_col-sm-6 p {color: rgba(0,0,0,.6);}
.vc_column_container { padding-left: 0; padding-right: 0; text-align: center; }
.about-us-1-l {width: 48%; float: left; margin: 0 1%; margin-bottom: 40px}
.about-us-1-l .about-us-1-c{ float: right; width: 72%;}
.about-us-1-c h3{ text-transform: uppercase; font-weight: 300; font-size: 22px; margin: 0 0 8px;}
.about-us-1-c p{color: #7d7d7d;}
.about-us-1-l>img{ float: left; width: 23%;}
.about-2-l>h2 {margin: 20px 0;}
.about-us-1-f {width: 70%; float: right; padding: 100px 0 60px;}
.vc_col-sm-3 { width: 25%; }
.vc_col-sm-6 { width: 50%; }
.about-us-1 { background: url(../delete/bg-1.jpg) center no-repeat; background-size: 100%;}
.banner-detail h3 { position: absolute; bottom: 0; text-align: left; margin: auto; width: 100%; margin-bottom: 3%; color: #fff; text-transform: uppercase; font-weight: 300; font-size: 35px; left: 0;}
.banner-detail h3:before { content: ""; position: absolute; right: 0; bottom: -34px; height: 4px; width: 8%; background: #ffffff; left: 0; }
.banner-detail {position: relative; text-align: center; margin: auto;}
.link_title { padding-top: 0; 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; position: relative; }
.link_title:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #ececec; transition: .3s all ease; z-index: 0; }
.link_title h3 { text-transform: uppercase; font-size: 30px; line-height: 45px; font-weight: 600; color: #fff; letter-spacing: 3px; text-align: center; position: relative; padding-bottom: 10px; }
.link_title h3:before { content: ""; position: absolute; right: 0; bottom: 0; height: 3px; width: 10%; background: #ed1e28; left: 45%; }
.service-1>p:hover {background: #232836}
.link_title ul li a { color: #000; font-size: 15px; text-transform: capitalize; padding: 0 5px; }
.link_title ul li a:hover { color: #4026e1; text-decoration: underline; }
.link_title ul li { color: #000; list-style: none; text-align: left; line-height: 0; padding: 15px 0 18px 0px; }
.fb_iframe_widget_fluid_desktop iframe {width: 100% !important}
.link_title ul li i { padding-right: 10px; }
.foot-list .pagewrap>ul li .img {overflow: hidden;}
.foot-list .pagewrap>ul li img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); transition: 0.5s;}
.foot-list-1 h1::before { content: ""; background: #4026e1; height: 2px; position: absolute; width: 60px; left: 0; bottom: -1px; margin-left: 47%; }
.foot-list-1 h1 { color: #4026e1; font-size: 30px; text-transform: uppercase; text-align: center; font-weight: 400; margin-bottom: 15px; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; position: relative; margin-top: 10px; }
.foot-list-1 {background: #eeeeee;}
.title_news h2 { font-size: 21px; line-height: 35px; font-weight: 400; color: #3e3e3e; text-transform: uppercase; margin-bottom: 7px; border-bottom: 1px dotted #ccc; padding-bottom: 8px; }
.title_news li { font-size: 16px; color: #666; list-style: none; list-style: none; background: url(../images/icon_day.png) center left no-repeat; padding-left: 25px; margin-bottom: 10px; }
.title_news p { line-height: 28px; color: #000; font-size: 18px; font-style: italic; font-weight: 500; padding-bottom: 15px; }
.nums { table-layout: auto; margin-top: 20px; text-align: center; }
.tintuc_home_box_2 .pagewrap, .placeSlide, .placeSlide_doiac, .placeSlide_1, .placeSlide_2 {width: 100%}
.nums li { list-style: none; float: left; display: inline-block; }
.nums.no_box ul { display: inline-block; }
.nums a { font-size: 15px; display: block; margin: 0 6px 0 0; padding: 5px; line-height: 20px; height: 34px; width: 34px; table-layout: inherit; text-align: center; color: #060606; background: transparent; border: #ccc 1px solid !important; text-decoration: none; -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; border-radius: 3px; }
.nums a:hover, .nums a.active, .nums a.stay:hover { background: #4026e1; color: #fff; }
.nums a.stay { color: #0e0e0e; }
.contact { padding-top: 10px; }
.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; }
.formBox li input, .formBox li textarea { border: solid 1px #E1E1E1; height: 45px; color: #999; padding: 0 10px 0 50px; font-family: 'Roboto', sans-serif; resize: vertical; box-sizing: border-box; font-size: 15px; }
.formBox li textarea { padding: 10px 10px 10px 55px; height: 101px; float: left; }
.right_contact a { display: block; width: 100% !important; }
.contact .left input { width: 100%; }
.contact .right input, .contact .right textarea { width: 100%; }
.formBox li:after { content: ""; position: absolute; top: 0px; left: 5px; width: 45px; height: 45px; background-repeat: no-repeat; background-position: center center; }
.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"); }
.padding_pagewrap h4 .fa-calendar:before { color: #f68121; padding-right: 5px; }
.conten>.pagewrap>div>h3,.conten>.pagewrap>h3 { text-align: left; margin-bottom: 20px; font-size: 23px; color: #3d9be9; border-bottom: 1px dotted #ccc; padding-bottom: 8px; font-weight: 400; text-transform: uppercase; }
.formBox .button { width: 86%; float: right; text-transform: uppercase; color: #FFF; background: #4026e1; 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 rgba(0, 0, 0, 0.15); font-weight: 500; padding: 6px 20px 11px; text-align: center; }
.formBox .button:hover { color: #FFF; background: #3e4347; }
.formBox li span { position: absolute; right: 0; top: 0; line-height: 42px; padding: 0 10px; font-weight: 500; 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; }
.left_contact { float: left; width: 47%; }
.left_contact ul,.left_contact li { list-style-type: none;}
.left_contact ul {margin-bottom: 30px}
.left_faq ul li { border-bottom: #CCC 1px dotted; margin-bottom: 10px; padding-bottom: 10px; list-style: none; color: #000; font-size: 17px; }
.right_faq p {font-size: 17px; color: #000;}
.right_faq li {color: #000}
.right_faq h4 { color: #d0011b; font-weight: 500; font-size: 20px; line-height: 20px; padding-bottom: 10px; text-transform: capitalize; border-bottom: #CCC 1px dotted; margin-bottom: 10px; margin-top: 12px; }
.left_faq ul li i, .right_faq h4 i { padding-right: 10px; }
.left_faq ul li a { color: #000; font-size: 15px; }
.ad-hoidap-f {width: 1170px; margin: auto}
.left_faq, .right_faq { float: left; width: 45%; padding: 20px; background: #f1f1f1; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); margin: 30px 10px; }
.left_contact h3, .right_contact h3 { font-weight: 400; text-transform: uppercase; font-size: 21px; color: #3e3e3e; margin-bottom: 10px; line-height: 30px; text-align: left; }
.right_contact { float: right; width: 50%; }
.map_cotact iframe { display: block; width: 100%; height: 300px; margin-top: 20px; }
.tintuc_home_box_2 { background: #f1f1f1; padding: 20px 10px 0; }
.checked { color: orange; }
.viewLeft { width: 500px; float: left; position: relative; z-index: 0; }
.plist li.pitem { float: left; margin: 1%; padding: 0; width: 31.333333%; list-style-type: none; text-align: center; }
.pitem b { font-weight: 400; font-size: 16px; }
.plist li.pitem a { display: block; margin: 5px auto; padding: 0px; height: 185px; width: 100%; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 100%; }
.foot-list ul.hinhanh-a-f li p {height: auto;}
.buy-cart-input { float: left; margin-right: 0px; }
.buy-cart-input .box-qty { height: 33px; border: 1px solid #999; width: 54px; position: relative; margin-right: 10px; }
.buy-cart-input .box-qty .quantity { width: 40px; border: 0; padding: 0; height: 33px; text-align: center; font-size: 16px; background: #fff; }
.buy-cart-input .box-qty .qty-plus { background: #202836; color: #fff; font-family: Courier; height: 17px; width: 15px; display: block; position: absolute; top: -1px; right: -1px; text-align: center; line-height: 17px; font-size: 15px; }
.buy-cart-input .box-qty .qty-minus { background: #202836; color: #fff; font-family: Courier; height: 18px; width: 15px; display: block; position: absolute; bottom: -1px; right: -1px; text-align: center; line-height: 18px; font-size: 15px; }
.add_to_cart>h3 { float: left; background: #222222; color: #fff; text-transform: uppercase; font-weight: 400; margin: 0; border-radius: 4px; padding: 4px 18px 5px; }
.add_to_cart a { color: #fff; font-size: 15px; }
.add_to_cart p { color: #3e4347; text-align: left; font-size: 23px; margin: 0; padding: 10px 15px; background: #d8d8d8; border-radius: 4px; margin-top: 20px; line-height: 33px; }
.gallery-product .col-md-4 p { font-weight: 400; font-size: 16px; color: #333; margin-top: 5px}
.gallery-product .col-md-4 { float: left; width: calc(100% / 3 - 20px); padding: 0; margin: 0 10px 20px; }
.gallery-product .col-md-4 img { width: 100%; height: 100%; object-fit: contain; }
.field-gallery .gallery-icon { margin: 0; width: 18px; vertical-align: middle; padding-right: 7px; }
.field-gallery {background: #08457E;color: #fff;font-family: 'Roboto',sans-serif;font-size: 16px;font-weight: 300;padding: 8px 14px;text-transform: uppercase;display: inherit;margin-bottom: 15px;}
.add_to_cart>h4:hover,.add_to_cart>h3:hover {background: #3e4347}
.detail-sp>h5 { background: #d8d8d8; padding: 10px 10px 9px; text-transform: uppercase; font-size: 18px; font-weight: 500; }
.detail-sp>div {padding: 10px 5px 0;}
.detail-sp { margin: 20px 0; }
.footer_top ul li.last-child {border-right: none; padding-bottom: 0}
.detail-sp p { font-size: 15px; padding: 10px 20px; }
.nhacungcap_view .panel-section-title .stripe h2.font-size-25 {font-size: 25px; margin-top: -20px;}
.pro_home_id>h5 { margin-top: 20px; margin-bottom: 15px; background: #eeeeee; padding: 8px 10px 10px; text-transform: uppercase; font-size: 18px; font-weight: 500; }
.show-dulieu {text-align: center;}
.show-dulieu .button-thugon{margin: 20px 0;}
.ad-b-img>a {text-align: left; color: #fff; text-transform: initial; font-size: 15px; position: relative; cursor: pointer; margin-left: 0; background: #c0212f; display: inline-block; padding: 3px 20px 7px; border-radius: 3px;}
.ad-b-img {margin: 20px auto; text-align: center;}
.button-tatca, .button-thugon { text-align: left; color: #fff; text-transform: initial; font-size: 15px; position: relative; cursor: pointer; margin-left: 0; background: #c0212f; display: inline-block; padding: 3px 20px 7px; border-radius: 3px; }
.button-thugon .fa-up:after { content: "\f0de"; font-size: 17px; padding-right: 0; padding-left: 8px; position: absolute; top: 10px; }
.ad-b-img>a .fa-instagram:before {padding-right: 5px}
.fa-angle-down:before,.fa-angle-up:before {padding-left: 5px}
.button-tatca:hover, .button-thugon:hover,.ad-b-img>a:hover { color: #fff; background: #222222; }
.add_to_cart {margin-left: 17px}
.add_to_cart p span { display: block; color: #252525; font-size: 16px; }
.add_to_cart>h4 { float: left; background: #4026e1; color: #fff; text-transform: uppercase; font-weight: 400; padding: 4px 18px 5px; margin-top: 0; border-radius: 3px; font-style: inherit; margin-right: 10px; }
.add_to_cart>h4 .fa-cart-plus:before { padding-right: 5px; }
.viewRight { width: 54%; float: right; }
.viewRight_more h1 { font-size: 23px; color: #ed1e28; line-height: 15px; font-weight: 600; padding-bottom: 16px; text-align: left; border-bottom: 1px solid #ccc }
.viewRight_more h1 span { font-size: 16px; padding-left: 10px; font-weight: normal; color: #333; text-decoration: line-through; }
.viewRight_more .desc { margin-bottom: 2px; margin-left: 10px; }
.viewRight_more .desc b { display: block; margin-bottom: 5px; font-weight: normal; padding-top: 5; }
.viewRight_more .desc li { line-height: 25px; margin-bottom: 8px; text-indent: 20px; list-style: none; background: url("../images/icon-check-pink.png") no-repeat left 7px; }
.viewRight_more .desc li span { padding: 0; margin: 0; width: 20px; }
.quantity { position: relative; margin-bottom: 15px; }
.quantity, .quantity * { user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; }
.quantity label { font-size: 15px; padding-right: 15px; }
.quantity .input-text { width: 50px; height: 26px; border: none; text-align: center; font-size: 18px; box-shadow: inset 0 0 5px rgba(0,0,0,.2); }
.quantity p { padding: 10px 0 5px 0; border-top: dotted 1px #ddd; font-size: 16px; text-transform: uppercase; }
.quantity .minus, .quantity .plus { position: relative; top: 2px; left: 0px; width: 30px; height: 26px; border: none; cursor: pointer; font-size: 18px; color: #fff; text-align: center; -webkit-appearance: none; appearance: none; background: #777; line-height: 19px; }
.quantity .minus { font-size: 25px; }
.quantity .plus { top: 0; right: 0; }
.quantity a { position: relative; height: 50px; line-height: 52px; position: absolute; left: 0; bottom: -1px; font-size: 18px; text-transform: uppercase; padding: 0 18px 0 45px; color: #fff; border: solid 1px #fff; box-shadow: 1px 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1); background: #2588CB; margin-left: 170px; }
.quantity a:hover { color: #fff; background: #f68121; }
.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; }
.titleView { background: url(../images/line-menu.png) repeat-x left bottom; position: relative; padding: 0px 0 25px 0; margin-bottom: 10px; line-height: 27px; font-size: 22px; color: #1f6a3f; font-weight: 600; text-transform: capitalize; }
.viewRight_more h2 { font-size: 20px; position: relative; border-bottom: dotted 1px #ddd; margin-bottom: 15px; padding-bottom: 10px; color: #f00; }
.viewRight_more h2 span { font-size: 18px; padding-left: 10px; font-weight: bold; color: #333; text-decoration: line-through; }
#bridal_images { background: #fff; width: 500px; height: 500px; overflow: hidden; margin-bottom: 12px; }
#bridal_images img { border: none; width: 500px; height: 500px; margin: 0px auto; }
#bridal_images_list { display: block; width: 98%; padding-left: 20px; position: relative; }
#bridal_images_list li { margin-right: 10px; list-style: none; float: left; height: 140px; width: 140px; border: 1px solid #fff; background: #fff; padding: 4px; text-align: center; overflow: hidden; }
#bridal_images_list li:hover { border: 1px solid #999; background: #fff; }
#bridal_images_list img { height: 140px; width: 140px; border: none; }
.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; }
.gianhanggoiy_id { float: right; width: 240px; padding: 10px; background: #fff; border: solid #CCC 1px; }
.gianhanggoiy_id h1 { text-align: center; padding: 5px 0px; background: #2588CB; text-transform: uppercase; color: #fff; font-size: 18px; margin-bottom: 15px; font-weight: normal; line-height: 30px; }
.viewRight h4 a.color_id_1 { background: #363738; }
.listtabs { overflow: hidden; border-bottom: solid 3px #363738; }
.listtabs li { display: inline-table; list-style: none; margin-right: 0; }
.listtabs li a { color: #fff; text-decoration: none; margin-right: 0px; display: block; padding: 5px 30px; line-height: 35px; font-size: 14px; font-weight: 500; text-transform: uppercase; background: #848484; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; */ }
.listtabs li a:hover, .listtabs li a.selected, .listtabs li a.selected:hover { color: #ffffff; background: #363738; }
#pro_tabs .tabs { border-top: none; }
#pro_tabs { margin-bottom: 25px; text-align: center; margin-top: 20px; }
.box_tab { padding-top: 10px; }
.danhgia_tringbinh { font-size: 20px; }
.danhgia_tringbinh p { font-size: 17px; padding-bottom: 10px; padding-top: 10px; }
.boxComment_danhgia { background: #f9f9f9; padding: 20px; margin: 20px 0px; }
.boxComment_danhgia h3 { border-bottom: solid #ccc 1px; padding-bottom: 10px; margin-bottom: 20px; font-size: 17px; font-weight: 600; text-transform: uppercase; line-height: 30px; color: #000; }
.boxComment_danhgia h4 a { float: right; display: block; font-size: 15px; font-weight: normal; text-transform: uppercase; line-height: 35px; padding: 5px 20px; margin-top: 20px; color: #fff; background: #363738; border-radius: 4px; 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; }
.boxComment_danhgia h4 a:hover { color: #fff; background: #000000; }
.boxComment_danhgia li { padding-bottom: 10px; font-size: 15px; color: #333; list-style: none; font-weight: 500; }
.comment_pro ul { border-bottom: solid #CCC 1px; margin-bottom: 15px; padding-bottom: 15px; }
.comment_pro { text-align: center; }
.comment_pro h2 { display: inline-table; font-size: 23px; font-weight: normal; text-transform: capitalize; color: #323232; border-bottom: solid #eb6a62 2px; margin-bottom: 15px; line-height: 30px; }
.comment_pro ul li { float: left; list-style: none; line-height: 0; width: 25px; }
.comment_pro ul li img { width: 25px; height: 25px; }
.comment_pro ul h3 { float: left; padding-left: 10px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #323232; }
.comment_pro ul h3 a { color: #5b3e36; }
.comment_pro ul h3 a:hover { color: #000; text-decoration: underline; }
.comment_pro ul h4 { float: right; padding-top: 0px; font-size: 14px; font-weight: normal; text-transform: capitalize; color: #6e6e6e; }
.comment_pro ul p { padding-top: 5px; font-size: 14px; font-weight: normal; color: #6e6e6e; text-align: left; line-height: 25px; }
.comment_note ul li { list-style: none; padding-bottom: 15px; }
.comment_note ul h3 { font-size: 23px; font-weight: normal; line-height: 30px; padding-bottom: 15px; padding-top: 10px; text-transform: capitalize; color: #323232; }
.comment_note ul h4 a { font-size: 14px; font-weight: bold; line-height: 30px; text-transform: capitalize; color: #fff; background: #82958f; float: right; display: block; padding: 5px 20px; border-radius: 3px; 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; }
.comment_note ul h4 a:hover { color: #fff; background: #18babd; }
.button_readmore { text-align: center; margin-top: 15px; }
.button_readmore a { display: inline-table; color: #ffffff; border: solid #363738 2px; border-radius: 4px; font-size: 20px; line-height: 45px; width: 360px; text-transform: none; 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: #363738; }
.button_readmore a:hover { color: #ffffff; background: #000; border: solid #000000 2px; }
.video_sp iframe { width: 100%; height: 600px; }
.gioithieu_home_box { background: url(../images/bg_2.jpg) center no-repeat fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding: 100px 0; }
.gioithieu_id_box { background: url(../images/bg_3.png) bottom right no-repeat #fff; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); padding: 15px; margin: 10px; }
.gioithieu_id_box li { width: 45%; float: left; list-style: none; line-height: 0; }
.gioithieu_id_box li img { width: 100%; height: 430px; }
.gioithieu_id_box ul { width: 51%; padding: 2%; float: right; }
.gioithieu_id_box ul h3, .chitiet_sp h3 { font-size: 23px; color: #1f6a3f; line-height: 35px; text-transform: uppercase; font-weight: 600; padding-bottom: 15px; position: relative; margin-bottom: 25px; }
.gioithieu_id_box ul h3:after, .chitiet_sp h3:after { content: ""; position: absolute; left: 0; height: 3px; width: 140px; background: #691111; margin-top: 5px; right: 0; bottom: 0; }
.gioithieu_id_box ul p { font-size: 15px; color: #333; line-height: 30px; text-transform: none; font-weight: 500; padding-bottom: 10px; }
.gioithieu_id_box ul h4 a { font-size: 14px; color: #fff; background: #ed1e28; line-height: 40px; padding: 5px 40px; margin-top: 20px; display: block; text-transform: uppercase; font-weight: 500; float: left; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 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; box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15); }
.gioithieu_id_box ul h4 i { padding-left: 10px; font-size: 16px; }
.gioithieu_id_box ul h4 a:hover { color: #fff; background: #691111; }
.chitiet_sp { padding-top: 0px; }
.video_id_top { padding: 10px; background: #fff; margin-bottom: 30px; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09); }
.video_id_top iframe { width: 100%; height: 600px; }
.vemaybay_logo ul li { list-style: none; line-height: 0; margin: 0 10px 20px 10px; padding: 10px; float: left; width: 260px; background: #f2f2f2; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09); }
.vemaybay_logo ul li img { width: 100%; height: auto; }
.thuvienanh_id ul {
    margin: 0 7px 20px 7px;
    float: left;
    width: calc(100% / 3 - 14px);
    border: 1px solid #ececec;
    padding: 5px;
}
.thuvienanh_id ul li, .thuvienanh_id ul li img { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(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); -moz-border-radius: 50%; }
.thuvienanh_id ul h3 { margin-bottom: 0; color: #424242; font-weight: 400; font-size: 16px; padding: 0 10px 10px; }
.thuvienanh_id ul:hover h3 { color: #4026e1; }
.title_dm { margin-bottom: 25px; }
.title_dm ul h3 { font-size: 30px; text-transform: capitalize; font-weight: normal; color: #1f6a3f; padding: 0 10px; }
.tructuyen { padding: 20px; border: dashed #999 1px; position:relative; }
.tructuyen h2 { color: #fff; font-size: 16px; font-weight: normal; line-height: 40px; }
.tructuyen h2 i { padding-right: 10px; }
.tructuyen li{ position:absolute; right:10px; bottom:0; border:none; line-height:0; list-style:none; padding:0; margin:0; }
.dv-spnb .col-md-3 { width: calc(100% - 20px); margin: 0 10px; }
.row.wow.fadeInLeft.flex.dv-spnb.animated { margin: 0 -10px; }
.dv-spnb .col-md-3 img { width: 220px; height: 220px; }
.dv-tintuc-slider .blog_item { width: calc(100% - 30px); margin: 0 15px; }
.dv-tintuc-slider .owl-next, .dv-tintuc-slider .owl-prev { width: 35px; height: 35px; color: #4026e1 !important; font-size: 30px; background: #fff; border: 1px solid #fff; text-align: center; position: absolute; top: 50%; margin-top: -20px; cursor: pointer; opacity: 0; }
.dv-tintuc-slider .owl-next{ left: auto; right: 0; }
.dv-tintuc-slider:hover .owl-next, .dv-tintuc-slider:hover .owl-prev { opacity: 1 }
.dv-tintuc-slider .owl-next:hover, .dv-tintuc-slider .owl-prev:hover { color: #ffffff !important; border: 1px solid #4026e1 !important; background: #4026e1 !important; }
.footer_top ul.contact_footer { width: calc(40% - 20px); margin: 0 10px; float: left; padding-right: 20px }
.pagewrap .right-ft-a,.footer-r-a { width: calc(30% - 20px); float: right; margin: 0 10px; }
.flex.footer_top_flex { margin: 0 -10px; }
.n-foot .fa { color: #fff !important; margin-right: 10px; }
.contact-topics { margin-bottom: 10px; }
.titleOfFoodComponent a { color: #333; }
.titleOfFoodComponent a:hover { color: #ff0909; }
.row.gallery-product.content { margin: 0 -10px; }
.thuvienanh_id ul li { padding-bottom: 7px; }
.slick-prev:hover:before, .slick-next:hover:before { border: 2px solid #4026e1 !important; }
.gallery-product a.fancybox.col-md-4.blog-image.cursor_pointer { height: 190px; }
.gallery-product a.fancybox.col-md-4.blog-image.cursor_pointer img { width: 100%; height: 100%; object-fit: cover; }

.dv-tin-right { width: 58%; float: left; }
.timkiem_top {
    float: right;
    margin-top: 9px;
    margin-right: 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    border: 1px solid #333;
    background: #08457E;
}
.search a {
    width: 40px;
    height: 30px;
    text-indent: -10000px;
    background: url(../images/icon-search.png) no-repeat center center;
    float: right;
    border-left: 0;
}
.input_search {
    padding: 5px 20px;
    height: 30px;
    width: 200px;
    float: right;
    color: #fff;
    background: none;
    border: none;
    font-size: 13px;
}
.input_search::-webkit-input-placeholder {color:    #fff;}
.input_search:-moz-placeholder {color:    #fff;}
.input_search::-moz-placeholder {color:    #fff;}
.input_search:-ms-input-placeholder {color:    #fff;}
.input_search::-ms-input-placeholder {color:    #fff;}
.input_search::placeholder {color:    #fff;}

@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;}
    .menu > li > a { font-size: 14px; padding: 5px 12px; }
    .logo_top { width: auto; float: left; display: inline-block; margin: 10px 0 10px 10px; }
    .r-a-header { width: auto; float: right; display: inline-block; }
    .box_menu { width: 100%; padding-right: 10px; margin: 0 0 10px; }
    .box_menu:after, .box_menu:before { display: none }
    .right_header { width: 100%; float: none; margin: 12px 0 0 0; }
    .right_header ul { float: none !important; margin-right: 7px; }
    .lang_top.no_box { display: inline-block; float: right; margin-right: 10px; }
    .box_menu { width: 100%; padding-right: 10px; }
    .dv-spnb .col-md-3 img { width: 150px; height: 150px; }
    .row.wow.fadeInLeft.flex.dv-spnb.animated { margin: 0; }
    .html-widget-1 .col-md-6 { width: 50%; margin: 0; padding: 0 10px; }
    .blog_item_full { margin: 0; }
    .flex.footer_top_flex{ margin: 0; }
    .foot-list .pagewrap, .contact-full .pagewrap { padding: 10px 10px; }
    .link_title ul li { padding: 15px 10px; white-space: nowrap; overflow: hidden; }
    .left-danhmuc { width: 260px; float: right; }
    .right-new { width: calc(100% - 270px); float: left; }
    .c-tin-ad { width: 100%; padding: 30px 10px; }
    .pagewrap.page_conten_page { padding: 30px 10px; }
    .conten_page.page_conten_page { width: 100%; padding: 30px 10px; }
    .page_conten_page .photo-ad-f ul,.thuvienanh_id ul { width: calc(100% / 3 - 20px); margin: 0 10px 20px; }
}
@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: 7px 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: #565656 !important; height: 38px; line-height: 18px; }
    .mn-mobile span { width: 40px; height: 5px; background: #565656; border-radius: 100px; display: block; margin: 7px 0; }
    ul.menu.no_box { display: none; }
    .box-menu-1.fixed .logo_top img { height: 40px; margin-left: 10px; }
    .box_menu.fixed .mn-mobile { margin: 0 10px 0 0; }
    .box-menu-1.fixed .box_menu { margin: 4px 0; }
    .box-menu-1.fixed .right_header { display: inline-block; margin-right: 10px; position: absolute; top: 0; z-index: 9999; right: 45px; }
    .section_about { padding: 35px 0; }
    .main-his .inner-text p { font-size: 14px; line-height: 27px; letter-spacing: 0; }
    .button-more { display: inline-block; margin: 10px 0 6px 0; }
    .button-more a { display: inline-block; padding: 5px 15px; }
    .main-his .inner-text h1 { padding: 0px 0 15px 0; letter-spacing: 1px; font-size: 22px; line-height: 30px; }
    .main-his .inner-text { display: inline-block; width: 100%; }
    .html-widget-1 .col-md-3 { margin-top: 50px; }
    .html-widget-1 .col-md-3:before { display: none; }
    .html-widget-1 { padding: 40px 0; }
    .blogwp h3 { display: block; font-size: 15px; font-weight: 300; margin: 0px 0 5px; border-bottom: 1px solid #e2e2e2; padding-bottom: 8px; }
    .blogwp h3 a { display: block; line-height: 26px; }
    .blogwp p { font-size: 14px; line-height: 24px; margin: 0 0 7px; display: block; font-weight: 300; }
    .footer_top .pagewrap h3 { font-size: 17px; text-transform: uppercase; padding-bottom: 0; position: relative; text-align: left; margin-bottom: 15px; letter-spacing: 0px; }
    .footer_top { padding: 35px 0; }
    ul.post-tags { display: inline-block; padding: 6px 16px; }
    .sp_page_a .thuvienanh_id ul { padding: 0; width: calc(100% / 2 - 20px); margin: 0 10px 20px; }
    .hinhanh_view { width: 100%; margin: 0 0 20px; }
    .fs-dtinfo { width: 100%; padding: 15px 0; }
    .gallery-product a.fancybox.col-md-4.blog-image.cursor_pointer { height: 130px; }
}
@media only screen and (max-width: 767px) { .title_module_main .h2, .title_module_main h2 { font-weight: 500; font-size: 20px; margin: 0; text-transform: uppercase; position: relative; display: inline-block; margin-bottom: 30px; line-height: 30px; letter-spacing: 0; }
    .title_module_main .h2 small { font-size: 15px; letter-spacing: 0; }
    .title_module_main .h2 span { padding: 0; }
    .item-product a span { font-size: 17px; margin-top: 5px; text-transform: uppercase; letter-spacing: 0; display: inline-block; line-height: 27px; }
    .html-widget-1 .col-md-3 { width: 50%; margin-top: 20px; }
    .main-his .inner-text h1 { padding: 0px 0 15px 0; letter-spacing: 1px; font-size: 20px; line-height: 30px; }
    .section_about { padding: 30px 0; }
    .title_module_main .h3, .title_module_main h3 { font-weight: 500; font-size: 25px; margin: 0; text-transform: uppercase; letter-spacing: 0; position: relative; display: inline-block; margin-bottom: 20px; }
    .footer_top ul.contact_footer { width: calc(100% - 20px); margin: 0 10px 15px; float: left; padding-right: 0; }
    .pagewrap .right-ft-a, .footer-r-a { width: calc(50% - 20px); float: right; margin: 0 10px; }
    .dv-spnb .col-md-3 img { width: 120px; height: 120px; }
    .showText img[style="float:right"], .showText img[style="float:left"] { margin: 0; margin-bottom: 12px; width: 100%; }
    .showText ul li { margin-left: 20px; margin-bottom: 5px; }
    .right-new { width: calc(100% - 0px); float: left; }
    .left-danhmuc { width: 100%; float: right; }
    .gallery-product .col-md-4,.thuvienanh_id ul { float: left; width: calc(100% / 2 - 20px); padding: 0; margin: 0 10px 20px; }
    .page_conten_page .photo-ad-f ul { width: calc(100% / 2 - 20px); margin: 0 10px 20px; }
    .page_conten_page .photo-ad-f ul h3 { font-size: 14px; display: block; line-height: 23px; padding: 0 10px; }
    .left_contact { float: left; width: 100%; }
    .right_contact { float: right; width: 100%; margin-top: 20px; }
    .gallery-product a.fancybox.col-md-4.blog-image.cursor_pointer { height: 170px; }
}
@media only screen and (max-width: 479px) { .logo_top img { height: 40px; }
    .page_conten_page .photo-ad-f ul ,.thuvienanh_id ul{ width: calc(100% / 1 - 00px); margin: 0 0px 10px; }
    .box-menu-1.fixed .right_header .lang_top.no_box { display: none; }
    .sp_page_a .thuvienanh_id ul { padding: 0; width: 100%; margin: 0 0 10px; }
    .thuvienanh_id ul h3 { font-size: 15px; }
    .contact .left { width: 100%; float: left; }
    .gallery-product a.fancybox.col-md-4.blog-image.cursor_pointer { height: 100px; }
    .contact .right { width: 100%; float: right;     margin-bottom: 20px;}
    .box_menu { transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; }
    .r-a-header { width: calc(100% - 70px); }
    .box-menu-1.fixed .right_header { right: 32px; }
    .right_header>ul>li i { display: none; }
    .lang_top.no_box { position: absolute; top: 33px; right: 55px; }
    .l-header { min-height: 85px; }
    .box_menu { display: inline-block; position: absolute; top: 37px; right: 0px; }
    .box_menu.fixed { position: absolute; top: 0; }
    .box-menu-1.fixed .l-header { min-height: 0; }
    .html-widget-1 .col-md-6 { width: 100%; }
    .main-his .wrapper-ct a .icon img { width: auto; margin-bottom: 5px; height: 50px; line-height: 0; }
    .html-widget-1 { padding: 30px 0; }
    .html-widget-1 .col-md-3 { width: 50%; margin-top: 30px; }
    .button-more a { display: inline-block; padding: 2px 15px; }
    .pagewrap .right-ft-a, .footer-r-a { width: calc(100% - 20px); float: right; margin: 0 10px 10px; }
    .footer_top { padding: 30px 0 20px; }
    .bottom_id_copyright { padding: 10px; }
    .slick-prev, .slick-next { top: 32% !important; }
    .right-new ul li .img { width: 100%; float: left; margin-right: 0; }
    .dv-tin-right { width: 100%; float: left; margin-top: 12px; }
    .contact-maps iframe { width: 100%; height: 230px; }
}