@import "font.css"; @import "css-trick.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; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
p.stock,.nhacungcap_view.home-product {display: none;}
.viewmore a { background: linear-gradient(to right, #ee3030, #f9590d); color: #fff; padding: 9px 35px 11px; border-radius: 50px; }
.viewmore a:hover {background: #383838;}
.about-l h2 { font-weight: 400; font-size: 30px; color: #383838; position: relative; text-transform: uppercase; text-align: left; padding: 0px 0 12px; border-bottom: 1px solid #dedede; margin-bottom: 17px; }
.about-l p {/* margin-top: 13px; */}
.home-about .about-l { width: 50%; float: left;}
.home-about .about-r { width: 48%; float: right; margin-top: 15px; }
.about-r img {width: 100%}
.home-about .pagewrap{ margin: 2% auto; background: #fff; padding: 3% 1.5%;}
.home-1 .box-inner a:hover .ab_image {color: #ee3030}
.ab_image { margin-top: 13px; font-size: 20px; color: #4a4a4a; line-height: 32px; text-transform: uppercase; text-align: center; font-weight: 500;}
.agent-details>p i { margin-right: 10px; }
.agent-header h5 { color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 400; margin-top: 15px;}
.left-menu { width: 23.5%; float: left;}
.agent-details p.view_all a:hover { background: #f3f3f3; color: #000; }
.right-text {width: 74%; float: right;}
.left-menu p.view_all {margin-top: 20px}
.agent-details p,.agent-details p a {color: #fff;margin: 5px 0;word-break: break-all;}
.agent-details { background-color: #383838; padding: 30px 13px; text-align: center; border-radius: 4px; }
.agent-header img, .agent-img { clear: both; width: 80%; }
.agent-header img { border-radius: 100%; }
.header { background: #fff;}
.logo img {width: 105px;margin: 7px 0;}
.logo {width: 15%; float: left;}
.timkiem_top { width: 44%; float: left; position: relative; padding: 0; display: block; height: 44px; background: transparent; color: #fff; margin: 30px 0; border: 1px solid #ee3030; border-radius: 4px; margin-left: 9%; }
.search a:hover {background: #383838}
.search a { white-space: nowrap; padding: 0; display: table-cell; vertical-align: middle; margin: 0; position: absolute; right: 0; top: 0; background: #ee3030; background-repeat: no-repeat; color: #fff; font-size: 15px; line-height: 42px; padding: 0px 20px; text-transform: none; border: none; text-transform: uppercase;}
#searchForm .input-group-btn .icon-fallback-text{ background: #ee3030; background-repeat: no-repeat; color: #fff; font-size: 15px; line-height: 38px; padding: 0px 20px; text-transform: none; border: none; }
.timkiem_top i{ float: left; line-height: 42px; padding-left: 12px; color: #959595; font-size: 15px; }
.search .input_search {font-size: 14px;width: 80%;border: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;color: #333;margin: 0;transition: .5s;border-radius: 4px;padding: 0 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-family: 'Roboto',sans-serif;background: transparent;line-height: 42px;/* background: #fff; */opacity: 1;}
.menu_list {margin-top: 5px}
.menu_list .li_menu { float: left; color: #fff; }
.menu_list .li_menu .line_ft { margin: 0 13px 0 18px; color: #383838; }
.menu_list .li_menu:first-child .line_ft { margin: 0; display: none; }
.menu_list .li_menu a { color: #383838; font-size: 14px; }
.hotline_header { width: 27%; float: right; margin: 25px 0;}
.hotline_header ul li { float: left; list-style: none; color: #000; font-size: 33px; line-height: 43px; padding-right: 10px; }
.hotline_header ul h3 { color: #000; float: left; font-weight: normal; font-size: 22px; text-transform: uppercase; line-height: 25px; text-align: left; }
.policy .item-policy { margin: 0 1%; width: 98%; float: left; }
.policy .item-policy>a { margin-right: 15px; float: left; margin-top: 10px; }
.policy .item-policy .info a { font-weight: bold; font-size: 15px; color: #383838; }
.policy .item-policy .info a:hover {color: #ee3030}
.policy .item-policy .info p {color: #383838}
.l-header.fixed {position: fixed;}
.l-header.fixed .dv-menu-left:hover .dv-ul-menu { opacity: 1; cursor: pointer; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none;}
.l-header .dv-menu-left:hover .dv-ul-menu { opacity: 1; cursor: pointer; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none;}
.l-header.fixed .dv-ul-menu {opacity: 0}
.l-header { padding: 0; position: relative; background: #383838; width: 100%; top: 0 !important;}
.dv-menu-left { width: 23.5%; float: left; position: relative; cursor: pointer;}
.vertical-menu-sub h2 { margin: 0; font-size: 14px; font-weight: normal; }
.dv-nut-menu {background: #ee3030;color: #fff;text-transform: uppercase;padding: 12px 20px;font-size: 17px;}
.dv-ul-menu ul li ul li a {padding-left: 15px}
.vertical-menu-item i.fa-angle-right { position: absolute; top: 15px; right: 10px; font-size: 12px; color: #666; }
.vertical-menu-item i.fa-th-large { position: absolute; top: 15px; left: 16px; font-size: 8px; color: #383838; }
.vertical-menu-item>a h2 { font-size: 15px; font-weight: normal; margin: 2px 0; text-transform: uppercase }
.dv-ul-menu ul, .dv-ul-menu li { list-style: none; }
.vertical-menu-item { display: block; border-top: 1px solid #dcdcdc; }
.vertical-menu-sub { display: none; position: absolute; left: 100%; width: 180%; top: 1px; min-height: calc(100% + 0px); padding: 7px 20px 0 0; margin-left: 1px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); z-index: 20; }
.vertical-menu-item:hover .vertical-menu-sub { display: block; }
.vertical-menu-sub li { float: left; width: 50%; padding: 0px 10px !important; display: block; }
.dv-ul-menu.dv-ul-menu-child,.dv-ul-menu { 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);}
.dv-ul-menu { position: absolute; border: 1px solid #e4e4e4; width: 100%; margin-top: 0; border-top: none; z-index: 10; background: #fff; opacity: 0; }
.dv-ul-menu ul li a:hover {color: #ee3030;}
.dv-ul-menu ul li a { text-decoration: none; color: #383838; display: block; line-height: 38px; text-transform: capitalize; padding-bottom: 1px; padding: 0 0 0 30px; position: relative; }
.dv-menu-left:hover .dv-ul-menu.dv-ul-menu-child { opacity: 1; cursor: pointer; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }
.dv-ul-menu.dv-ul-menu-child { opacity: 0; z-index: -1; }
.footer-r-a iframe {margin-top: 7px;}
.dt-sc-sociable li a:before { font-family: "FontAwesome"; }
.column .dt-sc-sociable li a { width: 100%; height: 36.5px; border-radius: 50%; font-size: 17px; margin: 0; text-align: center; padding: 0; border: 1px solid #fff; background: #383838}
.dt-sc-one-half { width: 100%;margin: 15px 0; position: relative; }
.dt-sc-one-half ul { display: inline-block; position: relative; }
.footer_top .social img:hover { border: 1px solid #fff000; transition: 1s; }
.footer_top .pagewrap>p { width: 745px; margin-top: 10px;}
.footer_top ul.contact_footer p {color: #000;font-size: 15px;margin: 5px 0px;clear: both;text-align: left;}
.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; }
.dt-sc-one-half:before {position: absolute;content: '';width: 100%;height: 3px;background-color: #000;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.dt-sc-sociable li { width: 36px; text-align: center; margin: 0 5px; display: inline-flex; float: none;}
.bottom_id_copyright p { width: 100%; float: left; text-align: center; padding: 10px 0;}
.bottom_id_copyright {background: #2b2b2b; margin-top: 20px;}
.bottom_id_copyright a,.bottom_id_copyright p { color: #fff; font-weight: 300; }
.bottom_id_copyright a:hover { color: #FFF000; }
.footer_top ul li.last-child {border-right: none}
.column .dt-sc-sociable li a .fa {line-height: 35px; color: #fff;}
.column .dt-sc-sociable li a img {width: 100%;}
.footer_top ul.dt-sc-sociable li a:hover{ background: #e91d24;}
.l-header .dt-sc-sociable li { margin: 11% 5% 0; width: 40%; display: inherit;}
.l-header .dt-sc-sociable li a {height: auto;}
.footer_top ul li:last-child {border-right: none}
.footer_top ul .footer-l li a:hover {color: #fff000;}
.footer_top ul .footer-l li a { color: #fff; display: block; font-size: 14px; padding: 0px 10px 0 0; text-transform: capitalize; font-weight: 300; }
.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: #000;}
.footer_top ul.contact_footer p a:hover {color: #fff000}
.footer-r-a {float: right; width: 48%;}
.footer_top .pagewrap h3 {color: #000;font-weight: 700;font-size: 22px;text-transform: uppercase;padding-bottom: 0;position: relative;text-align: left;margin-bottom: 20px;letter-spacing: 1px;line-height: 33px;}
.footer_top ul.contact_footer p img {width: 50%}
.footer_top .pagewrap p {color: #000;font-size: 15px;font-weight: 600;}
.footer_top { background: url('../delete/footer-bg.jpg'); padding: 80px 0 0px; margin-top: -50px }
.footer_top .pagewrap {text-align: center;}
.footer_top .pagewrap img {width: 10%}
.footer_top .pagewrap .contact_footer img {width: 150px;}
.footer_top ul .footer-l li:first-child {padding-top: 0}
.footer_top>div>div>ul { float: left; width: 35%; color: #fff; margin: 0 2.5%; }
.button_xn { background: #ee3030; color: #fff; padding: 3px 16px; right: 23%; text-transform: uppercase; font-size: 11px; position: absolute; bottom: 55%; opacity: 0;}
.footer_top ul.face_bottom { width: 300px; margin: 0; }
.footer_top ul.contact_footer>h3>img {width: 50%;}
.footer_top ul.contact_footer { width: 50%; margin: 0; position: relative; }
.footer_top ul.contact_footer>a {position: absolute;bottom: 0;right: 0;left: 60%;/* display: none */}
.new_top_id.new_top_id_1 {/* display: none; */}
.footer_top ul.contact_footer h3 img {width: 100%;}
.contact_footer .dt-sc-sociable li { width: 37px; margin: 0 7px; }
.footer_top ::-webkit-input-placeholder,.bg_menu_top ::-webkit-input-placeholder { color: #e6e6e6; }
.footer_top :-ms-input-placeholder,.bg_menu_top :-ms-input-placeholder { color: #e6e6e6; }
.footer_top ::placeholder,.bg_menu_top ::placeholder { color: #e6e6e6; }
.home-1 .col-md-12 {margin: 0 -1%;}
.home-1 .col-md-3 { width: 31.3333%; float: left; margin: 0 1%; }
.home-1 .box-inner a img {width: 100%; border-radius: 4px; transition: 1s}
.home-1 .box-inner { position: relative; overflow: hidden; }
.home-1 .box-inner .text h5 { color: #fff; font-size: 23px; font-weight: 400; margin-bottom: 13px; line-height: 1; margin-top: 13px; text-transform: uppercase; }
.home-1 .box-inner .text h5:after { content: ""; border-bottom: 2px solid #fff; display: block; width: 40px; margin-top: 16px; margin-left: auto; margin-right: auto; }
.home-1 .box-inner .text { position: absolute; left: 0; top: 40px; color: #fff; z-index: 3; text-align: center; width: 100%; }
.home-1 .box-inner:before { background: rgba(0,0,0,0.3); display: none; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; z-index: 1; }
.home-1 .box-inner:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transition: 1s; }
.home-1 .box-inner:hover:before { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
.home-1 .col-md-6 { width: 49%; float: left; margin: 0 2%;}
.banner_home-r img {width: 100%}
.banner_home-r img:last-child {margin-top: 10px}
.banner_home-r {width: 29%; float: right;}
.multiple-items {width: 100%; float: right;}
.box_banner_home {padding: 0px;}
.hot-hear {margin: 5px 0; border-bottom: 1px dotted #dedede; padding-bottom: 5px}
.margin-top-30 { margin-top: 20px; margin: 20px 1% 0; }
.tab a.active .home-i img,.tab a.active .home-i span { filter: opacity(1);}
.awe-section-3 div div div img {width: 100%;}
.awe-section-3 .col-lg-4 {width: 32%; margin: 0;}
.col-lg-8 { width: 68%; float: left; margin: 0 -1%; }
.tab a.active {background: red}
.box_home_1 .right-sp-home {width: 100%;}
.box_home_1 .right-sp-home.col-md-3 { width: 32.3333%; float: left; margin: 0 0.5%;}
.col-md-3 .pro_home_id ul h3 { text-align: left; padding-left: 0;}
.col-md-3 p.view_all { margin: 20px 0 0;}
.col-md-3 .titile_page ul .title_home {font-size: 21px}
.col-md-3 p.view_all a { padding: 9px 25px 10px; font-size: 12px; }
.col-md-3 .pro_home_id ul h4 {text-align: left;}
.col-md-3 .pro_home_id ul { width: 100%; padding: 0; margin: 1% 0.5% 2%;}
.col-md-3 .pro_home_id ul li { width: 35%; float: left; margin-right: 10px;}
.right-sp-home {width: 74.5%; float: right; position: relative;}
.box_menu .fa-angle-right:before { top: 11px;}
.slogan-logo .col-md-4 { width: 30.33333%; float: left; margin: 0 1.5%;}
.l-header .box .box-inner { margin: 0; position: relative; padding-left: 65px; }
.box-inner i { width: 50px; height: 50px; border: 1px solid #6f6f6f; border-radius: 100%; text-align: center; position: absolute; left: 0; margin: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); font-size: 20px; line-height: 50px; color: #6f6f6f; }
.ion-md-globe:before { content: "\f301"; }
.ion-md-checkmark-circle-outline:before { content: "\f2ba"; }
.ion-ios-notifications:before { content: "\f1d3"; }
.bg_menu_top.fixed { position: fixed; top: 0; z-index: 99; 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); }
.fixed-header { position: fixed; top: 90px; }
.box_right_pro_view>ul>li ul li { padding: 5px 0; border-bottom: 1px dotted #e8e8e8; padding-left: 10px; }
.box_right_pro_view .fa-plus:before, .box_right_pro_view .fa-minus:before { position: absolute; top: 16px; right: 10px; font-size: 12px; color: #696969; }
.box_right_pro_view>ul>li ul li:last-child { border-bottom: none; }
li.filter:hover { cursor: pointer; }
.title-pg { font-size: 30px; line-height: 38px; color: #fff; text-transform: uppercase; }
.search-product { background: linear-gradient(to right,#ee3030,#88dcf7); color: #fff; padding: 40px 0; }
.custom-select>p:hover {background: #ee3030; cursor: pointer;}
.custom-select>p>a {color: #fff;}
.custom-select>p {background: #d83f2d; padding: 5px; text-align: center; border-radius: 3px; width: 65%; margin: 0;}
.home-search { width: 100%; float: left; margin-left: 0; margin-bottom: 5px; margin-top: 10px; }
.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: #ee3030; 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: #ee3030; 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: #ee3030; text-align: center; }
.box_menu_f {position: relative; width: 100%; top: 0; left: 0; right: 0; z-index: 9999;}
.fancybox-overlay { z-index: 9999999 !important; }
#bridal_images #wrap {z-index: 99 !important}
* { margin: 0px auto; padding: 0px auto; outline: none; text-decoration: none; }
::selection { background-color: #ed1e28; color: #fff; }
::-webkit-selection { background-color:#ed1e28; color: #fff; }
-webkit-::selection { background-color: #ed1e28; color: #fff; }
::-moz-selection { background-color:#ed1e28; 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: 15px auto 0; }
.simply-scroll .simply-scroll-list li { float: left; width: 155px; height: 75px; border: 1px solid #ccc; margin: 5px; display: flex; vertical-align: middle; background: white; padding: 5px 0; }
.slogan-logo>h1 {color: #ee3030; font-size: 18px; letter-spacing: 1px; margin: 16px 0; text-transform: capitalize; width: 50%; float: left; font-family: UTM Androgyne; line-height: 24px;}
.slogan-logo { float: left; margin: 24px 0 24px 80px; width: 61%;}
.slogan-logo img {width: 50%}
.r_active {color: #ee3030 !important}
.cl_active {color: #ee3030 !important}
.home-1 { background-size: 100%; padding: 0;}
.header-contact ul li .fa-envelope:before { background: #ffffff; color: #ee3030; padding: 4.5px 4.5px; border-radius: 3px; margin-right: 7px; font-size: 12px; }
.header-contact ul li .fa-phone:before { background: #ffffff; color: #ee3030; 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: #ee3030; padding: 5px 0;}
.custom-select h4 {height: 30px}
.custom-select { position: relative; width: 18%; float: left; margin: 1%;}
.custom-select-lastchild>a {color: #fff}
.custom-select select { display: none; }
.select-selected:after { position: absolute; content: ""; bottom: 11px; right: 10px; width: 0; height: 0; border: 4px solid transparent; border-color: #fff transparent transparent transparent; }
.select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; bottom: 15px; }
.select-items div,.select-selected { color: #ffffff; padding: 3px 16px 4px; cursor: pointer; user-select: none; border: 1px solid #e8e8e8; }
.w3-bar.w3-black { margin: auto; text-align: center; position: absolute; right: 5px; top: 15px; }
.w3-bar.w3-black .w3-button { border: none; padding: 0 7px; border-radius: 3px; font-size: 12px; background: transparent; text-transform: uppercase; }
.w3-bar.w3-black .w3-red,.w3-bar.w3-black .w3-red a { color: #ee3030; font-weight: bold; }
.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: none; border-bottom: 1px solid #96e3fb; padding: 3px 18px 4px;}
.select-items div:last-child{border-bottom: none}
.select-items { position: absolute; background-color: #ee3030; 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: #ee3030; transition: 0.5s; }
.sp-list-a div a:hover img { transform: scale(0.95); transition: 0.5s; }
.sp-list-a .sp-right h3 { margin-bottom: 3px; text-align: center; font-weight: 400; text-transform: uppercase; height: 55px; overflow: hidden; margin-top: 7px; font-size: 14px; color: #5d5d5d; }
.sp-list-a .price-sp .price {padding: 0 0 23px}
.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: 12px; padding-right: 8px; text-decoration: line-through; }
.price-sp .price h4 { color: #ff0000; font-size: 14px; 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;}
.sp-list-f.autoplay1 {padding: 0;}
.sp-list-a .sp-cart { width: 64%; float: left; text-align: center; background: #ee3030; 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: 26%; float: right; margin-top: 35px; text-align: right;}
.col-lg-4 .btn-secondary { background: #c0212f; color: #fff; padding: 7px 12px 10px; font-weight: 100; 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}
.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: 100; 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}
.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: 100; 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}
.box_right_pro_view>ul>li { border-bottom: 1px solid #efefef; padding: 5px 20px 8px; position: relative; }
.box_right_pro_view>ul { list-style-type: none; padding-left: 0; border: 1px solid #efefef; }
.box_right_pro_view>ul>li a { color: #7d7d7d; font-size: 15px; }
.slick-slide img {width: 100%;}
.event-page-5 .panel-section-title h6 { width: 50%; margin: 20px auto; font-size: 16px; font-weight: 100; 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: 100; 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: 100;}
.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.1); 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: #ee3030; 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: #ee3030; 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: #ee3030; 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 #ee3030; color: #ee3030; padding: 6px 15px; border-radius: 4px; }
.foot-list ul li p { line-height: 22px; margin-bottom: 5px; text-align: left; font-size: 15px; color: #5f5f5f; }
.orange-optional {margin-top: 20px}
.foot-list .autoplay1 .titleOfFoodComponent { font-size: 18px; margin: 0 0 10px; font-weight: 400; color: #ee3030; margin-top: 10px; }
.orange-button:hover {background: #ee3030; color: #fff;}
.pro_view_sp>p>a:hover {background: #e91d24}
.pro_view_sp>p>a { background: #ee3030; 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: 23px; }
.dm-sp-right .title_right_pro_view {margin-bottom: 7px}
.dm-sp-right { margin: 25px 0;}
.dm-sp-right .box_right_pro_view .i-st1 img { width: auto; text-align: center; margin: auto; display: block;}
.dm-sp-right .box_right_pro_view .i-st1 h3 {height: auto; font-size: 16px;}
.dm-sp-right .box_right_pro_view .i-st1 {width: calc(96% - 2px);}
.box_right_pro_view .i-st1 img { width: 60%; transition: all 0.5s; margin: auto; text-align: center;}
.box_right_pro_view .i-st1 { width: calc(100% / 1 - 20px); margin: 0 10px 10px; 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:hover {color: #ee3030}
.box_right_pro_view .i-st1 h3 {font-size: 14px;padding: 0px 5px;color: #252525;text-align: center;line-height: 21px;/* height: 46px; */overflow: hidden;font-weight: 400;}
.box_right_pro_view .i-st1 li {list-style: none; text-align: center;}
.img-qc a img { width: 100%; margin: 25px 0;}
.left-danhmuc {width: 24%; float: right;}
.foot-list .pagewrap,.contact-full .pagewrap{ padding: 40px 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: 23.5%; margin: 0% 0.75% 2%; 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 .titleOfFoodComponent { margin: 0 0 11px; text-transform: uppercase; color: #353535; font-weight: 400; font-size: 17px; height: 52px; overflow: hidden; }
.foot-list .psec_main_c .titleOfFoodComponent {height: auto;}
.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: 0px 0 15px !important; }
.sp-list-a {width: 23%; float: left; position: relative; margin: 0 1%; text-align: center;}
.nhacungcap-f {margin-top: 75px;}
.panel-section-title .stripe h6 { font-size: 15px; font-weight: 100; margin-top: 13px; color: #6f6f6f;}
.stripe { margin: auto; text-align: center; margin-top: 20px;}
.panel-section-title .stripe h2::before { content: ""; background: #ee3030; height: 2px; position: absolute; width: 60px; left: 0; bottom: -1px; margin-left: 47%; }
.panel-section-title { position: relative; margin-bottom: 15px; }
.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;}
.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}
.fa-angle-right:before {/* font-size: 15px; *//* position: absolute; *//* top: -3px; *//* right: 5px; */}
.ab-slogan-h p a:hover {background: #e91e24}
.home-1-f h3 a:hover {color: #ee3030;}
.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: 71%; 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: #ee3030; margin-bottom: 40px; position: relative; text-transform: uppercase;}
.wine-home-1>h1::before { content: ""; background: #ee3030; 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: 100; text-decoration: underline; font-style: italic; margin-top: 4px;}
.home-0-l .dt-sc-image-content h3 {color: #fff000; font-weight: 100; font-size: 20px;}
.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: 100; color: #000;}
.home-0>h1 { letter-spacing: 1px; position: relative; text-align: left; margin-bottom: 5px; font-size: 25px; color: #383838; border-bottom: 1px dotted #ccc; padding-bottom: 8px; font-weight: 400; 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%;}
.ab-slogan-h p a { background: #ee3030; color: #fff; padding: 10px 20px 11px; border-radius: 4px; font-weight: 300;}
.col-md-8 { width: 57%; float: right; margin: 15px 0; }
.wrapper-detail p a { background: #ee3030; color: #ffffff; padding: 9px 20px 10px; border-radius: 4px; }
.col-md-8 .wrapper-detail h2 { color: #ee3030; text-transform: uppercase; font-weight: 400; font-size: 30px; margin: 0px 0 20px; }
.about_home .row {width: 31.333%; float: left; margin: 0 1%;}
.about_home .row .col-4 { -ms-flex: 0 0 55px; flex: 0 0 55px; max-width: 55px; margin-right: 10px; float: left; }
.about_home .row .col-4 img { width: 55px; border: 1px solid #fff; padding: 8px; border-radius: 50%; height: 55px;}
.item_incentives_title,.item_incentives_description {color: #fff}
.item_incentives_title {text-transform: uppercase; font-weight: 400; font-size: 18px}
.about_home .row .col-8 { -ms-flex: 0 0 calc(100% - 150px); flex: 0 0 calc(100% - 150px); max-width: calc(100% - 150px); }
.about_home {background: #383838; padding: 35px 0;}
.col-md-4 { width: 40%; float: left; }
.ab-slogan-h h4 { font-size: 23px; text-transform: capitalize; font-weight: 300; width: 423px; margin: 15px auto 25px; text-align: center; color: #484848; letter-spacing: 8px; border-top: 1px solid #484848; padding-top: 13px;}
.ab-slogan-h h2 { text-transform: uppercase; font-weight: 500; letter-spacing: 2px; font-family: 'WorkSans',sans-serif; font-size: 30px; color: #e91e24;}
.box_banner_home .ab-slogan-h { position: absolute; top: 0; margin-top: 200px; color: #fff; width: 40%; text-align: center; background: rgba(255,255,255,0.7); padding: 30px 0 35px; border-radius: 3px; left: 0; margin-left: 7%;}
.box_banner_home {position: relative;}
.box_banner_home .slick-slide img {width: 100%;}
.right_header>ul {clear: both; width: 100%;}
.left_header a img { margin: 0; width: 100%;}
.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) center no-repeat; }
.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 { font-size: 50px; color: #b5b5b5;}
.home-ad-t-lh>div .l_tabs-ad { width: 72%; float: left;}
.home-ad-t-lh>div {width: 1170px; margin: auto; padding: 60px 0;}
.l_banggia-add table a { color: #202836; }
.l_banggia-add table a:hover {color: #3d9be9}
.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 { border: none; padding: 6px 10px; font-size: 13px; background: transparent; text-transform: uppercase; }
.tabcontent2 { border-right: none; color: #e91e24; font-weight: bold; display: none;}
.tab button:last-child {border-right: none}
.tab button:hover { color: #ee3030; cursor: pointer; border-bottom: 1px solid; transition: all 0.5s; }
.tab button.active{ color: #ee3030; font-weight: bold; border-bottom: 1px solid #ee3030; }
.gr-link{ color: #333; line-height: 23px; font-size: 13px; margin-bottom: 15px; }
.title { font-size: 1.286em; line-height: 20px; color: #d93e2c; position: relative; padding-bottom: 0px; }
.autoplay2.slick-initialized .slick-slide { margin: 10px; }
.autoplay2 .slick-slide img { width: auto; margin: 0; }
.title:after { content: ""; display: block; position: absolute; width: 18px; height: 1px; background: #8e8e8e; bottom: 0; left: 0; }
.text-left { width: 27%; float: left; color: #ee3030; font-weight: 600; font-size: 15px;}
.sp-right-home { width: 67%; float: right;}
.list_vl > thead > tr { background-color: #3d9be9; color: #eee; }
.tabcontent,.tabcontent1 { 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; }
.video-sp {position: absolute; right: 10px; top: 88px; width: 25%;}
.btn.btn-red { color: #fff; background: #ee3030; 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; color: #ee3030; }
.w3-border { padding: 2% 0 0; }
.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: 100; }
#placeSlide_main .btn_style { background: #ee3030; 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; }
.col-lg-3:hover .img-hotro img { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transition: all 1s; }
.col-lg-3:hover .info-hotro a {color: #ee3030}
.img-hotro a img {transition: all 1s; margin-bottom: 9px}
.info-hotro a { color: #333; text-transform: uppercase;}
.cart_navigation .btn-gray { background: #222; color: #fff; padding: 3px 12px 5px; border: 1px solid; }
.hotro.pagewrap { margin-top: 45px;}
.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: #ee3030; text-align: center; font-size: 17px; }
.wrapper-detail p a:hover {background: #e91d24;}
.box_home .pagewrap { margin: 2% auto; background: #fff; padding: 3% 1%; display: none;}
.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; }
.list-group {padding: 10px 0}
.widget__group-item img { margin-right: 13px; width: 45px; height: 45px}
.widget__group-item,.widget__group { display: -ms-flexbox; display: flex; -ms-flex-positive: 1; -ms-flex-preferred-size: auto; flex-basis: auto; -ms-flex-align: center; align-items: center; border: 0; font-weight: 600; }
.fa-play-circle:before { padding-right: 7px; }
.header .dt-sc-sociable {width: 6%; float: right; margin: 35px 0;}
.dt-sc-sociable li img {width: 100%;}
.l-header .pagewrap { position: initial; }
.header-ab-a { width: 11%; float: right; text-align: right;}
.pagewrap { position: relative; width: 1170px; margin: 0 auto; }
.page_conten_page { padding-top: 40px; padding-bottom: 40px; }
.padding_pagewrap { padding: 2% 1%; background: #fff; }
.home-f-a .fixed-header img {margin: 0; width: 99%;}
.home-right-r .fixed-header-1 img {margin: 0; width: 99%;}
.fixed-header-1 { position: fixed; top: 47px; }
.showText p, .chitiet_sp ul P { font-size: 15px; line-height: 27px; padding: 5px 0; }
.showText img { margin: 0 auto; height: auto; max-width: 100%; }
.showText ul { padding-bottom: 15px; }
.showText ul li { margin-left: 35px; font-size: 17px; line-height: 30px; }
.showText ol { padding-bottom: 15px; }
.showText h2 { font-weight: 600; font-size: 17px; color: #ed1e28; padding-bottom: 15px; }
.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; }
.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: 100; 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%);}
.bg_menu_top { background: #ee3030;}
.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: 75%; position: relative; float: right; margin: 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; }
.right_home .page_conten_page {width: 1170px; margin: auto}
.page_conten_page .photo-ad-f ul h4 {line-height: 0;}
.page_conten_page .photo-ad-f ul h3 { margin-bottom: 0; color: #424242; font-weight: 400; font-size: 17px;}
.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(262px); border: 1px solid #ececec; padding: 5px; }
.tintuc_home {margin: 15px -0.75% 0;}
.home-tintuc-left>div {margin: 15px 1%; width: 98%; float: left;}
.one_new_home {width: calc(100% / 2 - 10px);margin: 0;float: left;}
.one_new_home_video{width: calc(100% / 2 - 10px) !important;margin: 0;float: left;}
.one_new_home_right { float: right; width: 49%; }
.one_new_home li, .one_new_home_video li { width: 100%; line-height: 0; list-style: none; position: relative; overflow: hidden; display: block; }
.one_new_home li img , .one_new_home_video li img { border-radius: 5px; 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; }
#footer {background: #ee3030;}
.workshome-title h2 { background: #000; padding: 7px 20px 6px; font-weight: 100; }
.one_new_home ul h3 a, .tti_more ul h3 a { font-size: 20px; color: #4a4a4a; line-height: 32px; 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: uppercase; }
.one_new_home ul p { font-size: 15px; color: #5f5f5f; line-height: 24px; margin: 4px 0; font-weight: 400;}
.one_new_home ul h3 {margin-top: 9px; font-size: 20px; color: #4a4a4a; line-height: 32px; text-transform: uppercase;}
.one_new_home_right ul { padding-bottom: 20px; width: 100%; }
.one_new_home_right li { width: 50%; list-style: none; line-height: 0; position: relative; display: block; overflow: hidden; float: left; margin-right: 3%; }
.one_new_home_right li img { border-radius: 5px; height: 100%; width: 100%; object-fit: cover; transition: all 1s; }
.one_new_home_right ul p { font-size: 15px; color: #5f5f5f; line-height: 24px; margin: 4px 0; font-weight: 400;}
.one_new_home_right ul h3 a { font-size: 17px; color: #4a4a4a; line-height: 27px; 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: uppercase; }
.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: #ee3030}
.one_new_home_right ul h3 a:hover {color: #ee3030}
.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: 100;}
.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: 100;}
.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: left; float: left; }
.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: 6px 0px; }
.ck_editor_content .partner-l { width: 40%; float: left;}
.ck_editor_content .partner-r {width: 60%; float: right;}
.ck_editor_content .partner-l img {width: 100%;}
.menu > li > a { display: block; position: relative; z-index: 2; font-size: 15px; text-decoration: none; text-transform: uppercase; color: #fff; padding: 5px 21px; font-weight: 300; }
.box_menu .menu > li.active a {color: #fff000;}
.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; }
.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: #fff000}
.menu > li > ul, .menu > li > ul ul { position: absolute; border-top: 2px solid #fff; 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: #fff; 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: 100; font-size: 15px; padding: 0 15px; background: #383838; text-transform: capitalize; }
.page_conten_page .thuvienanh_id h4 { color: #666; font-weight: normal; font-size: 14px; padding: 0px 0; text-transform: capitalize; margin: 10px; 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: #fff; font-weight: 400; position: relative; }
.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; }
.box .box-inner .content p { color: #91959b; line-height: 1.3; font-size: 13px; margin-bottom: 0; }
.box .box-inner .content h5 { font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 0; }
.logo_top>a {margin: auto}
.logo_top { text-align: left; width: 12%; float: left; margin: auto; background: #fff; padding: 0 20px; position: relative; }
.logo_top img { width: 100%; 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; margin: 5px 0; }
.right_header { position: relative; float: left; width: 51%; text-align: right; margin: 26px 0; margin-left: 3%; }
.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; }
.hotline_header ul li { float: left; list-style: none; color: #000; font-size: 33px; line-height: 43px; padding-right: 10px; }
.hotline_header ul h3 span { display: block; color: #525252; font-weight: normal; line-height: 21px; font-size: 14px; text-transform: initial; padding-top: 4px; letter-spacing: 1px; }
.about-us-4.ad-cs-ad {background: #333b50}
.right_header ul li span { font-size: 14px; }
.right_header ul li a { color: #d93e2c; font-size: 15px; }
.left_contact a {color: #ee3030}
.box_menu .menu > li:hover>a { color: #fff000;}
.right_header ul li a:hover { color: #ee3030; 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}
.conten .foot-list.kienthuc_add .psec_main_c>ul>li { width: 100%; float: left; margin: 0 0 20px; border-bottom: 1px solid #ccc; padding-bottom: 2%; }
.partner-list .col-md-4 { width: 29.3333%; float: left; margin: 2%; text-align: center; }
.partner-list a img { max-width: 70%; max-height: 100%; }
.img-l { width: 47%; float: left; overflow: hidden; }
.title_r { width: 50%; float: right; }
.autoplay .img-l,.autoplay .title_r {width: 100%;}
.img-l a {overflow: hidden;}
.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 {background: #fff; margin: 0; padding: 0.5%}
.pro_home_id.search_pro_a {padding: 2% 1% 3%;}
.new_top_id .titile_page { padding: 0; }
.titile_page ul .title_home span::before { border: 1px double #dedede; border-left: 1px double #fff; border-right: 1px double #fff; bottom: -5px; content: ""; display: block; height: 3px; left: 0; margin: 0 auto; position: absolute; right: 0; }
.tab.home-img {text-align: center;}
.titile_page ul .title_home { font-weight: 400; font-size: 30px; color: #383838; position: relative; text-transform: uppercase; text-align: center; padding: 0px 0 8px; margin-bottom: 25px;}
.newsletter_home .titile_page ul .title_home { background: transparent; text-align: center;}
.titile_page ul .title_home span { padding: 0px 20px 10px; position: relative;max-width: 100%;}
.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: brightness(0.5); transition: 0.5s;}
.foot-list .autoplay .titleOfFoodComponent {margin-top: 10px; height: auto;}
.wine-home-1>p a:hover {background: #ee3030}
.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: 7px !important}
.autoplay.slick-initialized .slick-slide {margin: 0 7px !important}
.right-sp-home .autoplay.slick-initialized .slick-slide {margin: 15px 7px !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: 12px; padding-right: 8px; text-decoration: line-through; }
.pro_home_id ul a {overflow: hidden;}
.pro_home_id ul h3 { text-transform: uppercase; 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: #2f2f2f; font-weight: 400; line-height: 23px; margin-top: 0px; border-bottom: none; padding: 8px 10px 7px; text-align: center; height: 60px; overflow: hidden; }
.pr-hot { position: absolute; top: 3px; left: 4px; z-index: 1; }
.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; }
.sp-list-f.pro_home_id ul {float: left;margin: 10px;width: calc(100% / 4 - 20px);box-sizing: border-box;}
.hinhanh_view { float: left; width: 45%; }
.container { display: block; position: relative; margin-bottom: 40px; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 25px; text-transform: capitalize; color: #666; padding-left: 0px; }
.mySlides img { width: 68% !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 { 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: 400; color: #e91e24; 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; }
.conten { width: 100%; position: relative; background: #f3f3f3;}
.fs-dtinfo .w3-bar.w3-black {padding-top: 0}
.fs-dtinfo .w3-bar.w3-black .w3-button { border: none; padding: 11px 23px 10px; font-size: 15px}
.fs-dtinfo { float: right; margin: 0; width: 50%; }
.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; }
.active, .demo:hover { opacity: 1; }
.prev:hover, .next:hover { background-color: #ee3030;}
.hinhanh_view .column { float: left; width: 16%; margin: 5px 4px; 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: 25px; color: #383838; border-bottom: 1px dotted #ccc; padding-bottom: 8px; font-weight: 400; text-transform: uppercase; }
table a { color: #2196F3; }
.right_conten_ad { width: 950px; margin: auto;}
.tbl_down td { text-transform: capitalize;}
.tbl_down th { background-color: #3d9be9; 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: 100;}
.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; }
.newsletter_home { background: url(../delete/banner-06.jpg) center center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding: 55px 0; position: relative; }
.newsletter_home .col-md-7 h6 { font-size: 20px; color: #fff; font-weight: 400; margin: 10px 0 0;}
.newsletter_home .col-md-7 img {border-radius: 50%;width: 100px;height: auto;}
.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.5); transition: .3s all ease; z-index: 0; }
.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%; }
.middle-footer { background: #f3f3f3; padding-top: 2%; }
.middle-footer .pagewrap { background: #fff; padding: 0 1.5%;}
.col-lg-9 { width: 100%; margin: 0; padding: 20px 0; }
.text-subscribe .text {float: right; width: 76%; margin: 9px 0px;}
.middle-footer .text-subscribe {float: left;width: 55%;margin: 5px 0;}
.text-subscribe img { width: 118px; float: left; margin-right: 18px;}
.middle-footer .form_km {float: right;width: 45%;margin: 23px 0;}
.middle-footer .text-subscribe i { background: #ee3030; width: 45px; text-align: center; padding: 10px 0; color: #fff; border-radius: 50%; box-sizing: border-box; font-size: 25px; display: block; float: left; margin: 5px 15px 0 0; }
.middle-footer .text-subscribe .text h3 { font-size: 18px; color: #4a4a4a; text-transform: uppercase; margin-bottom: 0; }
.middle-footer .text-subscribe .text p { margin: 0; color: #636363; }
.col-lg-3 { width: 16%; float: left; margin: 0; text-align: center; }
.col-lg-3.fixed-socia { position: fixed; top: 0; right: 0; width: 36px; margin-top: 25%;}
.col-lg-3.fixed-socia .dt-sc-sociable li { margin: 8% 2.5%; width: 100%; }
.middle-footer .col-lg-3 {margin: 16px 0;}
.newsletter_home p { line-height: 30px; font-size: 16px; text-align: center; font-weight: 300; color: #fff; width: 700px; margin-top: 8px; }
.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: calc(100% / 3 - 20px);float: left;margin-left: 10px;color: #666;margin-right: 10px;text-align: center;box-sizing: border-box;}
.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: #ee3030; padding-right: 7px; }
.home-tinnoibat .pagewrap h3 {margin-bottom: 0}
.home-tinnoibat .tintuc_home_id ul { width: calc(290px - 10px); }
.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: #ee3030;}
.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; }
.contact_footer .fa-mobile {font-size: 20px}
.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; }
#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: #383838; color: #fff; border: 1px solid #383838; cursor: pointer;}
.dt-sc-subscribe-frm input[type="submit"] { position: relative; height: auto; background: #ee3030; border-radius: 4px; border: 1px solid #ee3030; color: #ffffff; text-transform: capitalize; font-size: 15px; right: 2px; top: 1px; padding: 8px 20px 9px; }
.dt-sc-subscribe-frm input[type="email"] { width: 74%; margin-right: 5px; border-radius: 4px; font-size: 14px; color: #4c4c4c; padding: 10px 0 10px 10px; background: #f3f3f3; border: none; }
.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: 100;}
#menu-footer-menu p a {color: #fff;}
#menu-footer-menu p a:hover {color: #fff000;}
#menu-footer-menu p a img { margin-top: 10px;}
.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%; }
.left-img-home {width: 25%; float: left}
.left-img-home img {width: 100%;border-radius: 50%}
.top_detail_a {margin-top: -66px}
.home-img .home-i { display: table-cell; width: 16.666667%; 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 }
.tab a:first-child .home-i{background: 0 0;}
.tab a {cursor: pointer}
.home-img .home-i span { display: inline-block; filter: opacity(0.5); transition: 0.5s; vertical-align: middle; text-transform: uppercase; color: #fff; font-weight: 600; letter-spacing: 1px; padding-left: 5px; }
.home-img1 {background: transparent; border: 0; position: absolute; right: 5px; top: 15px;}
.home-img1 .tablinks2 {color: #e91e24; font-weight: bold;}
.logo_top:after { position: absolute; content: ""; width: 0; height: 0; border-left: 70px solid transparent; border-right: 70px solid transparent; border-top: 15px solid #ffffff; bottom: -15px; right: 0px; left: 0 }
.menu-so {margin-top: 25px}
.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;}
.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;}
#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; }
.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; }
.hotline_header ul { width: 48%; float: left; margin: 0 1%;}
.albumView { min-height: 300px; margin: 0 -0.5%; }
#back-top { position: fixed; bottom: 125px; right: 20px; 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: #ee3030 url(../delete/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: #383838 url(../delete/gotop-arr.png) center top 13px no-repeat; }
.box_right_pro_view { background: #fff; margin-bottom: 0px; margin-top: 25px; }
.new_right ul:last-child {border-bottom: none}
.box_right_pro_view>ul>li a:hover { color: #ee3030; }
.title_right_pro_view { padding: 4px 15px; font-weight: 400; text-transform: uppercase; font-size: 18px; line-height: 35px; color: #fff; background: #ee3030; border-radius: 3px; margin-bottom: 7px; }
.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; }
.new_right ul li img { transition: all 1s; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.price_pro p>span {color: #ee3030;}
.new_right ul h3 { float: right; width: 56%; font-weight: 400; font-size: 13px; color: #333; line-height: 22px; height: 68px; overflow: hidden; }
.new_right ul h3 a { color: #989898; 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;}
.pro_home_id ul { float: left; margin: 1% 0.5% 0; width: calc(100% / 5 - 1%); position: relative; text-align: center; overflow: hidden; border: 1px solid #dedede; padding: 5px 5px 15px; }
.new_top_id .titile_page ul h1::before { margin-left: 0; }
.new_top_id .titile_page ul p { color: #e91e24; font-weight: bold; font-size: 12px; text-transform: uppercase; position: absolute; top: 8px; right: 10px;}
.one_new_home_1 {/* width: 49%; */float: right;}
.new_top_id .titile_page ul p a {color: #e91e24;}
.new_top_id .pagewrap { margin: 2% auto 0; background: #fff; padding: 3% 1.5%; }
.new_top_id.new_top_id_1 .pagewrap {margin-bottom: 2%}
.new_top_id .pagewrap h4 {font-weight: 400; font-size: 30px; color: #383838; position: relative; text-transform: uppercase; text-align: left; padding: 0px 0 12px; border-bottom: 1px solid #dedede; margin-bottom: 17px;}
.no_dulieu { padding: 20px; color: #e91f25;}
.free-ship-f { border-top: 2px solid #ee3030;}
.pro_home_id ul:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); transition: 1s;}
.pro_home_id ul:hover .button_xn {transition: 0.5s; opacity: 1}
.pro_home_id ul .button_xn:hover {background: #383838; transition: 0.5s;}
.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; overflow: hidden; }
.pro_home_id ul li img { height: 100%; width: 85%; 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; }
p.view_all {text-align: center;margin: 10px 0}
p.view_all a { background: linear-gradient(to right, #ee3030, #f9590d); color: #fff; padding: 9px 35px 11px; border-radius: 50px;}
p.view_all a:hover {background: #383838;}
.pro_home_id ul h3 a:hover { color: #ed1e28; }
.pro_home_id ul h4 { color: #ee3030; font-weight: 600; font-size: 14px; padding: 0; 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; text-transform: capitalize; }
.sp-list-a .sp-cart {display: none}
.pro_home_id ul:hover h3, .tintuc_home_id ul h3 a:hover { color: #ee3030; }
.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: #ee3030; 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: 45px; top: 0; left: 0; transition: 1s; position: absolute; background: #ee3030; padding: 4px 6px; color: #FFF; font-weight: 400; cursor: default; z-index: 1; font-size: 11px; line-height: 20px; text-transform: uppercase; text-align: center }
.discount-tag:after { display: none; position: absolute; content: ""; width: 0; height: 0; border-left: 22px solid transparent; border-right: 23px solid transparent; border-top: 8px solid #ee3030; 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: #d93e2c; 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: 100; 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: 100; 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: #e4e4e4; 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: #ee3030; text-decoration: underline; }
.link_title ul li {color: #000;list-style: none;text-align: left;line-height: 16px;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: #ee3030; height: 2px; position: absolute; width: 60px; left: 0; bottom: -1px; margin-left: 47%; }
.foot-list-1 h1 { color: #ee3030; 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: 25px; font-weight: 400; color: #383838; text-transform: uppercase; margin-bottom: 7px; border-bottom: 1px dotted #ccc; padding-bottom: 8px; letter-spacing: 1px; }
.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: 10px 0;text-align: center;position: relative;}
.tintuc_home_box_2 .pagewrap, .placeSlide, .placeSlide_doiac, .placeSlide_1, .placeSlide_2 {width: 100%}
.nums li { list-style: none; display: inline-table; }
.nums a { font-size: 15px; display: block; margin: 0 6px 0 0; padding: 5px; line-height: 22px; height: 33px; width: 33px; table-layout: inherit; text-align: center; color: #060606; background: #b1b1b1; 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: 50%; }
.nums a:hover, .nums a.active, .nums a.stay:hover { background: #ee3030; color: #fff; }
.nums a.stay { background: #b1b1b1; 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: auto; float: none; }
.contact .right { width: auto; float: none; }
.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: arial; resize: vertical; box-sizing: border-box; font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.formBox li textarea { padding: 10px 10px 10px 55px; height: 100px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.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 { float: right; text-transform: uppercase; margin-left: 10px; margin-top: 10px; color: #FFF; background: #ee3030; 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: 300; padding: 5px 20px 8px; }
.formBox .button:hover { color: #FFF; background: #383838; }
.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: right; 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: 25px; color: #383838; margin-bottom: 10px; line-height: 30px; text-align: left; }
.right_contact { float: left; 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: 195px; 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: #ee3030; text-align: left; font-size: 23px; margin: 0; padding: 10px 15px; background: #d8d8d8; border-radius: 4px; margin-top: 20px; line-height: 33px; }
.c-tin-ad .autoplay.slick-initialized .slick-slide { margin: 7px !important; border: none; }
.add_to_cart>h4:hover,.add_to_cart>h3:hover {background: #383838}
.detail-sp>h5 {background: #d8d8d8;padding: 10px 10px 9px;text-transform: uppercase;font-size: 18px;font-weight: 500;margin: 10px 0;}
.detail-sp>div {padding: 10px 5px 0;}
.detail-sp { margin: 20px 0; border: 1px solid #efefef; }
.detail-sp .re-text {padding: 20px;}
.detail-sp p { font-size: 14px; }
.detail-sp .re-text h6 {font-size: 18px; margin: 10px 0;}
.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: 2px}
.button-tatca:hover, .button-thugon:hover,.ad-b-img>a:hover { color: #fff; background: #222222; }
.add_to_cart {margin-top: 15px;}
.add_to_cart p span { display: block; color: #252525; font-size: 16px; }
.add_to_cart>h4 { float: left; background: #ee3030; color: #fff; text-transform: uppercase; font-weight: 400; padding: 6px 18px 5px; margin-top: 0; border-radius: 3px; font-style: inherit; margin-right: 10px; display: none; }
.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: 5px; }
.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: 100%; overflow: hidden; margin-bottom: 12px; }
#bridal_images img { border: none; width: 100%; 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: auto; width: 17%; border: 1px solid #e0e0e0; background: #fff; padding: 4px 4px 0; text-align: center; overflow: hidden; }
#bridal_images_list li:hover { border: 1px solid #999; background: #fff; }
#bridal_images_list img { width: 100%; 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 0.5% 1% 0.5%; float: left; width: calc(100% / 3 - 1%); 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 li:before { content: ''; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); transition: .3s all ease; width: 100%; height: 100%; opacity: 0; }
.thuvienanh_id ul li:after { content: '\f04b'; margin-top: 0; font-size: 16px; color: #ffffff; margin-left: -20px; font-family: 'FontAwesome'; position: absolute; top: 38%; left: 48%; background-color: transparent; padding: 20px 12px 20px 15px; border-radius: 50%; opacity: 0; border: 1px solid #fff; }
.pro_id.thuvienanh_id ul li:after {display: none;}
.bg_menu_top .fa-angle-right:before { font-size: 15px; position: absolute; top: 10px; right: 20px; }
.thuvienanh_id ul a:hover li:before,.thuvienanh_id ul a:hover li:after {opacity: 1; z-index: 1; transition: 0.5s}
.thuvienanh_id ul h3 { margin-bottom: 0; color: #4a4a4a; font-weight: 400; font-size: 15px; text-transform: uppercase; padding: 0 10px 7px; }
.thuvienanh_id {margin: 0 -0.5%}
.thuvienanh_id ul:hover h3 { color: #ee3030; }
.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; }
.showText_footer{margin-bottom: 20px;}
.dt-sc-subscribe-frm a:hover {background: #383838;color: #fff;border: 1px solid #383838;cursor: pointer;}
.dt-sc-subscribe-frm a {position: relative;height: 40px;background: #ee3030;border-radius: 4px;border: 1px solid #ee3030;color: #ffffff;text-transform: capitalize;font-size: 15px;right: 2px;padding: 6px 20px 9px;display: inline-block;margin-top: 5px;}
.dt-sc-subscribe-frm input {width: 74%;margin-right: 5px;border-radius: 4px;font-size: 14px;color: #4c4c4c;padding: 10px 0 10px 10px;background: #f3f3f3;border: none;display: inline-block;}
.showText_lienhe{max-width: 100%;}
.menu > li > ul{display: none;}
.footer_top .pagewrap>p{max-width: 100%;}
.viewmore{margin-top: 15px;}
.lang_top{float: right;padding-top: 12px;}
.lang_top li {margin: 0 4px;display: inline-block;}
.lang_top li img{width: 25px;}
.bottom_id_copyright p{color: #fff!important;}
.fb_dialog_content iframe{bottom: 40px!important;    right: 0px!important;}
.fb_iframe_widget iframe{bottom: 95px!important;}
@media only screen and (max-width: 1199px) {
    * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
    .pagewrap{width: 100%;padding: 0 10px;}
    .l-header .pagewrap{padding: 0;}
    .text-subscribe img{width: 18.5%}
    .menu, .dv-menu-left { display: none; }
    .box_menu{width: 100%;}
    .mn-mobile {display: inline-block !important;padding: 5px;position: relative;height: 40px;line-height: 28px;float: left;border-radius: 4px;}
    .mn-mobile img { width: 30px }
    .mn-mobile-new {display: inline-block !important;padding: 0 10px;position: relative;height: auto;line-height: 28px;float: left;border-radius: 4px;}
    .mn-mobile-new img {width: 25px;}
    .c-tin-ad{width: 100%;padding: 20px 10px;}
    .pro_home_id{padding: 0;}
    .detail-sp iframe{max-width: 100%;}
}
@media only screen and (max-width: 991px) {
    .logo{width: unset}
    .hotline_header{width: 32%}
    .middle-footer .text-subscribe, .middle-footer .form_km{width: 100%;}
    .text-subscribe img {
        width: 20%;
    }
}
@media only screen and (max-width: 767px) {
    .footer_top ul.contact_footer, .footer-r-a{width: 100%;}
    .newsletter_home .col-md-7 img{width: 70px;}
    .newsletter_home .col-md-7 h6{font-size: 15px;}
    .flex_header{flex-direction: column-reverse;display: flex;float: right;width: 70%;}
    .hotline_header {width: 100%;float: right;text-align: right;margin: 0;}
    .timkiem_top {width: 100%;float: right;margin: 0;}
    .policy .item-policy>a{display: none;}
    .home-about .about-r, .home-about .about-l{width: 100%;}
    .flex_direction2 {flex-direction: column-reverse;display: flex;padding: 20px 10px!important;}
    .left-menu, .right-text {width: 100%;}
    .flex_direction{flex-direction: column-reverse;display: flex;}
}
@media only screen and (max-width: 600px) {
    .one_new_home_video{width: calc(100% - 20px) !important;margin: 10px;}
    .about-l .showText p{padding: 0;}
    .sp-list-f.pro_home_id ul{    width: calc(100% / 3 - 20px);}
    .left_contact, .right_contact{width: 100%;padding: 0 10px;}
}
@media only screen and (max-width: 479px) {
    .newsletter_home .col-md-7 img {width: 60px;}
    .ab_image{font-size: 15px;margin: 10px 0;}
    .logo {width: 100%;text-align: center;}
    .flex_header{padding-bottom: 10px;width: 100%;}
    .sp-list-f.pro_home_id ul{    width: calc(100% / 2 - 20px);}
    .dt-sc-subscribe-frm input{width: 70%;}
    .text-subscribe .text {width: 100%;}
    .hinhanh_view, .fs-dtinfo{width: 100%;}
    .product-view-ad .price_pro h4{padding: 0;}
    #sharelink{padding-top: 0;}
    .img-l, .title_r{width: 100%;}
    .thuvienanh_id ul{    margin: 10px;width: calc(100% / 2 - 20px);}
    .logo img{width: 50%}
    .footer_top ul.contact_footer>a{position: relative;    margin-right: 0;float: left;text-align: left;}
    .footer_top .pagewrap .contact_footer img{width: 110px;}
}
@media only screen and (max-width: 400px) {
    .dt-sc-subscribe-frm input{width: 65%;}
    .search .input_search{font-size: 13px;}
}
@media only screen and (max-width: 319px) { }