:root{--color-main: #0067AC;--color-second: #DA251D;--color-main-hover:#DA251D }
body {
    overflow-wrap: break-word;
    font-family: 'avos';
}

/* 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 var(--color-main); border-left: 3px solid var(--color-main); -webkit-transform-origin: 0 100% }
.foo::after { border-top: 3px solid var(--color-main); border-right: 3px solid var(--color-main); -webkit-transform-origin: 100% 0% }
.bar::before { border-bottom: 1px solid var(--color-main); border-left: 1px solid var(--color-main); -webkit-transform-origin: 100% 0% }
.bar::after { border-top: 1px solid var(--color-main); border-right: 1px solid var(--color-main); -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; }

/* ----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;}
.head.fix { position: fixed !important; top: 0px; left: 0px; width: 100%; -webkit-animation: fadeInDown 0s ease-in backwards; -moz-animation: fadeInDown 0s ease-in backwards; -o-animation: fadeInDown 0s ease-in backwards; -ms-animation: fadeInDown 0s ease-in backwards; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; z-index: 9999; -webkit-box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1); -moz-box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1); box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1); }
/* ----main layout---- */
.wrapper { margin: auto; width: 100%; position: relative; }
#wrapper { margin: auto; }
#content {/* margin-top: 20px; */}
#info {position: relative;padding-bottom: 20px;font-family: avos;}
.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{height: auto;}
.product_special *{max-width: 100%;}
.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: 'avo';margin-bottom: 20px;}
#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 var(--color-main) transparent; }
.tt_main .title:after {content: '';height: 1px;width: 90px;background: #B6B6B6;position: relative;display: block;margin: 0px auto;}
.tt_main .title {margin: 0;position: relative;font-size: 30px;color: var(--color-main);font-family: 'avo_b';text-transform: uppercase;line-height: 1.5em;display: inline-block;}
.tt_main .all { color: var(--color-main); font-family: 'avo'; 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: 'avo'; 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: 'avo_b'; 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: 'avo_b'; 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; }

.slogan_title{color: #464646;font-family: "avo";font-size: 14px;margin-bottom: 20px;text-align: center;}

/* --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;right: 0;width: 100%;max-width: 300px;background:#fff;border: thin solid #b9b9b9;font-family: 'avo';border-radius: 20px;float: left;line-height: 1.5em;}
#timkiem input {background: none;border: none;height: 28px;padding-right: 10px;color: #060606;width: calc(100% - 30px - 105px);float: left;outline: none;}
#timkiem input:focus { outline: none }

#timkiem select {background: none;border: none;height: 28px;padding-right: 10px;color: #060606;width: 105px;float: left;outline: none;}

#timkiem select option {
    line-height: 1.5em;
    height: 30px;
}
#timkiem select:focus { outline: none }
#timkiem button {border: none;background: none;color: #fff;height: 28px;width: 30px;box-sizing: border-box;position: relative;outline: none;float: right;text-align: center;font-size: 16px;}
#timkiem button i {display: block;}
#timkiem button i {color: #000;}
.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 var(--color-main);background: var(--color-main);color: #fff;height: 30px;box-sizing: border-box;padding: 0px 16px;position: relative;}

/* --mxh-- */
.social {}
.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: 'avo_b';}

/* --newsletter-- */
.box_dkemail {position: relative;padding: 80px 0 120px;color: #fff;}

.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: avo;}
.dk_left { margin: 20px 0px; }
.dk_left p {margin: 0;text-align: center;}
.tt_dk {font-size: 30px;text-transform: uppercase;font-family:avo;text-align: center;position: relative;font-weight: 500;color: #fff;}
.tt_dk:after{content: '';height: 3px;width: 245px;background: var(--color-main);position: relative;display: block;margin: 7px auto;}
.dknhantin { position: relative; margin: 0 auto; padding: 0px; }
.dknhantin input {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:focus { outline: none; }
.dknhantin button {border: none;background: var(--color-main);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;}
.dknhantin button: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: 95px;left: 0;margin-bottom: 20px;}
#left.active_top{top: 100px !important;left: calc((100% - 1200px)/2);}

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

.pro_left {
    float: right;
    width: 25%;
}

.pro_right {
    width: 73%;
}
.tt_gt {position: relative;margin: 0px auto 0px;width: calc(100%);height: 40px;line-height: 40px;background: var(--color-main);color: #fff;text-align: center;font-size: 16px;text-transform: uppercase;text-align: center;font-family: avo_b;padding-top: 3px;}
.tt_gt .title {margin: 0;font-size: 16px;color: #fff;font-family: 'avo_b', 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: var(--color-main); 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: 'avo';padding: 0;border: 2px solid var(--color-main);}
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: var(--color-main); }
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: avo_b;/* line-height: 30px; */font-weight: bolder;padding: 13px 0;padding-left: 14px;}

ul.cateUl >li >a i {
    float: right;
    margin-right: 10px;
}
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;}
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: avo;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: var(--color-main);}
ul.cateUl>li>a.menu_active {color: var(--color-main);}

.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: var(--color-main);padding: 5px 0;line-height: 30px;color: #fff;font-size: 14px;font-family: 'avo', 'Arial';}
.header_top ul{ display: block;color: #fff }
.header_top li{display: block;color: #fff;padding: 0 10px;float: right;}
.header_top li:first-child{float: left;padding-left: 0;}
.header_top li i{color: #ffffff;margin-right: 5px;}

#header-midle { position: relative; }
.header-midle {position: relative;padding: 5px 0;background: #fff;transition: all 1s;}
.header-midle i {color: var(--color-main);}
.header-midle .logo img { position: relative;/* z-index: 99999; */	/* margin-top: 7px; */ }
.header-midle .logo {position: relative;float: left;}
.header-midle .banner {position: relative;float: left;font-family: 'avo';/* padding-left: 80px; */}
.header-midle .banner img { }
.header-midle .email { text-align: right; font-family: 'avo'; 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: avo;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: avo_b;}
.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: var(--color-main);}
nav#menu ul li a, .mm-title{font-family:'avo'; 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: 0;left: 0;right: 0;padding: 5px 0;z-index: 9999;background: #fff;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: var(--color-main);}
.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: 'avo';z-index: 999;width: 100% !important;height: 50px;margin-top: 12px !important;}
#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: 16px;padding:0px 0px  !important;height: 50px;float: left;}
#menu_top ul#nav >li >a{position:relative;display:block;padding: 0px 18px !important;position:relative;color: #212121;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: var(--color-main) !important;}
#menu_top ul#nav >li:hover >a{color: var(--color-main)!important;}
#menu_top ul#nav >li >ul li{height:auto !important;border: thin #0c7cc7 solid;margin-bottom: -1px;}
#menu_top ul#nav >li >ul li a{background: var(--color-main);color:#fff;transition:all 1s;text-transform: uppercase;font-family: 'OPR';}
#menu_top ul#nav >li >ul li:hover>a{color: #ff0 !important;background: #047ed0;}
.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; }
.amazingslider-text-wrapper-1{right: 0 !important;left: auto !important;margin-right: 0 !important;bottom: 15% !important;}
.amazingslider-text-bg-1{background: #fffffff0 !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: 'avo_b';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: #000;padding: 35px 0 10px;background: #E8E8E8;font-family: 'avo';}
#footer a {/* color: #fff */}
#footer a:hover {color: var(--color-main-hover);}
#footer .tt_ft {font-family: avo_b;font-size: 25px;color: #f7f7f7;text-transform: uppercase;margin-bottom: 15px;position: relative;}
#footer .tt_ft_small {margin-bottom: 10px;position: relative;font-family: 'avo_b';font-size: 16px;color: #333333;text-transform: uppercase;}

.ft-col {font-family: avo;color: #999999;margin-bottom: 20px;font-size: 13px;}
.ft-col .info { margin: 10px 0 0; padding: 0; }
.ft-col .info li {font-size: 15px;font-family: 'avo';padding: 5px 0 5px 0px;list-style: none;}
.ft-col .info li a {color: #333;}
.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 {background: var(--color-main);color: #fff;line-height: 20px;font-family: 'avo';font-size: 13px;text-align: center;padding: 10px 0;}
.logo_ft{margin-bottom: 15px;}

.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: 'avo_b';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: var(--color-main); 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 {}
.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: var(--color-main); color: #fff; cursor: pointer; text-transform: uppercase; }
.button-contact:hover { background: none; color: var(--color-main); }
.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: 56.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%; }
 */
 .selectors{padding:5px;border: thin solid #dfdfdf;margin-top: 3px;}
.selectors a[data-slide-id=video-1], .selectors a[data-slide-id=video-2] { position: relative; }
.selectors a[data-slide-id=video-1] img, .selectors a[data-slide-id=video-2] img { opacity: 0.8; }
.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; }
.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 {}
.product-info-spec li {padding: 5px 0px 5px 0px;/*  border-bottom: 1px solid #eee; */width: 100%;float: left;list-style: none;font-family: 'avo';}

.product-info-spec li.khuyenmai_detail {
    max-height: 200px;
    overflow: auto;
    /* border: thin solid #dfdfdf;
    padding: 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;height: 6px; background-color: #F5F5F5; }
.product-info-spec li.khuyenmai_detail::-webkit-scrollbar-thumb { background-color: var(--color-main); }

.product-info-spec h2 {text-transform: uppercase;margin: 0;font-size: 20px;font-family: avo_b;color: var(--color-main);font-weight: 700;}
.product-info-spec .masp { color: #000; }
.product-info-spec .masp span {color: #000000;font-family: avo;/* font-weight: 700; */}
.product-info-spec .mota_detail { color: #757575 }
.product-info-spec .gia_detail {font-size: 17px;color: #cd0000;font-family: avo;font-weight: 700}
.product-info-spec b {color: #333;font-size: 14px;font-family: avo_b;}
.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;text-align: center;}
.product_item h3 a {color: #262626;font-size: 17px;font-family: avo;display: block;white-space: inherit;line-height: 1.5em;height: 3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 700;}
.product_item h3 a:hover {color: var(--color-main);}
.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: 'avo'; 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 var(--color-main);}
.product_item:hover .wrap{border: 1px solid var(--color-main);border-bottom: 3px solid var(--color-main);}
.product_item .inf_ {position: relative;padding: 5px;}
.product_item .desc {margin: 0px 0 8px; color: #333;font-family: 'avo';line-height: 1.5em;height: 6em;overflow-y: overlay;display: block;font-size: 13px !important;}

.product_item .desc p {
    margin: 0 !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: var(--color-main); }

.product_item .price {color: #000000;padding: 0px 0px 0px;font-size: 13px;line-height: 30px;position: relative;}
.product_item .price b { color: #f5821e; font-size: 15px; }
.product_item .price span {color: #ea1100;font-weight: 700;font-family: avo;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; }
.price-old span {color: #7c7c7c !important;font-weight: normal !important;text-decoration: line-through;font-family: 'avo' !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 var(--color-main); }
.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: avo; color: #fff; margin-bottom: 20px; }
.product_item .addcart{font-family: avo;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 .addcart:hover{background: rgba(255,0,0,0.7)}
.product_item:hover .addcart{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: avo;}
.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: 12px;line-height: 21px;top: 5px;right: 5px;z-index: 99;}

/* ---video--- */
.box_video { margin-bottom: 20px; }
.box_video:nth-child(3n+1){clear: both;}
.box_video h3 {text-align: center;font-family: 'avo_b';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: 'avo_b', Tahoma; text-transform: uppercase; }
.gt_home h3 a:hover { color: var(--color-main); }
.gt_home .desc { text-align: center; font-size: 14px; line-height: 1.9em; color: #4c4c4c; white-space: inherit; font-family: 'avo'; }
.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: var(--color-main); 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: 'avo_b'; }
.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: 'avo'; 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: 'avo'; 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: 'avo';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: 'avo'; font-size: 13px; color: #212121; white-space: inherit; }
.item_tc:hover .img img {transform: scale(1.1);/* box-shadow: 0 0 11px 4px var(--color-main); *//* background: var(--color-main); */}
.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: 'avo_b'; color: #fff; margin-top: 20px; }
.icon_tc .desc { font-size: 14px; font-family: 'avo'; 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: 'avo'; }
.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: avo;}
.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: avo;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: var(--color-main);color: #fff;margin-top: 5px;}
.content-blog  a.xemthem:hover { background: none; color: var(--color-main); }

/* --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: 'avo'; font-size: 14px; line-height: 20px; }
.first-item-news .desc { font-family: 'avo'; 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: 'avo'; margin-bottom: 25px; box-shadow: 5px 5px 0 #5e5e5e; }
 
/* --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; }
 
.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: 'avo_b' !important;font-size: 27px !important;color: var(--color-main) !important;text-transform: uppercase;}
.amazingslider-description-1 {font-family: 'avo' !important;font-size: 15px !important;color: #151414 !important;text-transform: uppercase;}

.amazingslider-text-1 {
    padding: 20px !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: 'avo_b';font-size: 18px;white-space: inherit;line-height: 1.5em;height: 3em;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;font-family: 'avo';}
.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: 'avo_b'; 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: 'avo_b'; font-size: 20px; color: #ff0800; margin: 10px 0 20px; }
.desc_ct { font-family: 'avo'; 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: 'avo_b'; 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: 'avo_b'; 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: 'avo_b';}
.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: 'avo';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: var(--color-main); color: #fff; }
.box-news1:hover img {box-shadow: 0 0 4px 1px var(--color-main);}
.box-news1 .date_{background: #fff;padding: 7px 15px;font-family:'avo';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: avo;font-weight: 500}
.box-news1 .date_ span + span{font-size: 11px;font-family: avo;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: 'avo_b'; 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: 'avo'; color: #5b5b5b; margin: 10px 0; text-align: center }
.tab_bottom { }
ul.tab_end {margin: 15px 0 25px 0px;padding: 0;border-bottom: 2px solid var(--color-main);}
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: 'avo_b';font-size: 15px;padding: 0 20px;background: #E6E6E6;}
ul.tab_end li a.selected {position: relative;color: #fff;background: var(--color-main);}
.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: var(--color-main); 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; }
/* === */
.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: avo;}
.inline-product-entry .title:hover{color: #ff0000;}
.inline-product-entry .price .current{font-size: 13px;color: #fc0000 !important;font-family: avo;}

/* === */
.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: avo_b;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: avo_b;font-weight: normal;color: #f00;}
/* === */
.partner {padding: 30px 0px;}
.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: 1px dotted #DBDBDB; }
.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:229px; opacity: 1; }
.slider_ct .slick-next { width: 35px; height: 71px; background: url(../images/button_r.png) !important; right: 229px; opacity: 1; }
.slider_ct .slick-prev:before { content: ''; }
.slider_ct .slick-next:before { content: ''; }

.box_projects{position: relative;padding: 10px 0 20px;}
.projects{position: relative;overflow: hidden}
.project_it {position: relative;cursor: pointer;overflow: hidden}
.project_it{padding: 0 10px;position: relative;}
.project_it img{width: 100%}
.project_it .inf_{ background: #000000a3;color: #fff;position: absolute;width: calc(100% - 20px);bottom: 0;left: 10px;text-align: center;font-size: 16px; opacity: 0;padding: 15px;}
.project_it span.tit{line-height: 1.5em;height: 1.5em;font-size: 16px;font-family: "avo_b";white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-transform: uppercase;}
.project_it .desc{line-height: 1.5em;max-height: 4.5em;font-size: 14px;font-family: "avo";white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.project_it.slick-center .inf_{opacity: 1}
.project_it:hover span.tit{color: yellow}

.MagicZoom { border: thin #dfdfdf solid; padding: 3px; background: #fff; }
.imgSP { position: relative; }


.item_project{position: relative;overflow: hidden;}
.item_project .inf_{background: #000000a3;color: #fff;position: absolute;width: calc(100%);bottom: 0;left: 0px;text-align: center;font-size: 16px;padding: 15px}
.item_project span{line-height: 1.5em;height: 1.5em;font-size: 16px;font-family: "avo_b";white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-transform: uppercase;}
.item_project .desc{line-height: 1.5em;height: 3em;font-size: 14px;font-family: "avo";white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.item_project:hover span{color: yellow}

/* about_index */
.about_index{padding: 50px 0;background: #F2F2F2;border-bottom: 1px solid #EDEDED;position: relative;min-height: 485px; }

.info_about{width: 61%;float: left;padding-right: 30px;padding-left:calc((100% - 1200px)/2); }
.info_about .img{float: left;margin-right: 20px;margin-bottom: 12px;display: inline-block;}
.info_about h3{font-family: 'avo_b';font-size: 28px;text-transform: uppercase;margin: 0;margin-bottom: 15px;}
.info_about h3 a { color: var(--color-main); display: block; line-height: 1.5 }
.info_about:hover h3 a{color:#f00 }
.info_about span{color: #363636;line-height: 25px;font-family: "avo";font-size: 14px;white-space: inherit;line-height:20px;max-height:160px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
.more_about{display: inline-block;width: 125px;line-height: 37px;height: 37px;border: 1px solid var(--color-main);color: var(--color-main);text-transform: uppercase;font-size: 14px;font-family: 'avo';text-align: center;margin-top: 20px;}
.more_about:hover{color: #fff;background: var(--color-main)}
/* criteria */
.criteria{background: url(../images/bg_criteria.png) no-repeat center;background-size: cover;position: absolute;height: 100%;right: 0;top: 0;width: 39%;padding: 40px;padding-right: calc((100% - 1200px)/2);}
.title_criteria{color: #F0C241;text-transform: uppercase;font-size: 27px;font-family: 'avo_b';margin-bottom: 20px;}
.item_criteria{margin: 7px 0;}
.img_criteria{width: 75px;float: left;margin-right: 15px;}
.info_criteria h3{color: #fff;font-size: 16px;font-family: "avo_b";line-height: 1.5em;height: 1.5em;overflow: hidden;margin: 0;}
.info_criteria span{color: #fff;font-size: 13px;font-family: "avo";line-height: 22px;height: 44px;overflow: hidden;display: block;}

/* product_list */
.product_list{padding: 30px 0;}
.info_list h3{text-transform: uppercase;font-size: 18px;font-family: "avo_b";line-height: 40px;height: 40px;overflow: hidden;text-align: center;position: relative;margin: 0;margin-bottom: 10px;margin-top: 10px;}
.info_list h3::after{position: absolute;content: "";width: 35px;height: 2px;background: var(--color-main);left: calc(50% - 17px);bottom: 0;}
.info_list h3 a{color: #3F3F3F}
.info_list:hover h3 a{color: var(--color-main-hover);}
.info_list span{color: #515151;line-height: 25px;height: 50px;overflow: hidden;display: block;text-align: center;font-family: 'avo';}

/* center */
.center{padding: 30px 0}
.title_center{position: relative;margin-bottom: 20px;padding-bottom: 10px;background: url('../images/title.png') repeat-x bottom left;}
.title_center::after{position: absolute;content: "";width: 60px;height: 4px;left: 0;bottom: 0;background: var(--color-main);}
.title_center span{color: var(--color-main);font-size: 25px;font-family: 'avo_b';text-transform: uppercase;}
.item_center{margin: 10px 0;}
.img_center{width: 215px;float: left;margin-right: 15px;}
.info_center{width: calc(100% - 230px);float: left;}
.info_center h3{line-height: 25px;height: 50px;overflow: hidden;font-size: 16px;font-family: "avo_b";margin: 0}
.info_center h3 a{color: #000000}
.info_center span{color: #1E1E1E;font-size: 14px;font-family: "avo";line-height: 23px;height: 69px;overflow: hidden;display: block}
.date_center{color: #9A9A9A;margin: 5px 0;font-size: 13px;font-family: "avo";}
.date_center a{color: var(--color-main);}

#main_video_owl{width: calc(100% - 154px);float: left}
#sub_video_owl{width: 149px;margin-left: 5px;float: left}

/*news*/
h1.tieude { font-size: 25px; margin-bottom: 10px; }
.box-km { border: 1px solid #EBEBEB; transition: all 0.3s ease; background: #fff; padding: 7px; box-shadow: 4px 4px 8px #ccc; }
.box-km .img { padding-left: 0px !important; padding-right: 0px !important; }
.box-km .img { transform: translateZ(0); overflow: hidden; position: relative; border: 3px solid #fff; }
.box-km .img img { width: 100%; height: auto; transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.box-km .img:hover img { transform: scale(1.2); }
.box-km .mota { padding: 5px 10px !important; }
.box-km .mota h3 { font-size: 18px; margin: 0px; line-height: 20px; text-align: left; height: 43px; overflow: hidden; }
.box-km .mota h3 a { font-family: 'avo_b'; color: #000; }
.box-km .mota h3 a:hover { color: #f00; }
.box-km .mota p { font-size: 14px; line-height: 20px; height: 80px; text-align: justify; margin: 0px; margin-top: 10px; overflow: hidden; }
.item_news { margin-bottom: 20px }
.item_news:nth-child(2n+3) { clear: both; }
.more_news{text-align: right;margin-top: 10px}
.more_news a{display: inline-block;color: #363636;font-size: 15px;font-family: "avo_b";}
.more_news:hover a{color: red}


/* list_product */
.list_product ul{list-style: none;display: block;margin-bottom: 10px;}
.list_product ul li{float: left;border: 1px solid #ccc;list-style: none;font-family: "avo";font-size: 14px;text-transform: capitalize;}
.list_product ul li a{color: #000;padding: 5px 10px;display: block;}
.list_product ul li:hover a{color: #fff;background: var(--color-main);}
.list_product ul li.active a{color: #fff;background: var(--color-main);}
.modal-body input{margin-bottom: 10px;}
.modal-body textarea{margin-bottom: 10px;}


.hotline_mb{background: red;width: 40px;height: 40px;text-align: center;line-height: 40px;color: #fff;border-radius: 50%;overflow: hidden;font-size: 16px;display: inline-block;position: absolute;top: 10px;right: 10px;}
.hotline_mb i{color: #fff}

.product_detail_flex{display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;}
.box_newss{padding: 40px 0;background: #E8E8E8;}
.slider_new{margin: 0 -10px;}
.slider_new .slick-prev { width: 35px; height: 71px; background: url(../images/button_l.png) !important; left:0; opacity: 1; }
.slider_new .slick-next { width: 35px; height: 71px; background: url(../images/button_r.png) !important; right: 0; opacity: 1; }
.slider_new .slick-prev:before { content: ''; }
.slider_new .slick-next:before { content: ''; }
.box-news{position: relative;margin: 0px;padding: 0 10px;}
.box-news .wrap{position: relative;border:thin solid #dfdfdf;background: #fff;}
.box-news .img{position: relative;overflow: hidden;background: #fff;}
.box-news .img img{border-radius: 0;width: 100%;}
.box-news h3{font-size: 14px;margin: 10px 0 10px;font-family: 'avo_b'}
.box-news h3 a{color: #0067ac;outline: none;line-height: 1.5em;height: 4.5em;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.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;padding: 10px;}
.box-news .desc div{font-size: 13px;color: #5a5a5a;text-align: justify;line-height: 1.5em;height: 6em;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.box-news .info{border-top:thin solid #dfdfdf;}
.box-news .info .time{width: 80px;background: #da251d;padding:10px;color: #fff;text-align: center;float: left;margin-right: 10px;height: 100%;}
.box-news .info .time p{font-size: 14px;margin: 0}
.box-news .info .time > p{font-family: 'avo_b';font-size: 18px;}
.box-news .info .time > p + p{font-family: 'avo';font-size: 14px;}
.box-news .info .time p:last-child{font-family: 'avo_b';font-size: 14px;}
.box-news:hover img{transform:scale(1.1);}
.date{color: #999;font-size: 12px;margin-top: 5px;margin-bottom: 5px;}

.box_projects{padding: 30px 0;background: #fff;}
.box_product_home{padding: 30px 0;background: #fff;}
.box_product_home:nth-child(2n){background: #F2F2F2;}
.slider_home .slick-prev { width: 35px; height: 71px; background: url(../images/button_l.png) !important; left:0; opacity: 1; }
.slider_home .slick-next { width: 35px; height: 71px; background: url(../images/button_r.png) !important; right: 0; opacity: 1; }
.slider_home .slick-prev:before { content: ''; }
.slider_home .slick-next:before { content: ''; }
.product_home { padding: 0 10px; }
.product_home .wrap { background: #fff; }