body{
	-moz-user-select: none !important;
	-webkit-touch-callout: none!important;
	-webkit-user-select: none!important;
	-khtml-user-select: none!important;
	-moz-user-select: none!important;
	-ms-user-select: none!important;
	user-select: none!important;
 	
}

/* effect */
.box { position: relative; transition: 0.5s; -webkit-transition: 0.5s }
.box >a.link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10 }
.box::before, .box::after { width: 100%; height: 100%; z-index: 1; content: ''; position: absolute; top: 0; left: 0; box-sizing: border-box; -webkit-transform: scale(0); transition: 0.5s }
.foo::before { border-bottom: 3px solid #0DB227; border-left: 3px solid #0DB227; -webkit-transform-origin: 0 100% }
.foo::after { border-top: 3px solid #0DB227; border-right: 3px solid #0DB227; -webkit-transform-origin: 100% 0% }
.bar::before { border-bottom: 1px solid #0DB227; border-left: 1px solid #0DB227; -webkit-transform-origin: 100% 0% }
.bar::after { border-top: 1px solid #0DB227; border-right: 1px solid #0DB227; -webkit-transform-origin: 0% 100% }
.box:hover::after, .box:hover::before { -webkit-transform: scale(1) }

/* class common */
.overflow { overflow: hidden; }
.maxwidth { margin: 0 auto; }
.maxwidth1 { margin: 0 auto; }
.paddl_0 { padding-left: 0 !important; }
.paddr_0 { padding-right: 0 !important; }
.line { height: 0px; border: 1px dashed #cecece; margin: 20px 0; }
.inline { display: inline-block; }
.tt_shadow { text-shadow: 1px 0 0 #fff, -1px 0 0px #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
.tt_shadow1 { text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }
.tbl { display: table; height: 100%; width: 100%; }
.tbl .cell { display: table-cell; vertical-align: middle; }
ul{/* padding: 0; */}
/* ----back to top--- */
#top { width: 41px; height: 41px; background: url(../images/top.png); position: fixed; right: 16px; bottom: 50px; cursor: pointer; display: none; z-index: 100; }

/* ----main layout---- */
.wrapper { margin: auto; width: 100%; position: relative; }
#wrapper { margin: auto; }
#content { margin: 20px 0 30px; }
#info { position: relative; padding-bottom: 20px; }
.container-left { position: relative; }
.container-right { position: relative; }
.content { border: thin solid #eaeaea; border-radius: 5px; margin-bottom: 20px; background: #fdfdfd; }
.content_wrap { padding: 15px; }
.content_wrap img { height: auto; }
.product_special img,.product-info-spec img { height: auto; }
.product_special *:not(h1):not(h2):not(h3) { max-width: 100%; /* font-size: 16px !important; */line-height: 1.5em !important; }
.product-info-spec *:not(h1):not(h2):not(h3){/* font-size: 14px !important; */line-height: 1.5em !important;}
.content * { max-width: 100%; }

/* ---- */
.map-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.map-container iframe, .map-container object, .map-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ---breadcums--- */
#breadcrumbs { position: relative; background-color: #f5f5f5; font-family: Montserrat; }
#breadcrumbs ol { position: relative; margin: 0 auto; background: none; }
#breadcrumbs ol a { color: #000; }
#breadcrumbs ol a:hover { color: #f00; }

/* ---titile--- */
.tt_main { position: relative; margin: 0px 0 20px;/* padding-left: 20px; */ text-align: center; }
.tt_main .title:before {	/* content: ''; */position: absolute; right: 100%; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 40px 20px; border-color: transparent transparent #0DB227 transparent; }
.tt_main .title:after { content: ''; height: 3px; width: 100%; background: #0db227; position: relative; display: block; margin: 0px auto; }
.tt_main .title { margin: 0; position: relative; font-size: 28px; color: #252525; font-family: UTMHelvetIns; text-transform: uppercase; line-height: 40px; display: inline-block; }
.tt_main .all { color: #0DB227; font-family: 'RR'; display: inline-block; position: absolute; right: 0px; top: 15px; font-style: italic; text-decoration: underline !important; }
.tt_main .all:hover { color: #d61818; }
.tt_main ul { position: absolute; right: 90px; top: 15px; }
.tt_main ul li { list-style: none; display: inline-block; padding: 0 7px; border-right: thin solid #d71820; line-height: 18px; }
.tt_main ul li:last-child { border: none; }
.tt_main ul li a { font-family: 'RR'; font-size: 14px; color: #d71820; }
.tt_main ul li a:hover { text-decoration: underline !important; }
.tt_main1 { position: relative; margin: 0px 0 20px; text-align: center; padding-bottom: 45px; background: url('../images/tt_bg.png') bottom center no-repeat; }
.tt_main1 .title { margin: 0; position: relative; font-size: 29px; color: #393939; font-family: 'RB'; text-transform: uppercase; line-height: 35px; display: inline-block; padding: 0 25px; }
.tt_main2 { position: relative; margin: 0px 0 20px; padding-bottom: 0px; border-bottom: 3px solid #E77C7E; }
.tt_main2 .title { margin: 0; position: relative; font-size: 20px; color: #d71820; font-family: 'RB'; text-transform: uppercase; line-height: 35px; display: inline-block; }
.tt_end { position: relative; margin: 0px 0 10px; }
.tt_end .title { position: relative; color: #068000; display: inline-block; text-transform: uppercase; font-family: SFUClearGothicBold; font-size: 30px; height: 45px; line-height: 45px; }
.tt_end .title:after {	/* content: ''; */position: absolute; height: 4px; width: 100px; left: 0px; bottom: 0px; background: #d9c301; }
.tt_news { position: relative; background: url(../images/tt_end.png) center repeat-x; margin-bottom: 20px; margin-top: 20px; }
.tt_news .title { margin: 0; font-family: 'avo_b'; font-size: 25px; text-transform: uppercase; color: #2359c6; background: #fff; position: relative; padding-right: 20px; display: inline-block; }
.tt_news .title:after { content: ''; position: absolute; left: 100%; top: calc(50% - 8px); width: 15px; height: 16px; background: #2359c6; }

/* --search-- */
.search { position: absolute; right: 0; top: 0px; height: 30px; border-left: thin solid #65c635; border-right: thin solid #65c635; padding: 0 15px; }
.search i { color: #fff; font-size: 25px; line-height: 30px; }
.search:hover #timkiem { display: block; }
#timkiem { display: block; position: relative; margin-top: 27px; right: 0; width: 100%; max-width: 220px;/* background:#fff; */ border: thin solid #b9b9b9; font-family: 'RR'; border-radius: 20px; float: left; overflow: hidden;}
#timkiem input { background: none; border: none; height: 30px; padding: 0px 10px; color: #060606; width: calc(100% - 56px); float: left; outline: none; }
#timkiem input:focus { outline: none }
#timkiem button { border: none; background: none; color: #fff; height: 30px; width: 55px; box-sizing: border-box; position: relative; outline: none; float: right; text-align: center; font-size: 18px; }
#timkiem button i { line-height: 30px; }
#timkiem button i { color: #0db227; }
.frm_timkiem_m { display: block; padding: 5px 15px; }
.frm_timkiem_m input { background: #fff; border: solid 1px #ffffff; height: 30px; padding: 0px 10px; box-sizing: border-box; color: #666; border-radius: 0; }
.frm_timkiem_m button { border: solid 1px #d60101; background: #d60101; color: #fff; height: 30px; box-sizing: border-box; padding: 0px 16px; position: relative; }

/* --mxh-- */
.social { margin-top: 27px; }
.social img { vertical-align: middle; margin-left: 5px; }
.social-bt { }
.social-bt span { margin-right: 15px; }
.social-bt img { position: relative; margin-left: 2px; }

/* --thongke-- */
.box_tk { padding: 20px; border: thin dotted #ff6161; border-radius: 10px; text-align: center; }
#thongke { position: relative; font-size: 13px; margin: 0; display: inline-block; text-align: left; }
#thongke li { position: relative; list-style: inside; color: #fff; display: inline-block; padding: 0 10px; border-right: thin solid; line-height: 11px; }
#thongke li:last-child { border: none; margin: 0 }
#thongke img { position: relative; top: 0px; margin-right: 5px }
#thongke span { color: #fdfdfd; font-weight: bold; display: inline-block; margin-left: 5px; font-family: 'OPB'; }

/* --newsletter-- */
.box_dkemail { position: relative; padding: 80px 0 120px; color: #fff; background: url('../images/untitled-1-4488.jpg') fixed center  no-repeat #ffffff; background-size: cover; }
.box_dkemail:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); }
.dangkymail { position: relative; font-family: Montserrat; }
.dk_left { margin: 20px 0px; }
.dk_left p { margin: 0; text-align: center; }
.tt_dk { font-size: 30px; text-transform: uppercase; font-family: Montserrat; text-align: center; position: relative; font-weight: 500; color: #fff; }
.tt_dk:after { content: ''; height: 3px; width: 245px; background: #0db227; position: relative; display: block; margin: 7px auto; }
.dknhantin { position: relative; margin: 0 auto; padding: 0px; }
.dknhantin input:not(.btn-newsletter) { background: none; border-radius: 0px; border: thin solid #D5D5D5; height: 40px; padding: 0px 10px; color: #fff; outline: none; margin-right: 10px; display: inline-block; width: 25%; float: left; border-radius: 20px; }
.dknhantin input:not(.btn-newsletter):focus { outline: none; }
.btn-newsletter { border: none; background: #0db227; color: #ffffff; height: 40px; width: 22%; position: absolute; outline: none; text-align: center; right: 5px; border-radius: 20px; bottom: 2px; font-weight: 500; font-size: 15px; text-transform: uppercase; }
.btn-newsletter:hover { background: #f00; color: #fff }
.dknhantin *::-webkit-input-placeholder { color: #fff; }
.dknhantin *::-moz-placeholder { color: #fff; }
.dknhantin *:-ms-input-placeholder { color: #fff; }
.dknhantin *:-moz-placeholder { color: #fff; }

/* --partner-- */
.support { padding: 30px 0px; background: #ffffff; }
.support-slider { margin: 0 auto !important; display: none;/* max-width: 1100px; */ }
.support-slider .item { box-sizing: border-box; padding: 0 7px; text-align: center; }
.support-slider  .item img { width: 100%; background: #fff; border: thin solid #D9D9D9; }
.support-slider .slick-prev { width: 22px; height: 44px; background: url(../images/left1.png) !important; left: -25px; opacity: 1; }
.support-slider .slick-next { width: 22px; height: 44px; background: url(../images/right1.png) !important; right: -25px; opacity: 1; }
.support-slider .slick-prev:before { content: ''; }
.support-slider .slick-next:before { content: ''; }

/* ---menu left--- */
#left { position: sticky; top: 70px; left: 0; margin-bottom: 20px; }
.moudle-left { margin-bottom: 20px; }
.moudle-left .navi-left { padding: 0; }
.danhmuc { background: url(../images/left_bg.png) repeat-y; padding: 0px 0 0px; margin-bottom: 20px; }
.tt_gt { position: relative; margin: 0px auto 0px; width: calc(100%); height: 40px; line-height: 40px; background: url(../images/tt_left.png); background-size: 100% 100%; padding: 0px 10px 0px  10px; }
.tt_gt .title { margin: 0; font-size: 16px; color: #fff; font-family: 'RB', Tahoma; line-height: 40px; text-transform: uppercase; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#danhmuc { width: 270px; float: left; background: #FFFFFF; }
#danhmuc .dm_tit { background: #0DB227; text-align: center; font-family: RB; text-transform: uppercase; color: #fff; line-height: 40px; }
#slider_wrap { width: 920px; float: right; }
ul.cateUl { width: 100%; margin: 0 auto; font-family: 'RR'; padding: 0; border: thin solid #f3f0f0; }
ul.cateUl::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
ul.cateUl::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
ul.cateUl::-webkit-scrollbar-thumb { background-color: #0DB227; }
ul.cateUl >li { position: relative; display: block; padding: 0px 0; border-bottom: thin solid #eae8e8; }
ul.cateUl >li:last-child { background: none; }
ul.cateUl >li >a { display: block; font-size: 14px; color: #333333; text-transform: capitalize; font-family: RB;/* line-height: 30px; */ font-weight: bolder; padding: 13px 0; padding-left: 14px; }
ul.cateUl >li >a.has_child:after { content: '\f107'; font-size: 13px; color: #262626; font-family: FontAwesome; position: absolute; right: 10px; top: 15px; }
ul.cateUl >li >a >img { float: left; margin-right: 10px; margin-top: 5px; }
ul.cateUl >li >a span { display: block; font-family: RR; font-size: 12px; color: #808080; text-transform: capitalize; clear: left; }
ul.cateUl>li ul { }
ul.cateUl>li ul>li { display: block; position: relative }
ul.cateUl>li ul>li:before { content: ''; position: absolute; top: 44%; left: 17px; height: 6px; width: 6px; background: #000000; }
ul.cateUl>li ul>li > ul >li:before { content: ''; position: absolute; top: 18px; left: 35px; height: 6px; width: 6px; background: #56b600; }
ul.cateUl>li ul li > a { font-size: 13px; font-family: Montserrat; display: block;/* height: 40px; */ line-height: 30px; padding: 5px 0; padding-left: 30px; color: #353535; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../images/li_bg.png) bottom center no-repeat; font-weight: 500; }
ul.cateUl>li ul li ul li a { font-size: 13px; display: block; height: 35px; line-height: 35px; text-indent: 20px; color: #393939; text-transform: capitalize; background: none; }
ul.cateUl>li ul li>a:hover { color: #f00 !important; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
ul.cateUl>li>a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #0db227; }
.active1 { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #f00 !important; font-weight: bold }

/* ---header--- */
.header { background-size: cover !important; }
.header_top { background: #f3f3f3; padding: 5px 0; line-height: 30px; color: #000000; font-size: 14px; font-family: 'RR', 'Arial'; /* padding-top: 100px; */ }
.header_top .slogan { max-width: 50%; float: left; }
.header_top .slogan marquee { font-size: 15px; display: block; height: 30px; }
.header_top .menu_header { display: inline-block; float: right; position: relative;z-index: 9999999}
.header_top .menu_header ul { margin: 0 }
.header_top .menu_header li { display: inline-block; background: url('../images/menu_line.jpg') right center no-repeat; }
.header_top .menu_header li:last-child { background: none; }
.header_top .menu_header li a { display: block; color: #000; padding: 0 10px; }
.header_top .menu_header li a:hover { color: #0db227; }
#cart a { color: #fff; }
#cart i { padding: 0 0px 0 8px; color: #fff; font-size: 17px; }
#cart span { padding: 0 8px 0 0; color: #ff0; }
#header-midle { position: relative; }
.header-midle { position: relative; padding: 5px 0; background: #fff; }
.header-midle i { color: #0db227; }
.header-midle .logo img { position: relative;/* z-index: 99999; */	/* margin-top: 7px; */max-height: 80px; }
.header-midle .logo { position: relative; float: left; }
.header-midle .banner { position: relative; float: left; font-family: 'Montserrat';/* padding-left: 80px; */ }
.header-midle .banner img { }
.header-midle .email { text-align: right; font-family: 'RR'; font-size: 14px; color: #c4c4c4; font-style: italic; margin-top: 42px; }
.header-midle .email i { font-size: 18px; }
.header-midle .banner .mxh { text-align: right; }
.header-midle .banner_r { width: 290px; float: right; margin-top: 20px; font-size: 13px; }
.header-midle .banner_r .cart_b { text-align: left; display: inline-block; float: right; }
.header-midle .banner_r .cart_b a { color: #fff; }
.header-midle .banner_r .cart_b b { display: block }
.box_user { position: relative; max-width: 180px; }
.box_user .btn-signin { color: #ffffff; display: inline-block; padding: 0 3px; }
.box_user .btn-signin:hover { color: #f00; }
.box_user ul li { list-style: none; }
.header-midle .hotline { margin-top: 10px; position: relative; font-family: Montserrat; font-size: 13px; color: #676767; display: inline-block;/* padding: 8px 0; */ background: url('../images/hotline.png') left center no-repeat; padding-left: 44px; margin-left: 60px; float: left; }
.header-midle .hotline p { margin: 2px 0 -4px; color: #383838 }
.header-midle .hotline b { color: #c50000; font-size: 20px; font-weight: normal; display: block; font-family: UTMHelvetIns; }
.header-midle .cart { color: #060606; font-size: 15px; float: left; margin-left: 60px; margin-top: 30px; }
.header-midle .cart a { color: #000000; font-size: 15px; }
.header_r { position: relative; float: right; }
#lang { margin-left: 5px; float: right; }

/* menu */
.mm-opening .wrapper:before { display: none }
nav#menu { background: #0DB227; }
nav#menu ul li a, .mm-title { font-family: 'Montserrat'; font-size: 14px; color: #fff; text-transform: uppercase }
.mm-title { font-size: 20px; color: #fff !important }
nav#menu ul li a img { border: thin solid #fff; border-radius: 50%; background: #fff; margin-right: 10px }
nav#menu ul li a:hover { background: rgba(255, 255, 255, 0.1) }
.menu-l { width: auto; display: inline-block }
nav:not(.mm-menu) { display: none }
.mn_rp { position: fixed; display: none; top: 90px; left: 0; right: 0; z-index: 999999999; background: #0DB227; box-shadow: 0 0px 5px 0 #e2e2e2; }
.lang { position: absolute; right: 80px; top: 15px; }
.mn_rp .cart { position: absolute; right: 20px; top: 8px; }
.mn_rp .cart a { color: #ffffff; }
.mn_rp .cart i { font-size: 19px; border: thin solid #ffffff; border-radius: 50%; width: 35px; height: 35px; line-height: 35px; text-align: center; }
.mn_rp .cart span { font-size: 13px; color: #ffffff; position: absolute; right: -10px; top: -2px; }
.mn_rp img { max-height: 100%; }
.menu_rp { padding: 0 10px; height: 55px; position: relative; top: 0px; z-index: 0; line-height: 55px; color: #fff !important; font-size: 18px; display: block; text-align: center; }
.ico { color: #fff; position: relative; z-index: 99; }
.ico i { font-size: 27px; line-height: 40px; padding: 3px 15px; top: 4px; left: 0px; position: absolute; border-radius: 0; color: #fff; }
.mn_rp #lang { font-size: 17px; }
.mn_rp #lang span { position: relative; top: -5px; }
.mn_rp #lang span a i { font-size: 20px; margin-right: 10px; color: #fff; line-height: 30px; display: inline-block; }
.mn_rp #lang i.fa-phone { font-size: 25px; }
.mn_rp #lang a.cart { color: #fff; }
span#lang { position: absolute; top: 7px; right: 20px; text-align: center; z-index: 1; text-shadow: none; color: #fff; font-weight: bold; font-size: 23px; }
#menu_top.active_top { position: fixed; width: 100% !important; top: 0; z-index: 9998; margin-top: 0 !important; box-shadow: 0 0 2px #c1c1c1; }
#menu_top.active_top  .logo { top: 0; transform: translateX(-50%); }
#menu_top.active_top  .logo img { width: 90px }
#menu_top { margin: 0px 0 0px !important; position: relative; font-family: 'RB', Tahoma; z-index: 999; width: 100% !important; height: 50px; left: 0; background: #0DB227; border-bottom: thick; }
#menu_top .logo_m { transform: scale(0); height: 100%; opacity: 0; padding: 4px; background: #fff; box-sizing: border-box; margin-right: 10px; }
#menu_top #myslidemenu { margin: 0 auto; position: relative; }
#menu_top ul#nav { position: relative; padding: 0; margin: 0; height: 50px; }
#menu_top ul#nav:after {/* content: ''; */position: absolute; left: 100%; top: 0; width: calc((100vw - 1200px - 17px)/2); height: 79px; background: url('../images/menu_bg.png'); }
#menu_top ul#nav:before {/* content: ''; */position: absolute; right: 100%; top: 0; width: 279px; height: 57px; background: url('../images/menu_bf.png'); }
#menu_top #myslidemenu:before {/* content: ''; */position: absolute; right: 100%; top: 35px; width: calc((100vw - 1200px - 17px)/2); height: 22px; background: url('../images/menu_bf_1.png'); }
#menu_top ul#nav li { list-style: none; }
#menu_top ul#nav >li { }
#menu_top ul#nav >li:last-child { background: none; }
#menu_top ul#nav >li { display: inline-block; text-transform: uppercase; text-align: center; font-size: 15px; padding: 0px 0px !important; height: 50px;/* border-left: thin solid #eceaea; */ float: left; background: url(../images/menu_line.png) right center no-repeat; }
#menu_top ul#nav >li >a { position: relative; display: block; padding: 0px 15px !important; position: relative; color: #ffffff; font-weight: 700; line-height: 50px; height: 50px; text-align: center; }
#menu_top ul#nav >li >a span { display: block; }
#menu_top ul#nav >li >a.menu_active { color: #fff !important; background: #ff0000; }
#menu_top ul#nav >li:hover >a { color: #fff !important; background: #ff0000; }
#menu_top ul#nav >li >ul li { height: auto !important; border: thin #4ebf60 solid; margin-bottom: -1px; }
#menu_top ul#nav >li >ul li a { background: #0db227; color: #fff; transition: all 1s; text-transform: uppercase; font-family: 'OPR'; }
#menu_top ul#nav >li >ul li:hover>a { color: #fff !important; background: #036312; }
.noboder { border: none; }
.vach_menu { background: url(../images/menu_line.png) right center no-repeat; }
.active_top .logo_m { transform: scale(1) !important; opacity: 1 !important; float: left !important; }

/* --slider main-- */
#slider { position: relative; max-width: 100%; }
.img_home img { width: 100%; }

/* .amazingslider-text-box-1 { display: none !important; }
.amazingslider-arrow-left-1 { width: 61px !important; height: 62px !important; background: url(../images/b_left.png) !important; z-index: 99; }
.amazingslider-arrow-right-1 { width: 61px !important; height: 62px !important; background: url(../images/b_right.png) !important; z-index: 99; } */
.amazingslider-text-bg-0 { background-color: rgba(0, 0, 0, 0.65) !important; }

/* ---footer--- */
.ft-top-col:nth-child(4n + 1) { clear: both; }
.ft_menu { margin-bottom: 1.5em; }
.ft_menu { margin: 0; padding: 0; margin-bottom: 15px; }
.ft_menu li {/* display: block; */list-style: none; padding-left: 15px; background: url(../images/left_icon.png) left center no-repeat; }
.ft_menu li a { display: inline-block; color: #ffffff; font-family: RR; padding: 3px 0; text-transform: capitalize; }
.ft_menu li a:hover { color: #ff0; }
.ft_menu .hotline { margin-right: 20px; }
.ft_top { padding: 25px 0; background: #eaeaea; background: url(../images/ft_bg.jpg); border-bottom: thin solid #0f6f02; }
.ft_top .ft_top_small { font-family: 'RB'; font-size: 15px; color: #000; text-transform: uppercase; margin-bottom: 10px; position: relative; padding-bottom: 6px; }
.ft_top .ft_top_small a { color: #fff; }
.ft_top .ft_top_small a:hover { color: #ff0; }
#footer { margin: auto; color: #ffffff; padding: 35px 0 10px; background: url(../images/ft_bg.jpg); font-family: 'Montserrat'; border-top: thin solid #17a204; }
#footer a {color: #fff }
#footer a:hover { color: #ff0; }
#footer .tt_ft { font-family: UTMHelvetIns; font-size: 25px; color: #f7f7f7; text-transform: uppercase; margin-bottom: 15px; position: relative; }
#footer .tt_ft_small { font-family: 'RB'; font-size: 15px; color: #fff; text-transform: uppercase; margin-bottom: 10px; position: relative; padding-bottom: 6px; }
#footer .tt_ft_small:before { content: ''; height: 1px; width: 50px; background: #fff; margin-right: 10px; position: absolute; left: 0; bottom: 0; }
.ft-col { font-family: Montserrat; color: #999999; margin-bottom: 20px; font-size: 13px; }
.ft-col {	/* margin: 0px 0 0; */ }
.ft-col .info { margin: 10px 0 0; padding: 0; }
.ft-col .info li { font-size: 14px; font-family: 'RR'; padding: 5px 0 5px 0px; list-style: none; }
.ft-col .info li a { color: #fff; }
.ft-col .info li a:hover { color: #f00; }
.ft-col .info_ft { padding: 5px 0 5px 60px; font-size: 14px; color: #fff; min-height: 50px; line-height: 22px; }
.ft-col .info_ft span { display: block }
.info_ft.address_ft { background: url('../images/address.png') left center no-repeat; }
.info_ft.hotline_ft { background: url('../images/phone.png') left center no-repeat; }
.info_ft.email_ft { background: url('../images/email.png') left center no-repeat; }
.footer_end { line-height: 25px; color: #fff; background: #B00000; position: relative; width: 100%; bottom: 0; left: 0; font-size: 13px; padding: 7px 0; }
.footer_end b { color: #fff; }
.copy { color: #fdfdfd; font-size: 12px; margin-top: 10px; }
.ft_hl { min-height: 55px; background: url('../images/ft_phone.png') left center no-repeat; padding-left: 60px; margin-top: 20px; }
.ft_hl b { display: block; font-family: 'RB'; font-size: 24px; }

/* --contact-- */
.title-index { width: 100%; margin: 15px 0px 10px 0px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #cdcdcd; color: #00aeef; height: 33px; }
.title-index img { float: left; margin-right: 10px; }
.title-index  h4 { margin: 0; font-family: 'RR', sans-serif; font-weight: 400; padding-right: 30px; color: #0DB227; text-transform: uppercase; font-size: 16px; display: inline-block; height: 36px; line-height: 36px; }
.title-left h2 span { font-family: 'RR', sans-serif; color: #008445; display: inline-block; height: 35px; line-height: 35px; border-bottom: 5px solid #008445; }
.title-left h2 { border-bottom: 1px solid #008445; margin-bottom: 20px; }
.form_contact { padding-bottom: 10px; margin-bottom: 10px; border-bottom: dashed 1px #ccc; }
.form_lh label { font-family: 'RR', sans-serif; font-size: 14px; }
.form_lh p { border: thin solid #dfdfdf; }
.form_lh .tflienhe { display: block; width: 100%; padding: 10px 12px; font-size: 14px; line-height: 1.42857143; color: #777777; background: none; border: none; box-sizing: border-box; z-index: 5; position: relative; }
.form_lh .tflienhe:focus { outline: none; }
.captcha_img { margin: 0 3px 0 0; float: left; width: 216px; }
.form_lh { margin-bottom: 20px; }
.button-contact { border: none; padding: 15px 22px; background: #0DB227; color: #fff; cursor: pointer; text-transform: uppercase; }
.button-contact:hover { background: none; color: #0DB227; }
.ta_noidung { background: none; border: none; color: #777777; height: 133px; width: 100%; padding: 10px; box-sizing: border-box; position: relative; z-index: 5; }
.form_lh .ta_noidung:focus { outline: none; }

/*--------------tags---------------------*/
.tags { background: #bb1010; display: inline-block; padding: 5px 5px; line-height: 25px; color: #fff; margin-bottom: 5px; margin-right: 5px; position: relative; }
.tags span { width: 10px; height: 10px; float: left; background: #fff; margin: 7px 10px 0px 0px; border-radius: 100%; }
.tags:hover { background: #FD1F1F; color: #fff; }

/*-----------------product detail-----------------------*/
.product_detail_img { width: calc(100% - 90px); }
.product_detail_img_sub { width: 85px; }
.product-pic { position: relative; }
.zoom-gallery { text-align: center; margin: 0 auto; /* padding: 3px; border: thin solid #dfdfdf; */ }
.zoom-gallery-slide { display: none; }
.zoom-gallery-slide.active { display: block; }
.zoom-gallery .video-slide { position: relative; padding-bottom: 94.25%; padding-top: 30px; height: 0; overflow: hidden; }
.zoom-gallery .video-slide iframe, .zoom-gallery .video-slide object, .zoom-gallery .video-slide embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* .zoom-gallery .selectors { text-align: center; margin: 10px 0; }
.zoom-gallery .selectors a { margin: 5px; border: 1px solid transparent; display: inline-block; }
.zoom-gallery .selectors a:hover, .zoom-gallery .selectors a.active { border-color: #ccc; }
.zoom-gallery .selectors img { box-shadow: none !important; filter: none !important; -webkit-filter: none !important; height: 75px; max-width: 100%; }
 */.zoom-gallery .selectors a[data-slide-id=video-1], .zoom-gallery .selectors a[data-slide-id=video-2] { position: relative; }
.zoom-gallery .selectors a[data-slide-id=video-1] img, .zoom-gallery .selectors a[data-slide-id=video-2] img { opacity: 0.8; }
.zoom-gallery .selectors a span { position: absolute; color: #fff; text-shadow: 0px 1px 10px #000; top: 50%; left: 50%; display: inline-block; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); font-size: 30px; z-index: 100; }
.video-1:before{position: absolute; color: #fff; text-shadow: 0px 1px 10px #000; top: 50%; left: 50%; display: inline-block; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); font-size: 30px; z-index: 100;}
.product-info { position: relative; }
.slider_product { margin: -5px -5px !important; display: none; }
.slider_product .slick-prev { width: 15px; height: 25px; background: url(../images/left.png) !important; left: 5px; opacity: 1; }
.slider_product .slick-next { width: 15px; height: 25px; background: url(../images/right.png) !important; right: 5px; opacity: 1; }
.slider_product .slick-prev:before { content: ''; }
.slider_product .slick-next:before { content: ''; }
.slider_product .item_s { padding: 5px; }
.product-info { position: relative; }
.product-info-spec { font-family: 'RR', sans-serif; }
.product-info-spec > li { padding: 5px 0px 5px 0px;/*  border-bottom: 1px solid #eee; */ width: 100%; float: left; list-style: none; font-family: 'Montserrat'; }
.product-info-spec li.khuyenmai_detail { max-height: 310px; min-height: 310px; overflow: auto; border: thin solid #dfdfdf; padding: 10px; margin-bottom: 10px }
.product-info-spec li.khuyenmai_detail::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.product-info-spec li.khuyenmai_detail::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.product-info-spec li.khuyenmai_detail::-webkit-scrollbar-thumb { background-color: #0db227; }
.product-info-spec h1 { text-transform: uppercase; margin: 0; font-size: 24px; font-family: Montserrat; color: #000000; font-weight: 700 }
.product-info-spec h2 { text-transform: uppercase; margin: 0; font-size: 24px; color: #000000; font-weight: 700 }
.product-info-spec .masp { color: #000; }
.product-info-spec .masp span { color: #000000; font-family: Montserrat; font-weight: 700; }
.product-info-spec .mota_detail { color: #757575 }
.product-info-spec .gia_detail { font-size: 17px; color: #cd0000; font-family: Montserrat; font-weight: 700 }
.product-info-spec b { color: #333; font-size: 14px; font-family: Montserrat; }
.product-info-spec .giacu_detail { color: #999; text-decoration: line-through; }
.product-info-spec .giacu_detail span { text-decoration: line-through; }
.product-info-spec .baohanh_detail { color: #015DA4; }
.product-info-spec .gia_detail span {/* font-size: 14px; *//* color: #666; */ }
.detail-tool { margin-bottom: 10px; }
.detail-tool .amount_b { margin-bottom: 10px; }
.detail-tool .amount_b label { font-weight: normal; }
.detail-tool .amount_b input { border: thin solid #dfdfdf; border-radius: 3px; height: 28px; line-height: 28px; padding: 0 5px; }

/* --product-- */
.row_pro { margin-left: -5px; margin-right: -5px; }
.product_item { position: relative; margin: 0 0px 20px 0; font-family: 'OPR'; }
.product_item.pro_in { position: relative; margin: 0 0px 20px 0; font-family: 'OPR'; padding: 0 10px; width: 25%; float: left; }
.product_item .img { position: relative; padding: 0px; overflow: hidden; border-bottom: thin solid #dfdfdf; }
.product_item .img img { width: 100%; }
.product_item .img a { outline: none; }
.product_item .bong_sp { height: 8px; width: 100%; left: 0; top: 100%; background: url(../images/bong_sp.png) center no-repeat; }
.product_item .img1 { position: relative; }
.product_item .img2 { z-index: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.product_item h3 { position: relative; margin: 5px 0 5px; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.5s ease 0s; }
.product_item h3 a { color: #262626; font-size: 15px; font-family: Montserrat; display: block; white-space: inherit; line-height: 1.5em; height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 700; }
.product_item h3 a:hover { color: #0db227; }
.product_item .chitiet { display: inline-block; z-index: 99; text-align: center; position: relative; margin: 8px 20px 5px 0; text-transform: uppercase; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.5s ease 0s; }
.product_item .chitiet a { padding: 0px 10px 0 0px; height: 37px; line-height: 37px; background: #154100; color: #fff; font-family: 'RR'; font-size: 14px; display: block; transition: all 0.25s ease 0s; }
.product_item .chitiet a i { display: inline-block; background: #ff0000; height: 37px; float: left; line-height: 37px; padding: 0 8px; margin-right: 7px; }
.product_item .chitiet a:hover { background: #f00 }
.product_item .wrap { position: relative; border: thin solid #dfdfdf; border-bottom: 3px solid #0db227; }
.product_item:hover .wrap { border: 1px solid #0db227; border-bottom: 3px solid #0db227; }
.product_item .inf_ { position: relative; padding: 5px; }
.product_item .desc { margin: 0px 0 8px; /* text-align: justify;  */color: #505050; font-family: 'RR'; line-height: 20px; height: 80px; overflow: overlay; display: block; font-size: 13px !important; }
.product_item .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); background-color: #fff; }
.product_item .desc::-webkit-scrollbar { width: 6px; background-color: #fff; }
.product_item .desc::-webkit-scrollbar-thumb { background-color: #fff; }
.product_item .desc * {
    line-height: 1.5em !important;
    font-size: 14px !important;
    margin-bottom: 0px;
}
.product_item .price { color: #000000; padding: 0px 0px 0px; font-size: 13px; line-height: 30px; position: relative; height: 30px; }
.product_item .price b { color: #f5821e; font-size: 15px; }
.product_item .price span { color: #ea1100; font-weight: 700; font-family: Montserrat; font-size: 15px; }
.product_item .price .cart_p { display: inline-block; float: right; background: #CD2100; padding: 2px 5px; border-radius: 20px; color: #fff; font-family: RR; cursor: pointer; }
.product_item .price .cart_p i { width: 25px; height: 25px; border-radius: 50%; background: #fff; text-align: center; line-height: 25px; color: #E0A400; }
.product_item .price .cart_p:after { content: ''; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; width: 94%; height: 3px; position: absolute;/* FF3.6+ *//* Chrome,Safari4+ *//* Chrome10+,Safari5.1+ *//* Opera 11.10+ *//* IE10+ */ /* for IE *//* W3C */bottom: 0; right: 14px; background: -moz-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* FF3.6+ */ background: -webkit-gradient(linear, 90deg, color-stop(0, FFFFFF), color-stop(65%, CD2100));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* Opera 11.10+ */ background: -ms-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */ background: linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* W3C */ }
.product_item .price .cart_p:hover { background: #FFA800; }
.product_item .price .cart_p:hover:after { background: -moz-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* FF3.6+ */ background: -webkit-gradient(linear, 90deg, color-stop(0, FFFFFF), color-stop(65%, FFA800));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* Opera 11.10+ */ background: -ms-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */ background: linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* W3C */ }
.price-old { color: #838285; padding: 0px 15px 6px; font-size: 13px; height: 25px; }
.price-old span { color: #7c7c7c !important; font-weight: normal !important; text-decoration: line-through; font-family: 'Montserrat' !important; font-size: 12px !important; }
.product_item .pro_cart { display: inline-block; }
.product_item .pro_cart a { display: inline-block; height: 45px; padding: 0 15px; background: none; transition: all 0.5s; line-height: 45px; color: #fff; cursor: pointer; border: thin solid #fff; }
.product_item .pro_cart a:hover { background: #B00707; box-shadow: 0 0 4px 1px #0DB227; }
.product_item:hover .img img { transform: scale(1.1) }
.product_item:hover .pro_cart { bottom: 30px; opacity: 1; }
.product_item .over_lay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.5s; }
.product_item:hover .over_lay { opacity: 1; }
.product_item .over_lay h4 { }
.product_item .over_lay h4 a { font-family: Montserrat; color: #fff; margin-bottom: 20px; }
.product_item .photo { font-family: Montserrat; color: #fff; cursor: pointer; display: block; position: absolute; bottom: -100px; left: 0; padding: 9px 10px; background: rgba(0, 0, 0, 0.7); width: 100%; text-align: center; }
.product_item .photo:hover { background: rgba(255, 0, 0, 0.7) }
.product_item:hover .photo { bottom: 0; }
.product_count { text-align: center; }
.product_count a.button { border: thin solid #272727; border-radius: 20px; display: inline-block; padding: 8px 30px; font-size: 14px; color: #252525; font-family: Montserrat; }
.product_count a.button:hover { background: #000; color: #fff; border: thin solid #fff; }
.sale { position: absolute; width: 50px; height: 21px; background: url(../images/sale.png); text-align: center; color: #fff; font-size: 13px;
    line-height: 21px;
    top: 5px;
    right: 5px;
    z-index: 99;
    font-weight: bold;font-family: arial; }
.product_item .product_frame { position: absolute;left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: 100% 100% !important; }

/* ---video--- */
.box_video { margin-bottom: 20px; }
.box_video:nth-child(3n+1) { clear: both; }
.box_video h3 { text-align: center; font-family: 'RB'; font-size: 15px; text-transform: uppercase; line-height: 1.7em; }
.video { margin: 0px auto 0px; position: relative;/* padding:10px 10px 0px 10px; */	/* background:rgba(255,255,255,0.5); */ }
#video { position: absolute; bottom: 0; left: 0px; height: 35px; width: 100%; opacity: 0; border: thin solid #dfdfdf; }
#vide-iframe { position: relative; }
.nut_video { position: absolute; height: 64px; width: 64px; background: url(../images/nut_video.png); top: calc(50% - 32px); left: calc(50% - 32px) }
.nut_video:hover { opacity: 0.6 }
.video:hover #video { opacity: 1; }
.video a { display: block; line-height: 0px; }

/* ---about home--- */
.gt_box { padding: 50px 0 0px; background: #F4F4F4; }
.gt_home { position: relative; text-align: center; }
.gt_home:after { position: relative; content: ''; display: block; width: 597px; height: 192px; margin: -61px auto -30px; background: url(../images/about_img.png) bottom center no-repeat; }
.gt_home .img { position: relative; text-align: center; display: inline-block; float: left; margin-right: 20px; }
.gt_home .img img { }
.gt_home h3 { margin: 21px 0 20px; padding-bottom: 10px; position: relative; text-align: center; }
.gt_home h3 a { color: #e60505; font-size: 29px; font-family: 'UTMHelvetIns', Tahoma; text-transform: uppercase; }
.gt_home h3 a:hover { color: #0DB227; }
.gt_home .desc { text-align: center; font-size: 14px; line-height: 1.9em; color: #4c4c4c; white-space: inherit; font-family: 'RR'; }
.gt_home .xemthem { margin: 10px 0; text-align: center; position: relative; z-index: 1; }
.gt_home .xemthem a { display: inline-block; transition: all 0.5s; font-family: 'Tahoma'; font-size: 14px; color: #ffffff; text-transform: uppercase; padding: 10px 23px; border: 1px solid #dfdfdf; background: #0DB227; border-radius: 20px; }
.gt_home .xemthem a:hover { color: #fff; background: #508809 }
.gt_right { }
.gt_right .wrap { position: relative; padding: 15px; text-align: center; }
.slide_gt, .gt_thumb { display: none; margin: 0 !important; }
.posi { position: absolute !important; left: 8px; bottom: 8px; padding: 13px 20px; background: rgba(0, 0, 0, 0.5); right: 8px; }
.gt_thumb .item { padding: 5px; }
.gt_thumb .item img { padding: 1px; background: #fff; }
.gt_thumb .slick-prev { width: 8px; height: 20px; background: url(../images/left_1.png) !important; left: -15px; opacity: 1; }
.gt_thumb .slick-next { width: 8px; height: 20px; background: url(../images/right_1.png) !important; right: -15px; opacity: 1; }
.gt_thumb .slick-prev:before { content: ''; }
.gt_thumb .slick-next:before { content: ''; }

/* --item-- */
.dv_item { position: relative; margin: 0 0px 0px 0; overflow: hidden; text-align: center; }
.dv_item .img { position: relative; overflow: hidden; }
.dv_item .img img { margin-top: 23px; display: inline-block; }
.dv_item .img a { display: inline-block; width: 96px; height: 83px; background: url(../images/icon_bg1.png); }
.dv_item h3 { position: relative; text-align: center; margin: 15px 0 10px 0; }
.dv_item h3 a { position: relative; color: #fff; font-size: 17px; text-transform: uppercase; overflow: hidden; line-height: 30px; font-family: 'UTMHelvetIns'; }
.dv_item h3 a:after { content: " "; height: 1px; width: 0; display: block; background: #008445; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; }
.dv_item h3 a:hover { color: #008445; }
.dv_item h3 a:hover::after { width: 100%; }
.dv_item .over_lay { position: absolute !important; bottom: 0; top: 0; left: 0; right: 0; z-index: 111; }
.dv_item .desc { font-family: 'OPR'; font-size: 13px; color: #fff; }
.dv_item:hover img { transform: rotate(360deg); }

/* Shine Hover over*/
.shine .over_lay { position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: 1; }
.shine .over_lay::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.shine:hover .over_lay::before { -webkit-animation: shine .75s; animation: shine .75s; }
.shine .over_lay a { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 99; }
@-webkit-keyframes shine {
	100% { left: 125%; }
}
@keyframes shine {
	100% { left: 125%; }
}

/* ---content end--- */
#content_end { background: url(../images/end_bg.png); padding: 40px 0; position: relative; box-shadow: 0 0 5px 2px #d3d3d3; }
.box_end { float: left; margin-bottom: 20px; }

/* ---map home--- */
.map_home { }
#map_canvas { height: 370px; }
#map_canvas1 { height: 430px; }
.map_icon a { padding: 20px 0 0 30px; background: url('../images/icon_map.png') left bottom no-repeat; margin-top: 20px; display: block; }

/* ---tabs--- */

/* --parallax-- */
.parallax-window { height: 440px; position: relative; padding: 20px; overflow: hidden; }
.top { background: #fff; height: 50px; margin-top: -7px; position: relative; }
.top:after { background: url(../images/cua_duoi.png); height: 7px; margin-top: -7px; content: ''; position: absolute; bottom: 100%; left: 0; right: 0; z-index: 999; }
.bottom { height: 50px; background: #fff; margin-bottom: -7px; position: relative; }
.bottom:after { height: 7px; background: url(../images/cua_tren.png); margin-bottom: -7px; content: ''; position: absolute; top: 100%; left: 0; right: 0; z-index: 999; }
.cont { max-width: 450px; margin: 0 auto; font-family: 'OPR'; font-size: 16px; margin-bottom: 25px; }
.cont .cont_cell { display: table-cell; vertical-align: middle; color: #fff; text-align: center; }

/* ----project--- */
.project_item { float: left; position: relative; box-sizing: border-box; margin: 0; margin-bottom: 20px }
.project_item .wrap_km:before { content: " "; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border: 2px solid transparent; z-index: 100; -webkit-transform: translateZ(0); transform: translateZ(0); transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; opacity: 0; }
.project_item .wrap_km:after { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 100; opacity: 0; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s }
.project_item .wrap_km { position: relative; }
.project_item .img { overflow: hidden; }
.project_item .img img { width: 100%; }
.project_item .img a { display: block; line-height: 0; }
.project_item h3 { margin: 0; position: absolute; top: auto; left: 0; bottom: 0; right: 0; text-align: center; background: rgba(0, 0, 0, 0.6); padding: 6px 15px; overflow: hidden; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.5s ease 0s; }
.project_item h3 a { padding: 6px 0px; width: 100%; color: #fff; font-size: 16px; line-height: 22px; text-transform: uppercase; font-weight: normal; display: table; overflow: hidden; font-family: 'Tahoma'; text-align: center; }
.project_item h3 a span { display: table-cell; vertical-align: middle; }
.project_item .chitiet { text-align: center; position: relative; margin-bottom: -14px; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.5s ease 0s; }
.project_item .chitiet a { width: 88px; height: 27px; line-height: 27px; background: #0069cc; color: #fff; font-family: 'RR'; font-size: 13px; display: inline-block; }
.project_item .over_lay { position: absolute; top: 38%; left: 0; right: 0; z-index: 111; text-align: center; margin-top: -20px; opacity: 0; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; cursor: pointer; }
.project_item .over_lay h4 { font-family: 'Segoe UI', Tahoma; padding: 3px 15px; display: block; text-transform: uppercase; font-size: 25px; color: #fff; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; text-align: center; }
.project_item .over_lay .desc { height: 70px; background: url(../images/project_desc.png) center no-repeat; color: #fff; font-size: 14px; text-align: justify; margin-top: 10px; }
.project_item .over_lay .desc .cont { max-width: 90%; margin: 0 auto; height: 40px; line-height: 20px; overflow: hidden; top: 15px; position: relative; }
.project_item:hover .wrap_km:after { opacity: 1; }
.project_item:hover .wrap_km:before { opacity: 1; top: 5px; left: 5px; bottom: 5px; right: 5px; border: 2px solid rgba(255, 255, 255, 0.8); }
.project_item:hover .chitiet { transform: scale(0); }
.project_item:hover .over_lay { margin-top: 0; opacity: 1; }
.project_item:hover .over_lay h4 { margin-bottom: 0; }
.project_item:hover .over_lay a.xemthem { margin-top: 0; }
.project_item .over_lay a.xemthem:hover { color: #fff; background: rgba(190, 119, 1, 1); }
.project_item:hover .over_lay a.xemthem:hover:after { width: 100%; }
.project_item:hover img { transform: scale(1.1); }
.project_item .wrap { background: #fff; }
.project_item .over_lay h4:after { content: ''; background: rgba(190, 119, 1, 0.6); height: 8px; width: 60px; top: -25px; left: calc(50% - 30px); position: absolute; }
.project_item .over_lay a.xemthem { font-style: normal; font-family: 'RR'; font-size: 15px; margin-top: 60px; display: inline-block; padding: 10px 20px; background: rgba(190, 119, 1, 1); border-radius: 3px; color: #fff; }
.project_item:hover .over_lay a.xemthem { margin-top: 20px !important; }
.project_item:hover h3 { opacity: 0; }
.project_item .over_lay h4:hover { color: rgba(190, 119, 1, 1) }
#at4-share { display: none !important; }

/* --filter-- */
form#adv_ajaxfilter { display: block; font-family: 'OPR' }
#adv_ajaxfilter .option_box { display: inline-block; margin: 0; min-width: 100%; vertical-align: top; border-bottom: solid 1px #eaeaea; }
#adv_ajaxfilter select { width: 99%; }
#adv_ajaxfilter .price_slider { padding: 0 5px; }
#adv_ajaxfilter .price_range { display: block; margin: 5px 0 18px -5px; color: #777777; }
#adv_ajaxfilter .option_values { padding-top: 5px; }
#adv_ajaxfilter .option_name, #adv_ajaxfilter .attribute_group_name { cursor: pointer; padding: 19px 25px 10px 19px; width: 100%; color: #777777; font-size: 14px; position: relative; font-weight: bold; }
#adv_ajaxfilter .attribute_group_name { font-weight: bold; font-size: 15px; }
#adv_ajaxfilter .option_name:after, #adv_ajaxfilter .attribute_group_name:after { content: "\f106"; color: #bbbbbb; font-family: FontAwesome; position: absolute; top: 21px; right: 19px; }
#adv_ajaxfilter .option_name.hided:after, #adv_ajaxfilter .attribute_group_name.hided:after { content: "\f107"; }
#adv_ajaxfilter .option_box:first-child .option_name { border-top: none; }
#adv_ajaxfilter .hided { cursor: pointer; padding-bottom: 19px; }
#adv_ajaxfilter .collapsible { max-height: 250px; margin: 0 19px 19px; overflow-x: hidden; overflow-y: auto; }
#adv_ajaxfilter .filter_image_holder { display: table; width: 100%; }
#adv_ajaxfilter .filter_image_holder img { cursor: pointer; padding: 2px; displat: block; float: left; border: 1px solid #d9d9d9; border-radius: 2px; margin: 0 3px 3px 0; }
#adv_ajaxfilter .filter_image_holder input:disabled + img { cursor: default; border-color: #f5f5f5; }
#adv_ajaxfilter .filter_image_holder img.selected { border-color: #444444; }
#column-left + #column-right + #content .product-grid > div.loadmask { width: 100%; }
.filters label { padding-left: 30px; margin-bottom: 10px; margin-top: 5px; color: #333333; position: relative; cursor: pointer; display: block; font-size: 13px; font-weight: normal; }
.filters input { display: none; margin: 0; }
.filters [type=checkbox]:checked + label:before { content: "\f00c"; border-radius: 3px; padding-left: 5px; font-size: 12px; display: block !important; font-family: FontAwesome; width: 22px; }
.filters [type=checkbox]:checked + label:before, .filters [type=radio]:checked + label:before { color: #333333; }
.filters [type=checkbox] + label:before, .filters [type=radio] + label:before { font-family: FontAwesome; width: 22px; line-height: 18px; height: 22px; border: 1px solid #dddddd; position: absolute; top: -2px; left: 0; color: #ffffff; }
.filters [type=checkbox] + label:before { content: "\f00c"; border-radius: 3px; padding-left: 5px; font-size: 12px; }
.filters [type=radio] + label:before { content: "\f111"; border-radius: 100%; padding-left: 7px; font-size: 9px; line-height: 20px; }
.filters [type=checkbox]:disabled + label, .filters [type=checkbox]:disabled + label:before, .filters [type=radio]:disabled + label, .filters [type=radio]:disabled + label:before { opacity: 0.6; cursor: default; text-decoration: line-through; }
#adv_ajaxfilter_box .clear_filter { padding: 19px 20px; }
#adv_ajaxfilter_box .ui-widget-content { height: 7px; background: #ffffff; border: 1px solid #eaeaea; }
#adv_ajaxfilter_box .ui-slider-horizontal .ui-slider-handle { top: -8px; margin-left: -10px; }
#adv_ajaxfilter_box .ui-state-default, #adv_ajaxfilter_box .ui-widget-content .ui-state-default { display: block; width: 19px; height: 19px; background: #FFF none repeat scroll 0% 0%; border: 1px solid #EAEAEA; border-radius: 50%; cursor: pointer; }
#adv_ajaxfilter_box .ui-slider .ui-slider-handle::before { content: ""; display: block; width: 9px; height: 9px; border-radius: 50%; background: #B2B2B2 none repeat scroll 0% 0%; position: absolute; top: 4px; left: 4px; }
#adv_ajaxfilter_box div.ui-slider-range.ui-widget-header { background: #f8f8f8; }
#adv_ajaxfilter_box .ui-corner-all { border-radius: 0; }
#adv_ajaxfilter_box .ui-slider { margin: 12px 3px 5px 4px; }
.box_tc { padding: 30px 0; position: relative; }
.slider_tc { display: none; margin: 0 -10px !important; }
.item_tc { position: relative; padding: 0 10px; }
.item_tc .wrap { position: relative; }
.item_tc .img { overflow: hidden; position: relative; background: #ffffff; transition: all 0.5s; border: thin solid #dfdfdf; }
.item_tc .img img { transition: all 0.5s; display: inline-block; }
.item_tc h3 { font-size: 16px; font-family: 'RR'; text-transform: uppercase; position: relative; margin: 14px 0 10px; color: #000; text-align: center; }
.item_tc h3 a { color: #000000; text-align: center; }
.item_tc h3 a:hover { color: #f00; }
.item_tc .desc { font-family: 'RR'; font-size: 13px; color: #212121; white-space: inherit; }
.item_tc:hover .img img { transform: scale(1.1);/* box-shadow: 0 0 11px 4px #0DB227; *//* background: #0DB227; */ }
.icon_tc { position: relative; padding: 0 10px; text-align: center; }
.icon_tc .wrap { background: url('../images/tc_bg.png'); text-align: center; background-size: 100% 100%; padding: 20px; min-height: 240px; }
.icon_tc .img { float: left; }
.icon_tc .img img { border-radius: 50%; display: inline-block; }
.icon_tc:hover .img img { transform: rotate(360deg) }
.icon_tc h3 { font-size: 16px; font-family: 'RB'; color: #fff; margin-top: 20px; }
.icon_tc .desc { font-size: 14px; font-family: 'RR'; color: #fff; line-height: 1.7em; font-style: italic; }
.margin0 { margin: 0 !important }
.map_title { font-family: 'Aurora'; color: #ba0000; font-size: 20px; text-transform: uppercase; }
.box_hotro { position: absolute; width: 330px; height: 100%; right: 0; top: 0; max-width: 100%; background: rgba(0, 0, 0, 0.7) }
.box_hotro:after { content: ''; position: absolute; width: 132px; height: 100%; top: 0; right: 100%; background: url(../images/hotro_after.png) top right no-repeat; }
.suport { height: 300px; margin-top: 30px; margin-left: 30px; font-family: 'RR'; }
.suport li { list-style: none; color: #fff; padding: 7px 0; }
.suport li .hotro_dienthoai { font-size: 16px; color: #00ffea; }
.suport li .nick { font-size: 14px; text-transform: capitalize; }

/* --news type 1-- */
.content-blog { position: relative; margin-bottom: 30px; font-family: Montserrat;display: flex; align-items: center;justify-content: space-between;flex-wrap: wrap; }
.content-blog > div{ padding-left: 15px;padding-right: 15px }
.content-blog:nth-child(2n+1) { clear: both; }
.content-blog .date1 { padding: 5px 9px 6px 9px; background: rgba(232, 26, 26, 0.58); position: absolute; top: 0; left: 0; text-align: center; z-index: 99 }
.content-blog .date1 span { display: block }
.content-blog .date1 #day { font-size: 17px; line-height: 39px; font-weight: bold; color: #fff; border-bottom: solid 1px #fff }
.content-blog .date1 #month { font-size: 12px; font-weight: 300; text-transform: uppercase; color: #fff; margin-top: 10px }
.content-blog .date1 #comment { color: #fff; font-size: 11px; font-weight: 400; margin-top: 3px }
.content-blog .img { border: thin solid #dfdfdf }
.content-blog .img img { box-shadow: -15px -15px 0 #f2f1f1; width: 100% }
.content-blog .title-blog { margin-top: 0px; font-family: Montserrat; position: relative; margin-bottom: 5px; text-transform: capitalize; }
.content-blog  .title-blog a { color: #212121; font-size: 14px;/* text-transform: none; */ line-height: 20px; font-weight: bold; display: block; }
.content-blog  .title-blog a:hover { color: #f00; }
.content-blog  .description {/* text-indent: 20px; *//* font-style: italic; */ }
.content-blog  a.xemthem { display: inline-block; padding: 8px 16px; background: #0DB227; color: #fff; margin-top: 5px; }
.content-blog  a.xemthem:hover { background: none; color: #0DB227; }

/* --end news type 1-- */

/* ---news type 2--- */
.first-item-news { overflow: hidden; margin: 0 0 15px 0; }
.first-item-news .img { position: relative; z-index: 99; margin-right: 15px; overflow: hidden; }
.first-item-news img { width: 100%; border: thin solid #dfdfdf; }
.first-item-news h3 a:hover { color: #f00 !important; }
.first-item-news:nth-child(2n+1) .first-item-news-wrap { background: #ededed; }
.first-item-news:nth-child(2n) .first-item-news-wrap { border-left: 3px solid #1f1959; }
.first-item-news h3 { margin: 0; }
.first-item-news h3 a { color: #393939; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.first-item-news .desc_cont { text-align: justify; font-family: 'RR'; font-size: 14px; line-height: 20px; }
.first-item-news .desc { font-family: 'RR'; padding: 15px; box-sizing: border-box; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; }
.first-item-news .desc >div { position: relative; }
.first-item-news .desc .over_lay { position: absolute; top: 28%; left: 0; right: 0; bottom: 0; z-index: 111; text-align: center; margin-top: -20px; opacity: 0; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; }
.first-item-news .desc .over_lay h4 { padding: 0 15px; display: block; text-transform: uppercase; font-size: 12px; color: #D7DC02; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; text-align: center; }
.first-item-news .desc .over_lay a.xemthem { padding: 6px 10px; background: #0074c7; border-radius: 3px; position: relative; display: inline-block; color: #ffffff; text-decoration: none; margin-top: 50px; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; font-family: 'Tahoma'; font-size: 13px; font-style: normal; }
.first-item-news .desc .over_lay a.xemthem:hover { background: #065995; }

/* --end news type 2-- */

/* --news type 3-- */
.wrap_blog { background: #fff; padding: 20px; font-family: 'RR'; margin-bottom: 25px; box-shadow: 5px 5px 0 #5e5e5e; }
.box-news { position: relative; margin: 15px 0 15px; }
.box-news .img { margin-right: 10px; position: relative; overflow: hidden; padding: 4px; background: #fff; }
.box-news .img img { border-radius: 0; width: 100%; }
.box-news h3 { font-size: 13px; margin: 0 0 10px; font-weight: bold; }
.box-news h3 a { color: #ed1b24; }
.box-news h3 a:hover { color: #f00; }
.box-news a.chitiet { color: #09a651; font-size: 13px; display: block; text-align: right }
.box-news .desc { font-size: 13px; color: #5a5a5a; text-align: justify; font-family: 'RR' }
.box-news:hover img { transform: scale(1.1); }
.tieude { font-family: Montserrat; color: #161616; font-size: 19px; margin-top: 0; font-weight: bold; margin-bottom: 15px; }
.date { color: #999; font-size: 12px; margin-top: 5px; margin-bottom: 5px; }

/* --ads-- */
.qc_box { display: none; }
.qc_item { padding: 0; }
.qc_item img { width: 100%; }

/* --slider-- */
.slider_home1, .slider_home { margin: 0 -10px !important; display: none; }
.slider_home .slick-prev { width: 39px; height: 39px; background: url(../images/left1.png) !important; left: -35px; opacity: 1; }
.slider_home .slick-next { width: 39px; height: 39px; background: url(../images/right1.png) !important; right: -35px; opacity: 1; }
.slider_home .slick-prev:before { content: ''; }
.slider_home .slick-next:before { content: ''; }
.as-btn-blue-medium { display: inline-block; border: none; background: #27ae61; padding: 8px 20px; color: #fff; text-transform: uppercase; }

/* .amazingslider-text-wrapper-1 { bottom: auto !important; top: 112px; right: auto !important; left: 180px !important; width: auto !important; max-width: 30%; height: 100%; overflow: hidden; padding: 35px !important; } */
.amazingslider-title-1 { font-family: 'Montserrat' !important; font-size: 30px !important; color: #ffffff !important; }
.amazingslider-description-1 { font-family: RR !important; font-size: 14px !important; }

/* --jpage-- */
.pagging { margin: 0 auto; text-align: center; margin: 15px 0; }
.pagging a { font-size: 12px; cursor: pointer; margin: 0 1px; color: #333; color: #808080; background-color: #fff; border: 1px solid #808080; padding: 7px 12px }
.pagging a:hover { background-color: #222; color: #fff }
.pagging a.jp-previous { margin-right: 0px; padding: 7px 9px; border: 1px solid #ddd; }
.pagging a.jp-next { margin-left: 0px; padding: 7px 9px; border: 1px solid #ddd; }
.pagging a.jp-current, a.jp-current:hover { color: #FF4242; font-weight: bold }
.pagging a.jp-disabled, a.jp-disabled:hover { color: #bbb }
.pagging a.jp-current, a.jp-current:hover { cursor: default; background: #808080; color: #fff }
.pagging a.jp-disabled, a.jp-disabled:hover { cursor: default; background: none; color: #808080 }
.pagging span { margin: 0 5px }

/* --item_dv-- */
.top_item { position: relative; margin-bottom: 20px; font-family: 'OPR' }
.top_item .wrap { }
.top_item h3 { margin: 0 0 5px 0; padding: 0px 0px; }
.top_item h3 a { color: #000; font-family: 'OPB'; font-size: 18px; white-space: inherit; line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.top_item h3 a:hover { color: #f00; }
.top_item .img { overflow: hidden; margin-bottom: 10px; border: thin solid #dfdfdf; }
.top_item .img a:not(.link) { display: block; position: relative; }
.top_item .img a:not(.link):after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 5px solid rgba(255, 255, 255, 0.5); }
.top_item .img img { width: 100%; }
.top_item .desc { color: #282828; font-size: 14px; white-space: inherit; line-height: 20px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.top_item:hover img { transform: scale(1.1); }
.top_item .xemthem { display: inline-block; padding: 7px 15px; border: thin solid #40a40e; color: #40a40e; margin-top: 15px; }
.price_list { padding: 40px 0 40px; }
.price_list .box_p { padding: 15px 0; font-family: 'RR' }
.price_list .slogan { text-align: center; font-family: 'avo'; font-size: 28px; color: #1a1a1a; text-transform: uppercase; margin-bottom: 20px; position: relative; }
.price_list .slogan:after { content: ''; display: block; margin: 15px auto 0px; width: 40px; height: 3px; background: #40a40e; position: relative; z-index: 1; }
.price_list .slogan:before { content: ''; position: absolute; left: calc(50% - 70px); width: 140px; height: 1px; bottom: 1px; border-top: thin dashed #d7d7d7; z-index: 0; }
.price_list .price_tbl { }
.price_list .price_tbl th { text-align: center; font-family: 'RB'; font-size: 20px; color: #2d2c2c; padding: 20px; }
.price_list .price_tbl td { vertical-align: middle; }
.price_list .price_tbl .tt_ { vertical-align: middle; }
.price_list .price_tbl .tt_cat { font-family: 'RB'; font-size: 20px; color: #ff0800; margin: 10px 0 20px; }
.desc_ct { font-family: 'RR'; font-size: 15px; color: #5e5e5e; text-align: center; max-width: 965px; margin: 0 auto; }
.box_service { padding: 45px 0; }
.box_ser { display: none; margin: 0 !important; }
.sr_item { position: relative; text-align: center; }
.sr_item .wrap { position: relative; display: inline-block; border-radius: 50%; overflow: hidden; border: 7px solid #009623; }
.sr_item .wrap:after { content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 50%; border-style: dashed; border-width: 100px; border-color: rgba(0, 150, 35, 0); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.sr_item .wrap img { border-radius: 50%; }
.sr_item .wrap h3 { position: absolute; margin: 0; width: 100%; height: 100%; bottom: -70%; left: 0; border-radius: 50%; background: #009623; z-index: 9; }
.sr_item .wrap h3 a { display: table; width: 100%; height: 90px; line-height: 25px; overflow: hidden; color: #fff; text-transform: uppercase; font-family: 'RB'; font-size: 16px; padding: 0 60px; }
.sr_item .wrap h3 a span { display: table-cell; vertical-align: middle; }
.sr_item .wrap:hover:after { border-width: 0px; border-color: rgba(0, 150, 35, 1); }
.sr_item .wrap:hover  h3 a span { color: #ff0; }
.box_ct { position: relative; margin-bottom: 30px; }
.box_ct .wrap { padding: 10px; background: #fff; }
.box_ct h3 { margin: 0; padding: 8px 15px; position: absolute; left: 0; bottom: 0; width: 100%; background: -moz-linear-gradient(90deg, #000000 25%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, 90deg, color-stop(25%, 000000), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(90deg, #000000 25%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(90deg, #000000 25%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(90deg, #000000 25%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(90deg, #000000 25%, rgba(0, 0, 0, 0) 100%); }
.box_ct h3 a { color: #fff; font-family: 'RB'; font-size: 15px; text-transform: uppercase; white-space: inherit; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.box_ct .img { overflow: hidden; border: thin solid #dfdfdf; }
.box_ct .img img { width: 100%; }
.box_ct .desc { color: #282828; font-size: 14px; text-align: center; white-space: inherit; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.box_ct:hover img { transform: scale(1.1); }
.box_bottom { background-size: cover; padding: 40px 0 30px; }
.box_tv { border-top: 10px solid #40a40e; border-bottom: 10px solid #40a40e; padding: 40px 0; background: url('../images/box_bg.png'); }
.box_ha { padding: 30px 0 45px; }
.ht_right { display: none; margin: 0 !important; }
.ht_right .slick-prev { width: 35px; height: 71px; background: url(../images/button_l.png) !important; left: 0px; opacity: 1; }
.ht_right .slick-next { width: 35px; height: 71px; background: url(../images/button_r.png) !important; right: 0px; opacity: 1; }
.ht_right .slick-prev:before { content: ''; }
.ht_right .slick-next:before { content: ''; }
.ht_right img { padding: 1px; }

/* ==== */
.slider_top { display: none; margin: 0 -15px !important; }
.box_scroll { margin: -5px 0 !important; display: none; width: 478px; }
.box-news1 { position: relative; color: #000; padding: 5px 15px; }
.box-news1 img { float: left; display: inline-block;/* margin-right: 15px !important; */ border: thin solid #dfdfdf; transition: all 0.75s; background: #fff; width: 100%; }
.box-news1 h3 { font-size: 13px; line-height: 20px; overflow: hidden; font-weight: 700; margin: 0 0 5px; font-family: 'RB'; }
.box-news1 h3 a { color: #1a1a1a; outline: none; white-space: inherit; line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.box-news1 h3 a:hover { color: #f00; }
.box-news1 .desc { color: #212121; font-size: 14px; font-family: 'RR'; white-space: inherit; line-height: 20px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.box-news1 a.chitiet { color: #171717; font-size: 14px; display: inline-block; padding: 8px 20px; border: thin solid #eae3e3; background: #ffffff; margin-top: 10px; }
.box-news1 a.chitiet:hover { background: #0DB227; color: #fff; }
.box-news1:hover img { box-shadow: 0 0 4px 1px #0db227; }
.box-news1 .date_ { background: #fff; padding: 7px 15px; font-family: 'Montserrat'; text-align: center; margin-right: 10px; color: #000; min-width: 40px; position: absolute; border: thin solid #ffffff; left: 25px; top: 15px; }
.box-news1 .date_ span { font-size: 17px; display: block; font-family: Montserrat; font-weight: 500 }
.box-news1 .date_ span + span { font-size: 11px; font-family: Montserrat; font-weight: normal; }
.box-news1 .date_ span + span +span { font-size: 11px; }

/* ---- */
.box_list { padding: 50px 0 50px; background: url('../images/dvbg.png'); background-size: cover; }
.slider_dv { display: none; margin: 0 auto; }
.list_item { position: relative; margin-bottom: 25px; font-family: 'OPR'; padding: 0 5px; }
.list_item .wrap { position: relative; overflow: hidden; margin: 0 auto; max-width: 260px; background: url('../images/dv_bg.png'); background-size: 100% 100%; height: 300px; padding: 30px; }
.list_item .inf { background: #fff; padding: 25px 40px 40px; }
.list_item h3 { margin: 0 0 10px 0; padding: 0px 0px; position: relative; left: 0; text-align: center; }
.list_item h3 a { color: #000000; font-family: 'RB'; font-size: 16px; white-space: inherit; line-height: 28px; height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list_item h3 a:hover { color: #154100; }
.list_item .img { }
.list_item .img img { display: inline-block; border-radius: 50%; }
.list_item .desc { font-family: 'OPR'; color: #737373; font-size: 15px; position: relative; text-align: justify; overflow: hidden; }
.list_item:hover img { transform: scale(1.1); }
.list_item .xemthem { display: inline-block; padding: 7px 15px; border: thin solid #c10000; color: #c10000; margin-top: 15px; text-transform: uppercase; }

/* --- */
.info_end { padding: 30px 0; }
.info_end .fanpage { padding: 10px 0 0; border: thin solid #dfdfdf; }
.info_end .box_fb { padding: 20px; text-align: center; }
.info_end .box_fb .fb-page { }

/* ---- */
.slider_qc { display: none; }
.item_qc { margin-bottom: 20px; }
.item_qc img { width: 100%; }

/* ---- */
.box_pro { padding: 30px 0 10px; }
.box_pro_sale { padding: 40px 0; background: url('../images/book_bg.png'); background-size: cover; }

/* ----modal--- */
.modal { text-align: center; padding: 0 !important }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle }
.modal-header .close { cursor: pointer; z-index: 999; position: absolute; width: 60px; height: 60px; text-align: center; line-height: 60px; right: -30px; top: -30px; z-index: 999999; -webkit-transition: all .5s ease-in-out; background-size: 40% 40%; -moz-transition: all .5s ease-in-out; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: block; box-shadow: 0 0 60px rgba(0, 0, 0, .4); border: 1px solid rgba(232, 28, 28, 0.5); background-color: rgba(125, 0, 0, 0.2); content: 'x'; font-size: 29px; color: #a50e2e; opacity: 1; }
.modal-header .close:hover { background-color: rgba(255, 255, 255, .3); box-shadow: 0 0 20px rgba(255, 255, 255, .8) }
.modal-header .close:focus { outline: none; }
.modal-header-danger { color: #fff; padding: 9px 15px; border-bottom: 1px solid #eee; background-color: #d9534f; border-radius: 0; }
#gridSystemModalLabel { font-family: 'SFUFuturaBook'; }
.modal-content { border-radius: 0; }
.modal-content .btn { border-radius: 0; padding: 10px 25px; }
.cont_desc { font-family: 'RR'; color: #5b5b5b; margin: 10px 0; text-align: center }
.tab_bottom { }
ul.tab_end {margin: 15px 0 25px 0px;padding: 0;border-bottom: 2px solid #0DB227;}
ul.tab_end li {display: inline-block;position: relative;line-height: 35px;padding: 0 !important;}
ul.tab_end li a {display: block;color: #333333;/* text-transform: uppercase; */text-align: center;font-family: 'RB';font-size: 15px;padding: 0 20px;background: #E6E6E6;}
ul.tab_end li a.selected {position: relative;color: #fff;background: #0db227;}
.tab_hide { position: absolute !important; z-index: -1; opacity: 0; }
.tab_show { position: relative !important; z-index: 999; opacity: 1; }

/* ---book---- */

/* ---validate--- */
.control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; }
.control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; border-color: #c09853; }
.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: 0 0 6px #dbc59e; -moz-box-shadow: 0 0 6px #dbc59e; box-shadow: 0 0 6px #dbc59e; }
.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; }
.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; }
.control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; border-color: #b94a48; }
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: 0 0 6px #d59392; -moz-box-shadow: 0 0 6px #d59392; box-shadow: 0 0 6px #d59392; }
.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; }
.control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; }
.control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; border-color: #468847; }
.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: 0 0 6px #7aba7b; -moz-box-shadow: 0 0 6px #7aba7b; box-shadow: 0 0 6px #7aba7b; }
.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; }
input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; }
input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; }
.help-block ul li { list-style: none; }

/* --login-- */
.nav-tabs { margin-bottom: 15px; }
.sign-with { margin-top: 25px; padding: 20px; }
.entry-info { background: #fff; padding: 10px; margin-bottom: 20px; border: thin solid #dfdfdf; border-top: 5px solid #d71820; overflow: hidden; }
.thumbnail-project img { width: 100%; display: block }
.article-content img { max-width: 100%; display: block; margin: auto; width: auto !important; height: auto !important }
.pcode { background: #eee; padding: 6px 10px; overflow: hidden; }
.entry-info h2 { font-size: 16px; margin-bottom: 15px; font-family: OPB; margin-top: 0px; text-transform: uppercase; }
.box-info .sumary { margin-bottom: 10px }
.box-info .sumary a { color: red; font-style: italic; text-decoration: underline !important }
.box-info .sumary a:hover { cursor: pointer }
.box-info .price { font-size: 25px; margin-bottom: 10px; color: red; font-family: OPB; }
.box-info .map i { margin-right: 6px; font-size: 16px; color: red; }
.box-info .map { margin-bottom: 15px }
.box-utility { margin-top: 15px; margin-bottom: 15px }
.box-utility p { margin-bottom: 0 !important; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden; margin-bottom: -1px; padding: 8px 10px }
.box-utility p:first-child { border-top: 1px solid #eee; }
.box-utility p span { font-weight: bold }
.article-content { margin-top: 15px; }
.article-content p { margin-bottom: 10px; }
.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5 { font-size: 18px; margin: 10px 0 }
.contact-author { background: #fff; padding: 10px; border-top: 5px solid #0095da; margin-bottom: 20px; }
.contact-author h2 { border-left: 4px solid red; padding: 6px 5px; margin-bottom: 15px; font-size: 16px; margin-top: 0; text-transform: uppercase; }
.contact-author .phone { background: #09c; border-radius: 6px; text-align: center; color: #fff; padding: 8px; margin-top: 10px; }
.contact-author .phone i { margin-right: 6px; }
.contact-author .phone button { background: none; border: 0 }
.contact-author h3 { margin: 10px 0 }
.contact-author h3 a { color: #000; font-size: 16px; }
.contact-author p i { color: #0095da; margin-right: 6px; }
.box-same-category { margin-top: 10px }
.sidebar-blog-same { margin-top: 0; border-top: 4px solid #ddd }
.sidebar-blog-same h2 { background: #fff; padding: 10px }
.box-same-category h2 { font-size: 16px; text-transform: uppercase; margin-bottom: 15px; }
.list-same { background: #fff; padding: 10px; overflow: hidden; margin-bottom: 16px; }
.list-same .thumb { width: 120px; float: left; margin-right: 10px; }
.list-same .thumb img { width: 100%; display: block }
.list-same .info-same { overflow: hidden }
.list-same .info-same h3 { margin-bottom: 5px; padding: 0; text-transform: none; margin-top: 5px; font-family: OPR; }
.list-same .info-same h3 a { color: #000; }
.list-same .info-same .sumary { color: #666; text-align: justify }
.title-content { font-size: 22px; background: #eee; border: 1px solid #ddd; padding: 10px; }
.nav-fixed-content { position: relative; width: 100%; top: 0; background: #eee; z-index: 10; margin-top: 20px; }
.nav-fixed-content li { display: inline-block }
.nav-fixed-content li a { padding: 10px; border-right: 1px solid #ddd; color: #000; display: inline-block; text-transform: uppercase; }
.box__member {/* margin-top: 15px; */ }
.avatar { background: #fff; text-align: center; padding: 10px; margin-bottom: 15px; border-radius: 4px; }
.avatar img { width: 100px; border-radius: 100px; display: inline-block }
.avatar h2 { margin-top: 15px; padding: 5px; text-transform: uppercase; }
.nav_member { margin-bottom: 15px; background: #fff;/* border-radius: 4px; */ padding: 10px; border-top: 5px solid #d8d8d8; }
.nav_member h2 { border-bottom: 1px solid #ddd; padding-bottom: 8px; text-transform: uppercase; margin-bottom: 10px; }
.nav_member li { list-style: none; }
.nav_member li a { color: #666; display: block; margin-bottom: 5px }

/* === */

/* --cart-- */
.thuoctinh_wrap input { display: none; }
.thuoctinh_wrap b { line-height: 34px; min-width: 80px; }
.thuoctinh_wrap .thuoctinh { margin-bottom: 10px; }
.thuoctinh_wrap .tt_sub { display: inline-block; margin-left: 15px; }
.thuoctinh_wrap .tt_sub .tt_con { display: inline-block; margin-right: 10px; margin-bottom: 3px; }
.thuoctinh_wrap .tt_sub .tt_con label:hover { background-color: #f7f7f7; }
.thuoctinh_wrap .tt_sub .tt_con label { display: inline-block; position: relative; margin-bottom: 0; border: 1px solid #ccc; border-radius: 0; padding: 4px; min-width: 34px; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.thuoctinh_wrap .tt_sub .tt_con.active label { border-color: #d31d00; position: relative; }
.thuoctinh_wrap .tt_sub .tt_con label span { padding-left: 4px; padding-right: 4px; display: block; width: auto; line-height: 24px; font-weight: normal; }
.btn-checkout, .btn-buy, .btn-addcart {/* background: #000; *//* border-radius: 0; *//* border:none; *//* padding: 8px 15px; */ }
.tt_cart_page { background-color: #fff; margin-bottom: 1.2rem; padding: .6rem 1.2rem; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); font-size: 15px; font-family: RB; text-transform: uppercase; }
.tt_cart_page span { font-size: 13px; text-transform: none; font-family: OPR }
.tt_cart_page span i { color: #f00; font-style: normal; }
.cart_wrap { margin-bottom: 15px; }
.cart_wrap .cart_box { display: flex; min-height: 11rem; margin-bottom: 1.2rem; border-radius: 3px; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2); }
.cart_wrap .cart_box_l { width: 93.8rem; padding: .6rem 1.2rem 1.2rem 0; border-right: .5px solid #c7c7cd; }
.cart_wrap .cart_box_l .shop_info { display: flex; height: 8rem; border-bottom: .5px solid #c7c7cd; }
.cart_wrap .cart_box_l .shop_info .shop_wrap { display: flex; flex: auto; }
.cart_wrap .cart_box_l .shop_info .shop_wrap .shop_logo_w { position: relative; width: 5rem; height: 5rem; margin-left: 1.2rem; margin-right: 1.2rem; }
.cart_wrap .cart_box_l .shop_info .shop_wrap .shop_logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
.cart_wrap .cart_box_l .shop_info .shop_wrap .shop_logo { display: inline-block; width: 5rem; height: 5rem; position: relative; border-radius: 50%; box-sizing: border-box; overflow: hidden; background-color: #fff; z-index: 1; border: .2rem solid #4a90e2; }
.cart_wrap .cart_box_l .shop_info .shop_wrap .shopBadge { width: 4rem; position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; bottom: -1rem; }
.cart_wrap .cart_box_l .shop_info .shop_wrap .shop_name { margin-top: 15px; }
.cart_wrap .cart_box_l .shop_info .remove_shop { width: 6rem; display: flex; align-items: center; justify-content: center; align-content: center; }
.cart_wrap .cart_box_l .shop_info .remove_shop img { cursor: pointer; }
.cart_wrap .cart_box_l .productList { display: block; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper { display: flex; width: 100%; height: 7.8rem; padding-left: 1.2rem; border-bottom: .1rem dotted #c7c7cd; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem { display: flex; align-items: center; align-content: center; justify-content: flex-start; width: 100%; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper:last-child { border-bottom: none; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemLeft { max-width: 40rem; position: relative; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemLeft .productCard { }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemLeft .product-card-wrap { }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemLeft .product-card-wrap .card-horiz { display: flex; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemLeft .product-card-wrap .card-horiz .imageWrap { position: relative; margin-right: 1.2rem; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemLeft .product-card-wrap .card-horiz .imageWrap img { display: inline-block; flex: 0 0 5rem; width: 8rem; height: 5rem; margin-right: 1.2rem; border: 1px solid #e8e8e8; margin-right: 0; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemLeft .product-card-wrap .card-horiz .caption { width: 100%; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemLeft .product-card-wrap .card-horiz .caption .truncate-medium-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; max-height: 3.4rem; line-height: 1.3; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemLeft .product-card-wrap .card-horiz .caption .card-name { margin-bottom: .6rem; color: #000; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth { display: flex; align-items: center; align-content: center; justify-content: flex-end; flex-grow: 1; cursor: pointer; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .CartItem { display: flex; justify-content: center; min-width: 12rem; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .options { display: flex; justify-content: center; min-width: 12rem; position: relative }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .options .option { padding-left: 1.2rem; padding-right: 1.2rem; border-left: 1px solid #e8e8e8; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .options .option:first-child { border-left: none; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .options .option .choose-label { display: inline-flex; align-items: center; justify-content: space-around; height: 2.4rem; min-width: 4.6rem; padding: 0 .6rem; background-color: #efefef; font-size: 1.4rem; border: 1px solid #e8e8e8; border-radius: 3px; transition: color .2s ease-in-out, background-color .2s ease-in-out; cursor: pointer; }
.cart_wrap .cart_box_l .productList .separator { height: 5rem; border: .05rem dotted #979797; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .productPrice { width: 10rem; text-align: center; position: relative; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .productPrice .current { font-size: 1.4rem; color: #e5101d; font-weight: 500; text-transform: uppercase; font-family: RB; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .quantityInput { width: 12rem; text-align: center; position: relative; align-items: center; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .quantityInput .btn_amount { display: inline-block; padding: 0; margin: 0; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; user-select: none; background-color: transparent; background-image: none; border: none; width: 1.6rem; height: 1.6rem; background-color: #c7c7cd; color: #fff; border-radius: 3px; font-size: 1.6rem; line-height: 1.6rem; outline: none; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .quantityInput .input_amount { width: 3.6rem; height: 2.4rem; margin: 0 1.2rem; border: 1px solid #e8e8e8; border-radius: 3px; text-align: center; -moz-appearance: textfield; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .quantityInput .inputWrapper { position: relative; display: inline-block; width: 4.6rem; height: 2.4rem; padding: .3rem; border: 1px solid #e8e8e8; border-radius: 3px; justify-content: center; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .productCartItemRigth .quantityInput .inputWrapper .input { border: none; text-align: center; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .removeAction { width: 6rem; text-align: center; position: relative; }
.cart_wrap .cart_box_l .productList .productCartItemWrapper .productCartItem .removeAction .removeIcon { cursor: pointer; }
.cart_wrap .cart_box_r { padding: 0 1.2rem 1.2rem; flex: 1 1; }
.cart_wrap .cart_box_r .cart_box_r_title { display: flex; align-items: center; height: 3.6rem; font-size: 1.6rem; font-weight: 500; text-transform: uppercase; border-bottom: .5px solid #c7c7cd; }
.cart_wrap .cart_box_r .cart_box_r_content { height: calc(100% - 3.6rem); display: flex; flex-direction: column; justify-content: flex-end; text-align: right; }
.cart_wrap .cart_box_r .cart_box_r_content .cartAmount { display: flex; align-items: baseline; align-content: baseline; justify-content: flex-end; margin-bottom: 2.4rem; }
.cart_wrap .cart_box_r .cart_box_r_content .cartAmount .textPrimary { display: block; font-size: 2.2rem; text-transform: uppercase; color: #e5101d; margin-left: .6rem; margin-right: 1.2rem; }
.cart_wrap .cart_box_r .cart_box_r_content .btn_checkout { margin: 0; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; user-select: none; border: none; width: 100%; height: 3.2rem; display: inline-block; padding: .6rem 1.2rem; text-align: center; color: #fff; background-color: #0DB227; font-size: 1.4rem; font-weight: 500; border-radius: 3px; }
.cart_wrap .cart_box_r .cart_box_r_content .btn_checkout:hover { outline: none; background-color: #860208; }
.box-form { background: #fff; padding: 15px; margin-bottom: 16px; }
.box-form h2 { background: #ddd; margin: -15px; padding: 10px; margin-bottom: 20px }
.segment-head { font-size: 16px; line-height: 22px; font-weight: 700; margin-bottom: 15px; }

/*=========================================================================== */
.order-cart-block { background: #f4f5f6; border-radius: 3px; }
.order-cart-block .block-head { font-weight: 700; font-size: 16px; line-height: 22px; padding: 15px 15px 10px; }
.order-cart-block .block-main { padding: 10px 15px 10px; max-height: 450px; overflow: auto; }
.order-cart-block .block-foot { padding: 20px 15px 15px; position: relative; }
.order-cart-block .block-foot::before { content: ""; background: #ddd; height: 1px; width: calc(100% - 20px); left: 10px; top: 10px; position: absolute; }
.order-cart-block .block-foot .price-info-pane { display: table; width: 100%; padding: 5px 0; }
.order-cart-block .block-foot .price-info-pane .lbl { display: table-cell; text-align: right; }
.order-cart-block .block-foot .price-info-pane .info { display: table-cell; text-align: right; width: 120px; font-size: 16px; }
.order-cart-block .block-foot .total-price-pane .info { color: #e12519; font-weight: 700; }

/* ---------------- Product panel ---------------- */
.order-cart-block .product-panel { background: #fff; display: table; width: 100%; margin-bottom: 20px; padding: 10px; position: relative; }
.order-cart-block .product-panel .remove-btn { height: 24px; width: 24px; background: #e12519; border-radius: 50%; text-align: center; position: absolute; top: -10px; right: -10px; color: #fff; }
.order-cart-block .product-panel .remove-btn i { width: 12px; height: 14px; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -6px; text-align: center; line-height: 14px; }
.order-cart-block .product-panel .remove-btn:hover { background: #ca2116; }
.order-cart-block .product-panel:last-of-type { margin-bottom: 0; }
.order-cart-block .product-panel .img-col { display: table-cell; width: 50px; text-align: center; }
.order-cart-block .product-panel .img-col span { display: block; width: 50px; height: 50px; overflow: hidden; line-height: 50px; }
.order-cart-block .product-panel .img-col span img { width: 50px; max-height: 50px; }
.order-cart-block .product-panel .product-info-col { display: table-cell; vertical-align: top; padding: 0 10px 0 10px; }
.order-cart-block .product-panel .product-info-col .title a { color: #333333; text-decoration: none; }
.order-cart-block .product-panel .product-info-col .title a:hover { color: #008ffb; }
.order-cart-block .product-panel .product-info-col .price { margin-top: 5px; }
.order-cart-block .product-panel .product-info-col .price .lbl { display: inline-block; }
.order-cart-block .product-panel .product-info-col .price .info { display: inline-block; margin-left: 5px; }
.order-cart-block .product-panel .product-info-col .price .info .curr { font-size: 13px; }
.order-cart-block .product-panel .product-info-col .price .info .old { text-decoration: line-through; margin-left: 10px; color: #737373; }
.order-cart-block .product-panel .quantity-col { display: table-cell; width: 60px; vertical-align: top; vertical-align: middle; }
.order-cart-block .product-panel .total-price-col { padding-left: 15px; vertical-align: middle; display: table-cell; white-space: nowrap; font-size: 16px; line-height: 22px; width: 110px; text-align: right; padding-top: 2px; }
/* === */
.a-button-toggle.a-button-thumbnail {
    background-color: transparent;
    height: auto; 
}
.a-button-toggle.a-button {
    border-color: #888c8c;
    border-radius: 8px;
}
.a-button {
    background: #fff;
    border-radius: 3px;
    border-color: #888c8c;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle; 
    overflow: hidden;
    padding: 4px;
}
.colection-img{width: 50px;}
/* === */
.information-blocks { }
#content-block .sidebar-column .information-blocks { margin-bottom: 40px; }
.block-title { font-size: 20px; line-height: 24px; color: #2e2e2e; font-weight: 600; padding-bottom: 15px; border-bottom: 1px #ebebeb solid; margin-bottom: 25px; }
.block-title.size-1 { font-size: 16px; }
.block-title.size-2 { font-size: 18px; }
.block-title.size-3 { font-size: 18px; margin-bottom: -1px; }
.block-title.size-4 { font-size: 30px; font-weight: 400; line-height: 30px; margin-bottom: 20px; padding-bottom: 20px; }
.product-sidebar .products-list { padding: 15px 30px 15px 30px; border: 1px #f0f0f0 solid; }
.product-sidebar .block-title { font-size: 18px; }
.product-sidebar .inline-product-entry:last-child { border-bottom: none; }
.inline-product-entry { padding-bottom: 0px; border-bottom: 1px #f0f0f0 solid !important; padding: 5px; }
.inline-product-entry .image { width: 55px; float: left; border: 1px #56525226 solid; }
.inline-product-entry .image:hover { border-color: #8bab0a; }
.inline-product-entry .image img { display: block; width: 100%; height: auto; }
.inline-product-entry .content_ { margin-left: 60px; }
.inline-product-entry .content_ .cell-view { height: 55px; }
.inline-product-entry .title { font-size: 13px; color: #5a5858; line-height: 1.2; font-weight: 500; margin-bottom: 5px; display: inline-block; font-family: Montserrat; }
.inline-product-entry .title:hover { color: #ff0000; }
.inline-product-entry .price .current { font-size: 13px; color: #fc0000 !important; font-family: Montserrat; }

/* === */
.single-team { padding: 0 10px; }
.single-team .thumb { margin-bottom: 20px; position: relative; border-radius: 10px; overflow: hidden; }
.single-team .thumb img { border-radius: 10px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); width: 100%; }
.single-team:hover .thumb img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.single-team .name { margin-bottom: 8px; font-size: 18px; font-family: UTMHelvetIns; color: #1f8d10; text-transform: uppercase; font-weight: normal; }
.single-team span { font-size: 14px; color: #4e4e4e; font-weight: 400; display: block; font-family: RR; }
.single-team p { font-size: 14px; color: #020202; font-weight: 400; display: block; margin-bottom: 12px; padding-left: 25px; display: inline-block; }
.single-team p.hotline { background: url('../images/hotline1.png') left center no-repeat; }
.single-team p.zalo { background: url('../images/zalo.png') left center no-repeat; }
.single-team p  b { font-size: 16px; font-family: UTMHelvetIns; font-weight: normal; color: #f00; }

/* === */
.partner { padding: 30px 0px; background: #f7f6f6; }
.partner-slider { margin: 0 -7px !important; display: none; }
.partner-slider .item { box-sizing: border-box; padding: 0 7px; text-align: center; }
.partner-slider  .item img { width: 100%; background: #fff; border: thin solid #D9D9D9; }
.partner-slider .slick-prev { width: 22px; height: 44px; background: url(../images/left1.png) !important; left: -25px; opacity: 1; }
.partner-slider .slick-next { width: 22px; height: 44px; background: url(../images/right1.png) !important; right: -25px; opacity: 1; }
.partner-slider .slick-prev:before { content: ''; }
.partner-slider .slick-next:before { content: ''; }

/* === */
.slider_bc { display: none; margin: 0 -15px !important; }
.slider_bc .slick-prev { width: 35px; height: 71px; background: url(../images/button_l.png) !important; left: 0px; opacity: 1; }
.slider_bc .slick-next { width: 35px; height: 71px; background: url(../images/button_r.png) !important; right: 0px; opacity: 1; }
.slider_bc .slick-prev:before { content: ''; }
.slider_bc .slick-next:before { content: ''; }
.slider_bc .product_item { padding: 0 15px; }
.slider_bc .product_item .inf_ { background: #fff }
.slider_ct { display: none; margin: 0 -15px !important; }
.slider_ct .slick-prev { width: 35px; height: 71px; background: url(../images/button_l.png) !important; left: 0px; opacity: 1; }
.slider_ct .slick-next { width: 35px; height: 71px; background: url(../images/button_r.png) !important; right: 0px; opacity: 1; }
.slider_ct .slick-prev:before { content: ''; }
.slider_ct .slick-next:before { content: ''; }
.box_projects { position: relative; background: #F3F3F3; padding: 40px 0; }
.project_it { position: relative; margin-bottom: 20px; cursor: pointer; }
.project_it .wrap { position: relative; }
.project_it .wrap .img_wrap { overflow: hidden; position: relative; margin-bottom: 5px; }
.project_it .wrap .img_wrap:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 1; transition: all 0.5s; opacity: 0; }
.project_it .wrap .img_wrap:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #0db227; z-index: 2; transition: all 0.5s; opacity: 0; }
.project_it .wrap .img_wrap .img { overflow: hidden; display: block; background: #fff; border: thin solid #dfdfdf; }
.project_it .wrap .desc { overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; padding: 50px; z-index: 3 }
.project_it .wrap .desc div { height: 100%; color: #fff; text-align: left; overflow: hidden; }
.project_it .wrap .desc div h4 { margin-top: 0; width: 100%; }
.project_it .wrap .desc div h4 a { font-family: RB; font-size: 15px; text-transform: uppercase; color: #fff; }
.project_it .wrap .desc .viewmore { position: absolute; display: inline-block; padding: 0 10px; color: #fff; bottom: 35px; right: 55px; }
.project_it .wrap .desc .viewmore:hover { color: #dc161b; }
.project_it .wrap .desc .viewmore:after { content: ''; position: absolute; width: 30px; height: 1px; background: #fff; left: 100%; top: 50%; }
.project_it .wrap .desc .viewmore:before { content: ''; position: absolute; width: 30px; height: 1px; background: #fff; right: 100%; top: 50%; }
.project_it .wrap img { width: 100%; }
.project_it .wrap h3 { padding: 10px 10px; position: absolute; margin: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.72); }
.project_it .wrap h3 a { display: block; color: #ffffff; text-transform: capitalize; font-family: RB; font-size: 16px; white-space: inherit; line-height: 20px; outline: none; font-weight: bold; text-transform: uppercase; }
.project_it .wrap .inf_ { font-family: RR; margin-top: 5px; margin-bottom: 0; }
.project_it .wrap .inf_ b { font-family: RB; }
.project_it .wrap:hover img { transform: scale(1.1) }
.project_it .wrap:hover  h3 a { color: #DFAB4A; }
.project_it .wrap:hover .desc { opacity: 1; }
.project_it .wrap:hover .img_wrap:after { opacity: 1; }
.project_it .wrap:hover .img_wrap:before { opacity: 1; left: 20px; top: 20px; right: 20px; bottom: 20px; }
.project_it .wrap:hover h3 { bottom: -100%; }
.projects_viewmore { text-align: center; position: relative; }
.projects_viewmore:before { content: ''; width: 100%; height: 1px; background: #dfdfdf; position: absolute; left: 0; top: 50%; }
.projects_viewmore a { display: inline-block; padding: 10px 20px; color: #b1b1b1; background: #F3F3F3; border-radius: 5px; position: relative; border: thin solid #E1E1E1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.projects_viewmore a:hover { color: #fff; background: #00469E; }
.s_wrap { padding: 10px; border: thin solid #dfdfdf; }
.slider_new_ { display: none; }
.MagicZoom { border: thin #dfdfdf solid; padding: 3px; background: #fff; }
.imgSP { position: relative; }
#slogan { font-family: 'RB'; font-size: 16px; color: #ff0; padding: 5px 10px; background: #0db227; font-weight: bold; position: fixed; left: 0; bottom: 0; right: 0; z-index: 999; }
#slogan marquee { }
/* .product-info-spec h2,.product_special .contents h2,.product_special .contents h2 * { font-size: 22px !important; }
.product-info-spec h3,.product_special .contents h3,.product_special .contents h3 * { font-size: 20px !important; }
.product-info-spec h4,.product_special .contents h4,.product_special .contents h4 * { font-size: 18px !important; }
 */
/* */
.contact-map { margin-top: 20px }
.contact-map iframe { height: 500px; display: block; width: 100% !important }

/* social-plugin */
.social-plugin { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.social-plugin .at-share-btn { margin-bottom: 0px !important; }
.social-plugin .zalo-share-button { margin-left: 3px; }

/* */
.MagicScroll_wrap { margin-top: 10px; border: thin #dfdfdf solid; padding: 10px 0px; }
.MagicScroll { text-align: center; overflow: hidden; }
.MagicScroll .mz-thumb img { width: 70px; max-width: 100%; }
.mcs-item { margin: 0 5px; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.row5 { margin-left: -5px; margin-right: -5px }
.row5 > div { padding-left: 5px; padding-right: 5px }
.form-floating.form-floating-cus>input, .form-floating-cus>select { height: 38px; color: #6c757d; font-size: 14px}
.form-floating.form-floating-cus>textarea { height: 100px; }
.form-floating.form-floating-cus>label { padding: 5px 10px; color: #6c757d; }
.pull-right { float: right !important; }
#menu_top.fix { z-index: 99999999;
    position: fixed; top: 0;
     /* top: 81px; */ left: 0; width: 100%; -webkit-animation: fadeInDown 1.3s ease backwards; -moz-animation: fadeInDown 1.3s ease backwards; -o-animation: fadeInDown 1.3s ease backwards; -ms-animation: fadeInDown 1.3s ease backwards; }

/* */
.hotline-phone-ring-wrap { position: fixed; bottom: 0; left: 0; z-index: 999999; }
.hotline-phone-ring { position: relative; visibility: visible; background-color: transparent; width: 110px; height: 110px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block; }
.hotline-phone-ring-circle { width: 87px; height: 87px; top: 10px; left: 10px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid #e60808; -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0.5; }
.hotline-phone-ring-circle-fill { width: 57px; height: 57px; top: 25px; left: 25px; position: absolute; background-color: rgba(230, 8, 8, 0.7); border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.hotline-phone-ring-img-circle { background-color: #e60808; width: 33px; height: 33px; top: 37px; left: 37px; position: absolute; background-size: 20px; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; }
.hotline-phone-ring-img-circle .pps-btn-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.hotline-phone-ring-img-circle .pps-btn-img img { width: 20px; height: 20px; }
.hotline-bar { position: absolute; background: rgba(230, 8, 8, 0.75); height: 40px; width: 200px; line-height: 40px; border-radius: 3px; padding: 0 10px; background-size: 100%; cursor: pointer; transition: all 0.8s; -webkit-transition: all 0.8s; z-index: 9; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1); border-radius: 50px !important;    /* width: 175px !important; */ left: 33px; bottom: 37px; }
.hotline-bar > a { color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; text-indent: 50px; display: block; letter-spacing: 1px; line-height: 40px; font-family: Arial; }
.hotline-bar > a:hover, .hotline-bar > a:active { color: #fff; }
@-webkit-keyframes phonering-alo-circle-anim {
  0% { -webkit-transform: rotate(0) scale(0.5) skew(1deg); -webkit-opacity: 0.1; }
  30% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); -webkit-opacity: 0.5; }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: 0.1; }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; }
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: 0.6; }
  100% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% { -webkit-transform: rotate(0) scale(1) skew(1deg); }
  10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
  30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg); }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); }
}


/* Button Frame */
.btn-frame { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 10; cursor: pointer; }
.btn-frame i { width: 50px; height: 50px; border-radius: 50%; background: #0DB227; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.btn-frame i img { vertical-align: middle; width: 70%; }
.btn-frame .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.btn-frame .kenit-alo-circle { width: 60px; height: 60px; top: -5px; right: -5px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(7, 41, 103, 0.8); opacity: 0.1; border-color: #0DB227; opacity: 0.5; }
.btn-frame .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
.btn-frame .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.btn-frame .kenit-alo-circle-fill { width: 70px; height: 70px; top: -10px; right: -10px; position: absolute; border-radius: 100%; border: 2px solid transparent; background-color: rgba(7, 41, 103, 0.35); opacity: 0.4; }
.btn-frame .pulse { -webkit-animation-name: pulse; animation-name: pulse; }

/* Zalo */
.btn-zalo { bottom: 290px; }

/* Phone */
.btn-phone { bottom: 210px; }
.btn-fixed { bottom: 130px }

/* Messenger */
.js-facebook-messenger-top-header { background: #487dfc; color: #fff; height: 35px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 5px 5px 0 0; }
.js-facebook-messenger-container.closed { display: none !important; }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px; color: #404040; background: #fff; }
.js-facebook-messenger-tooltip.closed { display: none !important; }
.js-facebook-messenger-box, .js-facebook-messenger-button { z-index: 999; }
.js-facebook-messenger-tooltip { z-index: 999; display: none; position: fixed; text-align: center; border-radius: 10px; overflow: hidden; font-size: 12px; line-height: 1; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt; box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt; z-index: 1000000000000000019884624838656; }
.js-facebook-messenger-close-tooltip { width: 10px; height: 10px; display: inline-block; cursor: pointer; margin-left: 10px; }
.js-facebook-messenger-box { z-index: 999; }
.js-facebook-messenger-box.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }
.js-facebook-messenger-box.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999; }
.js-facebook-messenger-box { display: block;    /* position: fixed; */ cursor: pointer;    /* bottom: 200px; */ right: 17px; width: 50px; height: 50px; text-align: center; background: #0DB227; border-radius: 100%; overflow: hidden; z-index: 99; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); }
.js-facebook-messenger-box.rotate svg#fb-msng-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.js-facebook-messenger-box svg#fb-msng-icon { width: 32px; height: 33px; position: absolute; top: 8px; left: 9px; opacity: 1; overflow: hidden; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -webkit-transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out, -webkit-transform 160ms ease-in-out; }
.js-facebook-messenger-box.rotate svg#close-icon { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.js-facebook-messenger-box svg#close-icon { opacity: 0; width: 19px; height: 20px; position: absolute; top: 14px; left: 16px; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -webkit-transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out, -webkit-transform 160ms ease-in-out; }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000; }
.js-facebook-messenger-container { width: 250px; position: fixed; opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); bottom: 200px; right: 90px; border-radius: 10px; pointer-events: none; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16); -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -webkit-transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; transition: transform 160ms ease-in-out, opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; }
.js-facebook-messenger-top-head { width: 220px; color: #ffffff; background: #0DB227; display: block; position: relative; width: 220px; background: #0DB227; color: #ffffff; text-align: center; line-height: 1; padding: 10px; font-size: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.js-facebook-messenger-container iframe, .js-facebook-messenger-container-button iframe { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999; }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000; }
.js-facebook-messenger-top-head { color: #ffffff; background: #0DB227; width: 220px; }
.js-facebook-messenger-tooltip { color: #404040; background: #fff; }
.js-facebook-messenger-container.open { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; pointer-events: all; }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px; }
.js-facebook-messenger-box.open svg#fb-msng-icon { opacity: 0; }
.js-facebook-messenger-box.rotate.open svg#close-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.js-facebook-messenger-box.open svg#close-icon { opacity: 1; }

/*  */
.modal-body .toolbar { display: block; position: relative; }
.toolbar { width: 100%; bottom: 0px; position: fixed; z-index: 9999; left: 0px; display: none; -webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -moz-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -ms-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -o-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); }
.toolbar.is-active .list-phone { display: block; -webkit-animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; }
.toolbar .list-phone { position: absolute; bottom: 100%; left: 30px; opacity: 0; transform: scale(0); transform-origin: 50% 100%; display: none; }
.toolbar .list-phone a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background: #fff; max-width: 240px; padding: 10px 20px; margin: 10px 0; border-radius: 50px; padding-right: 30px; }
.toolbar .list-phone svg { max-width: 30px; max-height: 30px; }
.toolbar .list-phone span { display: block; width: calc(100% - 40px); color: #333; font-weight: 700; }
.toolbar .phone { position: relative; width: 50px; height: 50px; z-index: 99; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; margin: 0 0px -25px 30px; transition: transform .2s ease-in-out; }
.toolbar .phone a { color: #333; display: block; position: relative; }
.toolbar .phone a:before, .toolbar .phone a:after { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(135deg); width: 30px; height: 3px; border-radius: 2rem; background-color: #0DB227; opacity: 0; transition: opacity .2s ease-in-out; }
.toolbar .phone a:after { transform: translate(-50%, -50%) rotate(45deg); }
.toolbar .phone svg {max-width: 27px;max-height: 27px;display: block;position: relative;fill: #0DB227;}
.toolbar.is-active .phone { transform: rotate(-180deg); }
.toolbar.is-active .phone svg { opacity: 0; }
.toolbar.is-active .phone a:before, .toolbar.is-active .phone a:after { opacity: 1; }
.toolbar ul {list-style: none;display: flex;align-items: center;justify-content: space-between;padding: 0px;margin: 0px;--size: 33px;-webkit-mask: radial-gradient(var(--size) at 55px 0px, #0000 99%, #fff 101%) 100%;background: #0DB227;padding: 10px 0;padding-left: 100px;border-radius: 10px 10px 0px 0px;}
.toolbar ul li { text-align: center; width: 25%; line-height: 1; }
.toolbar ul li a { display: block; width: 100%; font-size: 27px; color: #ffff; }
.toolbar ul li .icon { position: relative; margin: 0 auto; text-align: center; }
.toolbar ul li a span { display: none; font-weight: 400; font-size: 11px; margin-top: 5px; color: #333; text-transform: capitalize; }
.toolbar ul li a img, .toolbar ul li svg { max-height: 30px; fill: #fff; width: 100%; }
.toolbar .phone svg {animation: tada 1.2s infinite;fill: #0DB227;}
.tada { animation: tada 1.2s infinite; }
.lang-toolbar { display: flex; justify-content: center; align-items: center; }
.toolbar ul li.lang-toolbar a { display: inline-block; width: unset; margin: 0px 2px; font-size: unset; }
.toolbar ul li.lang-toolbar a img { height: 10% !important; }
.ex6 path { fill: transparent; stroke: #fff; stroke-width: 0.5; stroke-dasharray: 1500; stroke-dashoffset: 1500; -webkit-animation: dash 5s ease forwards; animation: dash 5s ease forwards; }
@-webkit-keyframes dash {
    to { fill: #fff; stroke-dashoffset: 0; }
}
@keyframes dash {
    to { fill: #fff; stroke-dashoffset: 0; }
}
@keyframes tada {
    0% { transform: scaleX(1) }
    10%, 20% { transform: scale3d(.9, .9, .9) rotate(-3deg) }
    30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
    40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
    to { transform: scaleX(1) }
}
@keyframes quickShow {
    0% { opacity: 0; transform: scale(0); }
    100% { opacity: 1; transform: scale(1); }
}
@media(max-width:1001px) {
    .toolbar { display: block; }
    #top, #messages-facebook { display: none !important; }
    #footer {padding-bottom: 75px;}
}
.box_star img{display: inline-block !important;}
.result-label {
    max-height: 25px;
}
.result-label {
    border-radius: 20px;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    max-width: 100%;
    padding-right: 8px;
    position: absolute;
    z-index: 1000;
    left: 10px;
    bottom: 0;
}
.result-label.temp3 {
    background: linear-gradient(to right, #e91f63, #db2663);
}
.result-label img {
    float: left;
    max-width: 20px;
}
.result-label span {
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 10px;
    line-height: 13px;
    margin-left: 3px;
    overflow: hidden;
    padding: 4px 0 0 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    text-transform: uppercase;
}
.product_special blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}
.box_wrap_home {height: 76px;overflow: hidden;transition: all 0.5s;} 
.box_btn_home{display: none;cursor: pointer}


/* slick_flashsale */
.flashsale{margin-bottom: 20px}
.slick_flashsale { display: none;  }
.slick_flashsale .col-12 { padding: 0 10px; }
.item_flashsale{ text-align:center; }
.info_flashsale{padding: 10px 0 0;}


.info_flashsale h3 { margin-bottom: 3px; position: relative; display: block }
.info_flashsale h3 a { color: #262626; font-size: 15px; font-family: Montserrat; display: block; white-space: inherit; line-height: 1.5em; height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 700; }
.item_flashsale:hover .info_flashsale h3 a { color: #0db227; }
.price_flashsale { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 15px }
.price_flashsale .price_new { color: #e52727; font-family: Montserrat; font-weight: 700 }
.price_flashsale .price_old { color: #aaa4a4; text-decoration: line-through; margin-left: 10px;font-size: 14px}
.border_flashsale{border-radius: 10px;border: 1px solid rgb(238, 77, 45);padding: 0 0 15px;overflow: hidden;}
.title_flashsale{background: linear-gradient(to right, rgb(238, 77, 45), rgb(255, 115, 55));display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;padding: 10px 20px}
.title_flashsale p{ margin-bottom: 0;font-size: 18px; font-family: Montserrat; font-weight: 700;text-transform: uppercase;color: #fff}
.timecountdown span{background: #000;color:#fff;padding: 0 5px;font-weight: 700;font-family: Montserrat; border-radius: 5px; min-width: 30px;display: inline-block;text-align: center;}
.blink { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}
.detail_flashsale{background: linear-gradient(to right, rgb(238, 77, 45), rgb(255, 115, 55));padding: 5px 15px;color: #fff;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.detail_flashsale h3{ color: #fff;font-size: 20px !important;font-family: Montserrat; font-weight: 700; }
.beginflashsale > span{margin-bottom: 5px;display: block;text-transform: uppercase;}
.qtyorder{line-height: 20px;display: inline-block;min-width: 150px;background: linear-gradient(to right, rgb(238, 77, 45), rgb(245 175 145));color: #fff;border-radius: 500px;font-size: 12px;text-transform: capitalize;}