@import "font.css"; @import "css-trick.css"; @charset "utf-8"; body { margin: 0px auto; padding: 0px auto; font-size: 16px; line-height: 27px; font-family: 'Roboto'; font-weight: normal; color: #363738; }
* { 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; }
.plist { border: 0px solid #cecece; margin: 5px 0 0 0; float: left; min-height: 200px; padding: 0; }
.home-about-f-a { max-width: 1300px; padding: 0; }
.pagewrap .video_id_top h3 { text-align: left; margin-bottom: 5px; margin-top: 20px; }
.thuvienanh_id ul li img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); transition: 0.5s; }
.thuvienanh_id.id_video_a ul p { color: #333; font-style: italic; font-size: 15px; line-height: 25px; }
.thuvienanh_id.id_video_a ul h3 { text-align: left; margin-bottom: 7px; font-weight: 600; }
.thuvienanh_id.id_video_a ul { padding: 10px; background: #fff; margin-bottom: 30px; border: solid #ececec 1px; margin: 0 10px 20px 10px; width: calc(100% / 3 - 20px); box-sizing: border-box; }
.new_right.ad-r-album ul h3 a:hover { color: #ed1e28; }
.new_right.ad-r-album ul h3 { float: left; width: 100%; font-weight: 500; font-size: 15px; color: #1f6a3f; line-height: 22px; margin-bottom: 0; text-align: left; margin-top: 7px; }
.new_right.ad-r-album ul li { list-style: none; line-height: 0; float: inherit; width: 80%; position: relative; margin: 0; border-bottom: none; padding-bottom: 0; }
.left_faq ul li a:hover { color: red; }
.new_right.ad-r-album ul h3 a { color: #1f6a3f; }
.plist li.pitem a { display: block; margin: 5px auto; padding: 0px; height: 135px; width: 200px; border: 1px solid #1f6a3f; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 100%; }
.pitem b { font-weight: 400 }
.plist li.pitem { float: left; margin: 10px; padding: 0; width: calc(100% / 4 - 20px); box-sizing: border-box; list-style-type: none; text-align: center; }
.ad-t-album { margin-bottom: 25px }
.ad-t-album span.sv_member { padding: 10px; font-size: 15px; }
.ad-t-album p { padding: 10px; }
.ad-t-album h3 { color: #1f6a3f; font-size: 23px; padding-left: 10px; }
.tab a.active { background-color: #1f6a3f; color: #fff; border-right: none; }
.tab a:hover { background-color: #1f6a3f; color: #fff; transition: 0.5s; }
.tab a { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; transition: 0.3s; font-size: 18px; border-right: 1px solid #fff; position: relative; display: block; text-align: center; vertical-align: middle; padding: 10px 25px 12px; line-height: 25px; text-transform: capitalize; }
.page_conten_page .bg-blue-ad { background: #ebf5ea }
.tab a:last-child { border-right: none; }
.tab { border: none; background: #fff; width: 100%; display: inline-block; }
.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; }
.tab button:hover { background-color: #ddd; }
.tab button.active { background-color: #ccc; }
.titile_page .cart_navigation .btn:hover { border: 1px solid #991a20; background: #9c1b21; }
#sp-lq .pro_home_id ul { float: left; width: 191px; position: relative; border: solid #eee 1px; padding: 5px; -webkit-transition: all .3s ease; min-height: 320px; background: #fff; margin: 5px; }
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ececec; border-top: none; }
.topright { float: right; cursor: pointer; font-size: 28px; }
.topright:hover { color: red; }
.heading-counter { border: 1px solid #ddd; padding: 10px; }
table, th, td { border: 1px solid #ccc; }
.box_menu.fixed {position: fixed;top: 0 !important;z-index: 6;background: #fff;-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);width: 100%;/* -webkit-animation-name: fadeInDown; *//* animation-name: fadeInDown; */webkit-animation-duration: 1s;/* animation-duration: 1s; *//* -webkit-animation-fill-mode: both; *//* animation-fill-mode: both; */}
.box_menu.fixed .right_header { margin-top: 10px; }
.box_menu.fixed .logo_top img { height: 50px; }
.box_menu.fixed .social img { margin-top: 7px; }
.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: 0; text-transform: uppercase; color: #333; font-size: 17px; text-align: center; font-weight: 500; }
.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; }
table { width: 100%; }
.table-cart-footer td { text-align: right; }
#cartTamTinh, #cartTongTien { color: red; font-size: 18px; }
.box-voucher-input { text-align: right; padding: 10px 0; }
.box-voucher-input .txt-voucher { vertical-align: middle; height: 30px; width: 130px; border: 1px solid #ccc; padding: 0 5px; }
.btn.btn-red { color: #fff; border: 1px solid #ed1e28; background: #ed1e28; padding: 5px 12px; text-transform: uppercase; cursor: pointer; }
.cart_navigation { float: right; margin: 20px 0; }
.cart_navigation .btn-gray { background: #1f6a3f; color: #fff; padding: 3px 12px 5px; border: 1px solid; }
.titile_page .cart_navigation .btn { padding: 10px 20px; }
.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; }
.cart_summary .price div, #cartRowPrice_969208 { color: red; text-align: center; font-size: 18px; }
.titile_page { width: 1200px; margin: auto; padding: 50px 0 70px; }
.cart_summary .cart_product { width: 10%; }
.cart_summary .cart_description { width: 40%; }
.cart_summary .price { width: 15%; }
.cart_summary .qty { text-align: center; width: 15%; }
.cart_summary .price { width: 15%; }
.cart_summary .action { width: 5%; text-align: center; }
.clr { clear: both; }
ul { padding: 0px; }
img { border: 0; }
.fa-play-circle:before { padding-right: 7px; }
.pagewrap { position: relative; width: 1200px; margin: 0 auto; }
.page_conten_page { padding-top: 30px; padding-bottom: 30px; }
.padding_pagewrap { padding: 0 10px; }
.showText p, .chitiet_sp ul P { padding-bottom: 15px; font-size: 15px; line-height: 18px; }
.showText img { margin: 0 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: auto;}
.banner li { float: left; width: 100%; height: calc(100vh - 80px); list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative; }
.banner li:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(30, 106, 63, 0.5); transition: .3s all ease; z-index: 0; }
.posBL { left: 0px; bottom: 0px; }
.pagiBanner { position: relative; left: 0; right: 0; bottom: 130px; margin: auto; width: auto; text-align: center; z-index: 2; }
.tintuc-ad-detail.tintuc_home_id ul p { margin-top: 5px; font-size: 14px; }
.tintuc-ad-detail .tintuc-ad-r h3 { text-align: left }
.list-sp { margin: 0 5px; color: #ddd; font-size: 10px; }
.text-muted { color: #777; font-size: 13px; }
.list-details { margin-top: 6px; padding: 6px 0px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
.tintuc-ad-detail .tintuc-ad-r { width: 75%; float: right; }
.tintuc-ad-detail.tintuc_home_id ul li { width: 23%; float: left; border: none; }
.tintuc-ad-detail.tintuc_home_id ul { margin: 0; float: inherit; width: 100%; clear: both; padding-bottom: 15px; border-bottom: 1px solid #e4e4e4; margin-bottom: 15px; }
.tintuc-ad-detail.tintuc_home_id ul.last-child { border-bottom: none; }
.footer_top .social img:hover { border: 1px solid #fff000; transition: 1s; }
.right-ints .right-ints-l img:hover, .right-ints .right-ints-r img:hover { filter: grayscale(100%); }
.tintuc_home_id ul li img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); transition: 0.5s; }
.banner_sp_home ul a:hover { background: #1f6a3f }
.pagiBanner a, .pagiBanner_2 a, .pagiBanner_3 a { display: inline-block; vertical-align: text-top; width: 10px; height: 10px; background: #ffffff52; 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: #1F6A3F; }
.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 }
.box_title_banner { position: absolute; top: 9%; 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: 42%; }
.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: 50px; line-height: 60px; font-weight: 600; color: #ffffff; padding-bottom: 10px; letter-spacing: 0; font-family: 'Play', sans-serif; text-shadow: 2px 2px #000000; }
.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: 150px; 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; }
.box_menu .social img { width: 11%; border: 1px solid #ececec; border-radius: 50%; margin: 0 3px; margin-top: 17px; filter: grayscale(100%); }
.box_menu .social img:hover { border: 1px solid #1f6a3f; transition: 1s; filter: brightness(100%); }
.box_menu .social { position: absolute; top: 0; left: 0; width: 30%; }
.box_menu_a { width: 1200px; margin: auto; position: relative; }
.box_menu { padding: 10px 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; background: #fff; }
.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: 1200px; margin: auto }
.conten .page_conten_page .photo-ad-f ul h3 { margin-bottom: 0; height: 56px; overflow: hidden; color: #1f6a3f; margin: 6px 0 0; }
.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: 10px;float: left;width: calc(100% / 3 - 20px);border: 1px solid #ececec;padding: 10px;background: #fff;}
.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; margin: auto; text-align: center; width: 84%; }
.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; }
.menu > li { float: left; }
.menu > li > a { display: block; height: 40px; line-height: 50px; position: relative; z-index: 2; font-size: 19px; text-decoration: none; text-transform: uppercase; color: #000000; font-weight: normal; padding: 0 20px; font-weight: 400; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 1px; color: inherit; font-size: 11px; padding-left: 5px; }
.menu > li:hover > a { color: #1F6A3F; }
.menu > li:hover > a:after { left: 0; right: 0; opacity: 1; }
.menu > li:hover > ul, .menu li:hover > ul { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }
.menu > li.active > a { color: #C800C8; }
.menu > li.active > a:after { left: 0; right: 0; opacity: 1; }
.menu > li > ul > li > a:hover, .menu > li li > ul > li > a:hover { color: red }
.menu > li > ul, .menu > li > ul ul { position: absolute; top: 100%; left: 17px; opacity: 0; visibility: hidden; min-width: 200px; z-index: 3; margin: 0; padding: 0; padding-top: 7px; display: block; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform-origin: center top 0px; -moz-transform-origin: center top 0px; -webkit-transform-origin: center top 0px; transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); }
.menu > li > ul:before { content: ""; border: solid 7px transparent; border-bottom-color: #e0e0e0; width: 0; height: 0; position: absolute; top: -7px; left: 17px; z-index: 2; display: none; }
.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: #696969; font-weight: 500; font-size: 15px; padding: 0 15px; background: #fff; text-transform: capitalize; }
.menu > li > ul > li:first-child, .menu > li > ul li li:first-child { padding-top: 10px; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; }
.menu > li > ul > li:last-child, .menu > li > ul > li li:last-child { padding-bottom: 10px; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; }
.menu > li > ul > li:last-child > a, .menu > li > ul > li li:last-child > a { border: none; }
.menu > li > ul > li > a, .menu > li > ul > li li a { display: block; white-space: nowrap; color: inherit; line-height: 40px; font-size: inherit; background: rgba(255, 255, 255, 0); border-bottom: solid 1px rgba(255, 255, 255, 0.2); padding: 0 5px 0 0; text-decoration: none !important; text-align: left; font-size: 16px; text-transform: capitalize; }
.menu > li > ul > li > a > span, .menu > li > ul > li li > a > span { float: right; line-height: 40px; padding-top: 13px; }
.menu > li > ul > li:hover, .menu > li li ul > li:hover { z-index: 3; }
.dv-notfull { margin: 0 10px; }
.menu > li > ul > li:hover > a, .menu > li li ul > li:hover > a { padding: 0 12px 0 12px; background: rgba(255, 255, 255, 0.2); border-color: transparent; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 2px; color: inherit; font-size: 11px; }
.menu > li > ul > li > a, .menu > li > li ul > li > a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.menu > li > a, .menu > li > a:after, .menu > li > ul > li > a, .menu > li li > ul > li > a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.menu li.homepage a i { font-size: 25px; margin: 0; padding: 0; padding-top: 10px; }
.menu li.homepage a { padding: 0 10px; }
.menu li.homepage a:hover { color: #ff0; background: none; }
.menu > li > ul ul { left: 100%; top: 0; }
.logo_top { text-align: center; }
.logo_top img { height: 65px; width: auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.right_header { position: absolute; margin: 0; padding: 0; top: 0; right: 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; line-height: 30px; margin-top: 19px; }
.right_header ul li { list-style: none; float: left; border-right: solid #CCC 1px; padding-left: 10px; padding-right: 10px; color: #333; font-size: 11px; text-transform: capitalize; }
.right_header .fa-cart-plus:before { font-size: 25px; color: #333; }
.right_header h3 span { font-size: 15px; color: #fff; background: #1f6a3f; height: 13px; width: 13px; padding: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: -6px; right: 3px; line-height: 12px; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; text-align: center; }
.right_header ul li span { font-size: 14px; }
.right_header ul li a { color: #363738; font-size: 13px; }
.right_header ul li i { padding-right: 10px; font-size: 15px; }
.right_header ul li a:hover { color: #000; 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.5%;margin-top: 20px;}
.contact_lbl .form-control { height: 70px }
.form-control { display: block; width: 100%; height: 40px; padding: 0px 20px; font-size: 14px; line-height: 1.42857143; color: #363738; background-color: #f9f9f9; background-image: none; border-bottom: 1px solid #ccc; resize: vertical; box-sizing: border-box; text-transform: capitalize; border-top: 0; border-left: 0; border-right: 0; font-family: 'Montserrat', sans-serif, Roboto Condensed; 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 .tintuc_home_id ul:hover h3 { opacity: 1; transition: 0.5s }
.home-sp-slide .pagewrap .placeSlide_main h3 a {color: #fff;font-size: 23px;font-weight: 400;text-align: center;text-transform: uppercase;}
.home-sp-slide .pagewrap .placeSlide_main h3 { position: absolute; bottom: 43%; left: 0; background: rgba(31, 106, 63, 0.7); margin-bottom: 0; width: 100%; padding: 18px 0; opacity: 0; }
.pagewrap h3 { text-align: center; margin-bottom: 30px; font-size: 23px; }
.title_page_2, .title_page_21 { font-size: 35px; color: #000000; line-height: 25px; margin: 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; padding-bottom: 15px; text-align: center; position: relative; }
.div-sep-wrap { position: relative; display: table-cell; vertical-align: middle; height: 6px; width: 100%; }
.box_right_menu ul { border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.box_right_menu ul li { list-style-type: none; border-bottom: 1px dotted #ccc; margin: 8px; padding-bottom: 8px; }
.box_right_menu ul li .fa-minus:before, .box_right_menu ul li .fa-plus:before { font-size: 10px; padding-right: 7px; }
.box_right_menu ul li:last-child { border-bottom: none }
.box_right_menu ul li a { color: #000; text-transform: capitalize; }
.box_right_menu ul li a:hover { color: #ff0000 }
.box_right_menu > div { display: table; margin: 0 0 15px; overflow: hidden; }
.div-sep { position: relative; display: block; width: 100%; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; height: 4px; margin-top: 5px; background: rgb(224, 224, 224); }
.title_right_pro_view { float: left; display: table-cell; margin: 0; padding: 0 12px 0 0; line-height: normal; white-space: nowrap; font-size: 23px; color: #1f6a3f; font-weight: bold; }
.box_right_menu { width: 21%; float: right; margin-top: 15px; }
.box_left_bv { width: 75%; float: left; background: #f5f2e7; padding: 30px 15px; border-radius: 10px; }
.title_page_21 { margin-bottom: 20px }
.title_page_2:after { content: ''; display: block; width: 100%; max-width: 125px; height: 7px; margin: 15px auto 0; background: url(../images/icon/wavy_line.png) left top repeat-x; background-size: cover; }
.a-view-1 { margin-top: 20px }
.a-view { margin-top: 20px; margin-left: 190px; }
.a-view a, .a-view-1 a { color: #000; border: 1px solid #000; padding: 7px 20px 10px; border-radius: 50px; font-weight: 600; }
.a-view a:hover, .a-view-1 a:hover { background: #1f6a3f; border: 1px solid; color: #fff; }
.about-us-left-1 { width: 80%; float: left }
.about-us-left > p > span { color: #127542; font-weight: 600; }
.about-us-left > p { font-size: 16px; text-align: left; }
.about-us-left > h1 { color: #000000; margin-top: 5px; text-align: right; font-size: 35px; }
.slick-initialized .slick-slide { margin: 10px !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: #1d1d1d; line-height: 44px; margin-top: 35px; font-size: 35px; }
.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-f-a .home-sp-slide .pagewrap { width: 100%; }
.home-about-f-a .home-sp-slide { background-image: url(../delete/frm_green_top.png), url(../delete/frm_green_btm.png); background-position: center top, center bottom; background-repeat: no-repeat; background-size: 100% 50%; margin: 0 15px; padding: 50px; }
.home-about .about-us, .about-us-1 { width: 100%; margin: auto; margin-bottom: 10px; }
.home-about { position: relative; padding: 50px; margin-bottom: 20px; text-align: center; background-image: url(../delete/frm_top.png), url(../delete/frm_btm.png); background-position: center top, center bottom; background-repeat: no-repeat; background-size: 100% 50%; margin: 0 15px; }
.bg_edit_home { position: relative; }
.box_home_top .home-top-md1 { width: 1200px; margin: auto }
.banner_sp_home { float: left; width: 49%; margin: 0.5%; position: relative; }
#box_home_top { width: 100%; margin-bottom: 10px; }
#box_home_top > div.homead-bg { background: url(../delete/songbien1.png) center no-repeat; padding: 130px 0 135px; position: relative; margin-top: -10%; background-size: cover; display: flex; z-index: 1 }
.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; }
.banner_sp_home ul { left: 0; right: 0; z-index: 1; color: #fff; padding: 0 0px 0 20px; }
.banner_sp_home ul h3 { text-transform: uppercase; font-size: 27px; line-height: 40px; font-weight: bold; color: #fff; font-family: Roboto; }
.banner_sp_home ul p { font-size: 16px; line-height: 28px; font-weight: 400; color: #fff; margin-bottom: 20px; }
.banner_sp_home ul a .fa-angle-right:before { padding-left: 10px; }
.banner_sp_home ul a { background: #ed1e28; padding: 10px 20px 13px; border-radius: 5px; 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/slide-banner.jpg) center center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding: 80px 0; position: relative; }
.newsletter_home:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(30, 106, 63, 0.7); transition: .3s all ease; z-index: 0; }
.newsletter_home h3 {text-transform: uppercase;line-height: 0px;font-size: 35px;text-align: center;font-weight: 600;color: #ffffff;padding-bottom: 10px;width: 100%;}
.newsletter_home p { line-height: 35px; font-size: 18px; text-align: center; font-weight: 600; color: #fff; text-transform: uppercase; }
.newsletter_home ul { width: 80%; margin-top: 20px; }
.newsletter_home ul h2 { margin-top: 20px; display: inline-block; }
.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: #1f6a3f; }
.col-md-7 { width: calc(100% / 3 - 20px); float: left; margin-left: 10px; color: #666; margin-right: 10px; }
.home-tinnoibat .tintuc_home_id ul h3 a { text-transform: uppercase; color: #1f6a3f; line-height: 24px; }
.home-tinnoibat .tintuc_home_id ul p { text-align: center }
.fa-calendar:before { color: #ed1e28; }
.home-tinnoibat .pagewrap h3 { margin-bottom: 0 }
.home-tinnoibat .tintuc_home_id ul { width: calc(100% - 20px); }
.box_home_2 { padding-top: 45px; padding-bottom: 30px; }
.home-blogs .tintuc_home_id ul { width: calc(100% - 20px); }
.home-blogs .tintuc_home_id ul h3 a { color: #696969; text-align: left; font-size: 17px; }
.tintuc_home_id ul {margin: 10px;float: left;width: calc(100% - 20px);box-sizing: border-box;}
.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: 38%; position: relative; margin: 0; border-bottom: none; padding-bottom: 0; }
.showText { padding: 10px; }
.new_right ul h3 a:hover { color: #ed1e28; }
.new_right ul:last-child { border-bottom: none; }
.new_right ul h3 span { font-size: 13px; color: #777; font-style: italic; clear: both; display: block; }
.new_right ul h3 { float: right; width: 58%; font-weight: 500; font-size: 15px; color: #333; line-height: 22px; margin-bottom: 0; text-align: left; }
.new_right ul li img { transition: all 1s; width: 100%; height: 100%; object-fit: cover; }
.new_right ul h3 a { color: #333; 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; }
.pagewrap .bg-blue-ad { background: #ebf5ea; }
.tintuc_home_id.tintuc-ad-f ul { margin: 0 10px 20px 10px; float: left; width: calc(100% / 3 - 20px); border: solid #ececec 1px; box-sizing: border-box; padding: 10px; background: #fff; }
.tintuc_home_id ul li, .tintuc_home_id ul li img { border: solid #eee 1px; list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; height: auto; width: 99.5%; 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%; }
.box_more .tintuc_home_id ul h4 { padding-bottom: 0; }
.pagewrap .box_more .tintuc_home_id h3 { height: auto; }
.pagewrap .tintuc_home_id h3 { margin-bottom: 5px; overflow: hidden }
.tintuc_home_id ul h3 a { text-align: left; color: #1f6a3f; font-weight: 600; font-size: 17px; text-transform: capitalize; line-height: 28px; padding-bottom: 0px; 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; }
.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: 10px 0 5px; text-transform: capitalize; line-height: 30px; }
.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: calc(100% / 2 - 20px); 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;position: relative;}
.home-maps-full .right-ints { width: 57%; float: right; }
.right-ints h2 { text-align: center; color: #000000; margin-top: 0; font-size: 30px; margin-bottom: 15px; }
.right-ints .fa-instagram:before { padding-right: 10px; }
.home-maps-full .left-maps { width: 40%; float: left; }
.home-maps-full { width: 1200px; margin: auto; }
.home-maps-ft { background: #f5f2e7; padding: 50px 0; }
.placeNav_2, .placeNav_3, .placeNav_4, .placeNav_5 { position: absolute; top: 40%; z-index: 3; color: #1f6a3f; font-size: 50px; line-height: 21px; text-align: center; background: none; opacity: 0; border: 2px solid #1f6a3f; border-radius: 50%; width: 32px; height: 32px; }
.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: -23px; }
.placeNav_2.next, .placeNav_3.next, .placeNav_4.next, .placeNav_5.next { right: -23px; 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: #1f6a3f; }
.placeSlide_main { position: relative; }
.placeSlide, .placeSlide_doiac, .placeSlide_1, .placeSlide_2 { width: 1300px; }
.footer_top ul.contact_footer p i.fa-map-marker:before { border: 1px solid #ccc; padding: 6.5px 10px; border-radius: 50%; }
.footer_top ul.contact_footer p i.fa-envelope-o:before { border: 1px solid #ccc; padding: 6.5px 7px; border-radius: 50%; }
.footer_top ul.contact_footer p i.fa-phone:before { border: 1px solid #ccc; padding: 6px 8px; border-radius: 50%; }
.footer_top ul.contact_footer p i.fa-mobile:before { content: "\f10b"; font-size: 22px; border: 1px solid #ccc; padding: 3px 9.3px; border-radius: 50%; }
.ab-ad {position: relative;background: rgba(0, 0, 0, 0.3);width: 100%;height: auto;}
.home-sp-slide .tintuc_home_id ul > a > i.fa-play-circle:before {content: "\f144";position: absolute;font-size: 50px;color: #ffffff;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.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: 11%; border: 1px solid #ececec; border-radius: 50%; margin: 0 3px; margin-top: 0px; }
.footer_top ul li a:hover { color: #fff000 }
.footer_top ul li { list-style: none; border-bottom: dotted #ffffffb5 1px; padding-bottom: 12px; margin-bottom: 12px; font-size: 14px; line-height: 20px; }
.footer_top ul li:last-child { border-bottom: none }
.footer_top ul li a { color: #FFF; display: block; font-size: 15px; }
.footer_top ul.contact_footer p i { padding-right: 10px }
.footer_top ul.contact_footer p a { color: #fff }
.footer_top ul.contact_footer p a:hover { color: #fff000 }
.footer_top { background: rgba(0, 0, 0, 0.7); padding: 40px 0; }
.footer_top ul { float: left; margin: 0 40px; width: 410px; }
.footer_top ul iframe { width: 100%; height: 260px; }
.footer_top ul.face_bottom { width: 300px; margin: 0; }
.footer_top ul.contact_footer { width: 410px; margin: 0; }
.footer_top ul.contact_footer p { color: #fff; font-size: 15px; margin: 12px 0px; }
.footer_top ul.contact_footer p img { width: auto; height: 100px; margin-bottom: 10px; }
.footer_top ul h4 { color: #fff; font-weight: 100; font-size: 16px; }
.footer_top ul h3 { color: #ffffff; font-weight: 600; font-size: 22px; text-transform: uppercase; padding-bottom: 0; position: relative; text-align: left; margin-bottom: 4px; }
#sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; padding-top: 20px; margin-top: 20px; border-top: solid #eaeaea 1px; height: 35px; }
.sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; text-align: center; padding-top: 10px; height: 35px; }
.sharelink a img { background: #000000; border: solid #fff 4px; padding: 3px; margin-right: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; opacity: 0.6; }
.sharelink img:hover { background: #ed1e28; opacity: 10; }
.bottom_id_copyright { text-align: center; padding: 7px 0; background: #1f6a3f; color: #ffffffb5; }
.bottom_id_copyright a { color: #ffffffb5; font-weight: normal; }
.bottom_id_copyright a:hover { color: #FFF000; text-decoration: underline; }
#back-top { position: fixed; bottom: 30px; right: 10px; z-index: 1; }
#back-top a { display: block; width: 40px; line-height: 40px; background: #ed1e28; 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%; }
#back-top a:hover { color: #fff; background: #484646; }
.box_home_th { padding-top: 30px; padding-bottom: 20px; }
.box_home_th_2 { background: #f8f8f8; padding-top: 30px; padding-bottom: 20px; }
.pro_home_id ul { float: left; margin: 10px; width: calc(100% / 3 - 20px); box-sizing: border-box; position: relative; border: solid #eee 1px; padding: 10px; -webkit-transition: all .3s ease; min-height: 320px; background: #fff; }
.pro_home_id ul:hover { border: solid #1f6a3f 1px; }
.pro_home_id ul:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); transition: 0.5s; }
.pro_home_id_2 ul { float: none; margin: 0 0 20px 0; width: auto; position: relative; }
.pro_home_id ul p { color: #666; font-size: 13px; 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; overflow: hidden; display: block; }
.pro_home_id ul li img { height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
.pro_home_id ul h3 a { color: #333; font-weight: 600; font-size: 15px; padding: 8px 0; text-transform: capitalize; line-height: 23px; padding-bottom: 5px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: block; }
.pro_home_id ul h3 a:hover { color: #ed1e28; }
.pro_home_id ul h4 { color: #ed1e28; font-weight: 600; font-size: 16px; padding: 0; text-transform: uppercase; line-height: 26px; 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; }
.pro_home_id ul:hover h3, .tintuc_home_id ul h3 a:hover { color: #ed1e28; }
.pro_home_id ul h4 span { color: #878787; font-weight: normal; font-size: 13.5px; text-decoration: line-through; padding-left: 10px; }
.more_pro h3 { text-align: center; margin-top: 10px; }
.more_pro h3 a { box-shadow: inset 0 -5px 0 0 rgb(255, 255, 255); border-radius: 50px; margin-top: 0px; vertical-align: middle; font-size: 16px; font-weight: 500; padding: 5px 40px; letter-spacing: 0.025em; color: #1f6a3f; background-color: #ffffff; 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: 20px; }
.more_pro h3 a:hover { color: #fff; background-color: #1f6a3f; box-shadow: inset 0 -5px 0 0 rgb(28, 86, 52); transition: 0.5s; }
.more_pro h3 a i { padding-left: 8px; }
.discount-tag span { font-size: 15px; }
.discount-tag { top: -5px; right: 15px; position: absolute; background: #ed1e28; width: auto; padding: 5px 6px; color: #FFF; font-weight: 500; text-align: center; user-select: none; -webkit-user-select: none; -moz-user-select: none; cursor: default; z-index: 1; font-size: 12px; line-height: 20px; max-width: 35px; font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif; text-transform: capitalize; text-align: center; width: 35px; }
.discount-tag:after { position: absolute; content: ""; width: 0; height: 0; border-left: 25px solid transparent; border-right: 22px solid transparent; border-top: 7px solid #ed1e28; top: 30px; right: 0px; }
.discount-tag:before { 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; }
.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; font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; }
.row-frm select { height: 45px; width: 100%; }
.pagewrap .pro_home_id h3 { text-align: center; margin-bottom: 0; }
.link_title { padding-top: 225px; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding-bottom: 30px; position: relative; }
.link_title:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); transition: 1s 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%; }
.link_title ul li a { color: #fff; font-size: 16px; text-transform: capitalize; padding: 0 5px; }
.link_title ul li a:hover { color: #fff; text-decoration: underline; }
.link_title ul li { color: #fff; padding-top: 20px; list-style: none; padding-left: 10px; text-align: center; line-height: 20px; }
.link_title ul li i { padding-right: 10px; }
.title_news { border-bottom: solid 1px #E6E6E6; margin-bottom: 15px; }
.title_news h2 { font-size: 20px; line-height: 35px; font-weight: 600; color: #1f6a3f; text-transform: uppercase; margin-bottom: 10px; }
.title_news li { font-size: 16px; color: #666; list-style: none; list-style: none; background: url(../images/icon_day.png) center left no-repeat; padding-left: 25px; margin-bottom: 10px; font-style: italic; }
.tintuc_home_box_2 .title_page_2 { font-size: 26px; }
.title_news p { line-height: 28px; color: #000; font-size: 18px; font-style: italic; font-weight: 500; padding-bottom: 15px; }
.nums { table-layout: auto; margin-top: 0px; text-align: center; margin-bottom: 0px; }
.nums li { list-style: none; display: inline-table; }
.nums a { font-size: 16px; display: block; margin: 0 6px 0 0; padding: 5px; line-height: 25px; height: 35px; width: 35px; table-layout: inherit; text-align: center; color: #060606; background: #efefef; text-decoration: none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.tintuc_home_box_2 .pagewrap, .placeSlide { width: 100% }
.tintuc_home_box_2 .tintuc_home_id ul { margin: 0 10px 20px 10px; float: left; width: calc(100% - 20px); box-sizing: border-box; border: solid #ececec 1px; padding: 10px; background: #fff; }
.nums a:hover, .nums a.active, .nums a.stay:hover { background: #1f6a3f; color: #ffffff; }
.nums a.stay { color: #060606; background: #efefef; }
.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 55px; font-family: 'Montserrat', sans-serif, Roboto Condensed; resize: vertical; box-sizing: border-box; font-size: 14px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }
.formBox li textarea { padding: 10px 10px 10px 45px; height: 210px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
.contact .left input { width: 100%; }
.contact .right input, .contact .right textarea { width: 100%; }
.preview-maps-f img { height: 40px; position: absolute; top: -7px; margin-left: 20px; display: inherit; }
.preview-maps-f { position: relative; }
.formBox li:after { content: ""; position: absolute; top: 0px; left: 10px; width: 45px; height: 50px; 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"); }
.formBox .button { float: right; text-transform: uppercase; font-size: 15px; padding: 0 25px; margin-left: 10px; height: 40px; line-height: 40px; margin-top: 10px; color: #FFF; background: #1f6a3f; 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: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15); }
.formBox .button:hover { color: #FFF; background: #691111; }
.formBox li span { position: absolute; right: 0; top: 0; line-height: 42px; padding: 0 10px; font-weight: 500; z-index: 2; letter-spacing: 1px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; }
.left_contact { float: left; width: 42%; }
.left_contact ul { float: left; width: 270px; background: #F6F6F6; padding: 20px; margin-bottom: 20px; color: #666; font-size: 16px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; margin-right: 20px; line-height: 25px; min-height: 85px; box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.15); }
.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: 1200px; 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: 600; text-transform: uppercase; font-size: 22px; color: #1f6a3f; margin-bottom: 10px; line-height: 30px; text-align: left; }
.right_contact { float: right; width: 55%; }
.map_cotact iframe { display: block; width: 100%; height: 400px; margin-top: 20px; }
.tintuc_home_box_2 { background: #f1f1f1; padding: 40px 0 20px; }
.checked { color: orange; }
.viewLeft { width: 50%; float: left; position: relative; z-index: 0; }
.buy-cart-input { float: left; margin-right: 0px; }
.buy-cart-input .box-qty { height: 40px; border: 1px solid #999; width: 70px; position: relative; }
.buy-cart-input .box-qty .quantity { width: 50px; border: 0; padding: 0; height: 40px; text-align: center; font-size: 18px; background: #fff; }
.buy-cart-input .box-qty .qty-plus { background: #999; color: #fff; font-family: Courier; height: 20px; width: 20px; display: block; position: absolute; top: -1px; right: -1px; text-align: center; line-height: 20px; font-size: 16px; cursor: pointer; }
.buy-cart-input .box-qty .qty-minus { background: #999; color: #fff; font-family: Courier; height: 20px; width: 20px; display: block; position: absolute; bottom: -1px; right: -1px; text-align: center; line-height: 20px; font-size: 16px; cursor: pointer; }
.add_to_cart > h3, .quantity h3 { float: left; background: #1f6a3f; color: #fff; text-transform: uppercase; font-size: 18px; font-weight: 500; height: 42px; line-height: 42px; padding: 0 14px; margin: 0 17px; }
.add_to_cart a .quantity h3 a { color: #fff; font-size: 17px; }
.add_to_cart p { color: #ed1e28; text-align: left; font-size: 23px; margin: 0; padding: 15px; background: #fff; border-radius: 4px; margin-top: 13px; margin-bottom: 20px; }
.add_to_cart p span { display: block; color: #666; font-size: 16px; }
.add_to_cart > h4 { float: left; background: #ed1e28; color: #fff; text-transform: uppercase; font-size: 18px; font-weight: 500; height: 42px; line-height: 42px; padding: 0 13px; }
.add_to_cart a { color: #fff; }
.add_to_cart > h4 .fa-cart-plus:before { padding-right: 5px; }
.viewRight { width: 48%; 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; border: 0; padding: 0; height: 40px; text-align: center; font-size: 18px; background: #fff; }
.quantity p { padding: 10px 0 5px 0; border-top: dotted 1px #ddd; font-size: 16px; text-transform: uppercase; }
.quantity .minus { font-size: 25px; }
.quantity .plus { top: 0; right: 0; cursor: pointer; }
.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; }
#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: 0; }
.listDesc { margin-bottom: 15px; box-shadow: inset 0 -5px #E6E6E6; }
.listDesc a { text-transform: uppercase; font-size: 20px; display: inline-block; line-height: 40px; margin-right: 20px; padding-bottom: 5px; box-shadow: inset 0 -5px #646464; color: #999; }
.titleView { background: url(../images/line-menu.png) repeat-x left bottom; position: relative; padding: 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; }
.add_to_cart > h3:hover { background: #9c1b21 }
.add_to_cart > h4:hover { background: #9c1b21 }
.add_to_cart { margin-top: 15px; }
#bridal_images { border: 1px solid #CCC; background: #fff; padding: 5px; width: 100%; height: auto; overflow: hidden; margin-bottom: 12px; box-sizing: border-box }
#bridal_images_list li:hover { border: 1px solid #999; background: #fff }
#bridal_images img { border: none; width: 100% !important; height: auto; margin: 0 auto }
#bridal_images_list { display: block; width: 100%; float: left; position: relative }
#bridal_images_list img { height: auto !important; 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 10px 20px 10px; float: left; width: 280px; }
.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%; border-bottom: solid #1f6a3f 2px; }
.thuvienanh_id ul h3 {color: #333;font-weight: normal;font-size: 17px;margin-top: 10px;text-transform: capitalize;line-height: 25px;padding-bottom: 0px;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;}
.thuvienanh_id ul:hover h3 { color: #ed1e28; }
.title_dm { margin-bottom: 25px; }
.title_dm ul h3 { font-size: 35px; 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; }
.link_title .acti { color: #fff000; }
.box_right_menu ul li a.acti, .check_yt { color: #ff0000; }
.pro_home_id_slider ul { width: calc(100% - 10px); }
#cart_list h2 { text-transform: uppercase; font-size: 18px; line-height: 30px; font-weight: normal; color: #9d9d9d; padding-bottom: 14px; }
#cart_list { background: #fff; margin-bottom: 10px; padding: 15px; }
#cart_list tr { background: #ffffff; }
#cart_list tr a { color: #333; font-weight: normal; font-size: 14px; text-transform: capitalize; line-height: 22px; display: block; }
#cart_list tr a:hover { color: #00afef; }
#cart_list th { background: #1f6a3f; color: #fff; font-weight: normal; padding: 10px 5px; font-size: 14px; text-align: center; line-height: 25px; }
table, th, td { border: 1px solid #99999952; }
#cart_list td { padding: 5px 10px; text-align: center; color: #444; font-size: 15px; line-height: 25px; }
#cart_list tr:nth-child(even) { background-color: #f2f2f2; }
#cart_list td input { width: 25px; padding: 3px 5px; text-align: center; border: solid 1px #dedede; font-size: 17px; }
#cart_list tr:hover { background-color: #f8f8f8; }
#cart_list td img { width: 100%; height: auto; border: none; }
#cart_list td a.pro_del { background: #9d9d9d; font-size: 17px; padding: 8px 14px; font-weight: normal; color: #fff; }
#cart_list td a.pro_del:hover { background: #F37435; color: #fff; }
#cart_list td #pro_sum { float: right; font-size: 18px; margin-right: 36px; font-weight: normal; }
#cart_list td #pro_sum label { color: #F37435; font-size: 23px; font-weight: normal; }
#cart_list td a.pro_del.mar { margin: 0px 0px; }
#cart_list td a.pro_del.float { float: left; padding: 2px 15px; }
.dv-table-reposive button.pro_del { width: auto; padding: 5px 10px; background: #333333; color: #fff; border: none; font-size: 13px; cursor: pointer; margin: 0 auto; border-radius: 3px; }
.lightgallery div { width: calc(100% / 4 - 20px); margin: 10px; box-sizing: border-box; text-align: center; }
.album-zoom-gallery a img { border: 1px solid #1f6a3f; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 100%; }
.album-zoom-gallery b { font-weight: 400; }
.box_title_banner img { width: 100%; height: auto; }
.showText iframe { max-width: 100%; }
.ab-ad:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.3);transition: .3s all ease;z-index: 0;}
.conten{
    transition: .3s all ease;
}
@media only screen and (max-width: 1199px) { * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
    .pagewrap, .home-about-f-a, .home-maps-full, .box_home_top .home-top-md1, .box_menu_a, .ad-hoidap-f, .right_home .page_conten_page { width: 100%; padding: 0 10px; }
    .page_conten_page { margin-top: 20px; margin-bottom: 20px; }
    .menu { display: none; }
    .mn-mobile { display: inline-block !important; padding: 5px; position: relative; height: 40px; line-height: 28px; margin-top: 5px; float: right; background-color: #2a8400; border-radius: 4px; margin-right: 10px; }
    .mn-mobile img { width: 30px }
    .footer_top ul.contact_footer, .footer_top ul, .footer_top ul { width: calc(100% / 3 - 20px); box-sizing: border-box; margin: 10px 0; }
    .footer_top ul { margin: 0 20px; }
    .right_header h3 span { height: 18px; width: 18px; }
    .add_to_cart > h4 { padding: 0 10px; }
    .add_to_cart > h3, .quantity h3 { margin: 0 10px; }
    .box_right_menu { width: 23%; }
    .left_faq, .right_faq { width: 47%; }
    .logo_top img{height: 50px;}
    .box_menu.fixed .social, .box_menu.fixed .right_header{/* display: none */}
    .showText{overflow: hidden}
    .showText img{width: 100% !important;height: auto!important;}
    .footer_top{padding: 10px 0;}
    .bangdo_poup iframe{width: auto;height: 300px;}
}
@media only screen and (max-width: 991px) {
    .banner_sp_home, .banner_sp_home, .about-us-left, .about-us-right, .about-us-left-1, .about-us-right-1, .home-maps-full .left-maps, .home-maps-full .right-ints { width: 100%; margin: 0; }
    .a-view { margin-left: 0; margin-bottom: 20px; }
    .footer_top ul.contact_footer, .footer_top ul, .footer_top ul,
    .tintuc_home_id.photo-ad-f.mix ul, .thuvienanh_id.id_video_a.mix ul{ width: calc(100% / 2 - 20px); }
    .lightgallery div { width: calc(100% / 3 - 20px); }
    .about-us-right-1 h1 br{ display: none; }
    .home-maps-full .left-maps, .home-maps-full .right-ints, .home-maps-ft{padding: 10px 0}
}
@media only screen and (max-width: 767px) { .newsletter_home ul h2 a { margin-left: 0; }
    .newsletter_home ul h2 { margin-left: 25% }
    .footer_top ul.contact_footer, .footer_top ul, .footer_top ul { width: calc(100% - 20px); }
    .logo_top a { float: left; width: 100%; }
    .logo_top { text-align: unset; }
    .box_menu .social { position: relative; float: left; }
    .mn-mobile { position: absolute; top: 0px; right: 0; }
    .box_right_menu, .box_left_bv { width: 100%; }
    .link_title {padding-top: 100px;}
    .right_header{top: 45px}
    .box_menu .social img{width: 20px}
    .logo_top img, .box_menu.fixed .logo_top img {height: 40px;}
    .home-about{padding: 30px;margin: 10px;}
    .home-about-f-a{padding: 0}
    .home-about-f-a .home-sp-slide{padding: 20px 0}
    .title_page_21{margin: 0}
    .box_home_2{padding: 20px 0}
}
@media only screen and (max-width: 600px) { .right-ints .right-ints-l, .right-ints .right-ints-r, .left_contact, .right_contact { width: 100%; }
    .lightgallery div { width: calc(100% / 2 - 20px); }
    .left_faq, .right_faq{ width: calc(100% - 20px); }
}
@media only screen and (max-width: 479px) { .col-md-7.row-frm { width: 100% !important; }
    #box_home_top > div.homead-bg{ margin-top: -2%; }
    .bg_footer{ background-size: cover!important; }
    .about-us-left > p, .desc.wb-content p, .add_to_cart p, .ad-t-album p{line-height: 30px;}
    .placeSlide_3 .owl-item ul i:before{line-height: 30px!important;top: 45% !important;}
    .footer_top ul.contact_footer p, .footer_top ul li, .footer_top ul li a{font-size: 22px;}
    .tintuc_home_id ul h4{line-height: 22px}
    .banner_sp_home iframe{width: 100%;height: 230px}
    .about-us-left > h1{text-align: center;font-size: 30px}
    .link_title {padding-top: 50px;}
    .right_header .fa-cart-plus:before{font-size: 19px}
    .right_header ul li a{font-size: 11px;}
    .logo_top {padding-top: 5px;}
    .mn-mobile {margin-top: 0;height: 35px;}
    .mn-mobile img{    width: 25px;}
    .right_header ul li{font-size: 9px;padding : 0 3px;}
    .logo_top img, .box_menu.fixed .logo_top img {height: 30px;}
    #box_home_top > div.homead-bg{background: url(../delete/songbien-mobile2.png) center no-repeat;background-size: 100% 100%;
        z-index: 1;margin-top: -35px;padding: 70px 0 30px;}
    .box_menu .social {position: fixed;right: 5px;z-index: 99999;width: unset;top: 100px;left: unset;}
    .box_menu .social a {display: block;}
    .box_menu .social img{float: right;background: #f1c7c8;filter: unset;}
    .right_header{top: 0; right: 55px;margin-top: 5px;}
    .box_menu.fixed .social img{margin-top: 17px;}
    .box_menu.fixed .right_header{margin-top: 5px;}
}
@media only screen and (max-width: 350px) {
    .logo_top img, .box_menu.fixed .logo_top img{height: 20px}
}
@media only screen and (max-width: 319px) { }