body {font-size: 15px;line-height: 1.42857143}

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

/* class common */
.overflow { overflow: hidden; }
.maxwidth { margin: 0 auto; }
.maxwidth1 { margin: 0 auto; }
.paddl_0 { padding-left: 0 !important; }
.paddr_0 { padding-right: 0 !important; }
.line { height: 0px; border: 1px dashed #cecece; margin: 20px 0; }
.inline { display: inline-block; }
.tt_shadow { text-shadow: 1px 0 0 #fff, -1px 0 0px #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
.tt_shadow1 { text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }
.tbl { display: table; height: 100%; width: 100%; }
.tbl .cell { display: table-cell; vertical-align: middle; }

/* ----back to top--- */
#top {width: 41px;height: 41px;background: url(../images/top.png);position: fixed;right: 16px;bottom: 50px;cursor: pointer;display: none;z-index: 100;}

/* ----main layout---- */
.wrapper { margin: auto; width: 100%; position: relative; }
#wrapper { margin: auto; }
#content { margin-top: 20px; }
#info { position: relative; padding-bottom: 20px; }
.container-left { position: relative; }
.container-right { position: relative; }
.content { border: thin solid #eaeaea; border-radius: 5px; margin-bottom: 20px; background: #fdfdfd; }
.content_wrap { padding: 15px; }
.content_wrap img { height: auto; }
.product_special img{height: auto;}
.product_special *{max-width: 100%;}
.content *{max-width: 100%;}
/* ---- */
.map-container { position: relative; padding-bottom: 30%; padding-top: 30px; height: 0; overflow: hidden; }
.map-container iframe, .map-container object, .map-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

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

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


/*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;display: flex;position: relative;flex-wrap: wrap}
.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: 'RB';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;font-size: RR;}
.item_news {margin-bottom: 20px;}
.item_news:nth-child(2n+3) { clear: both; }

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

/* --mxh-- */
.social {margin-left: 15px;display: flex;justify-content: space-between;align-content: center;flex-wrap: wrap}
.social img { vertical-align: middle; margin-left: 5px; }
.social-bt {margin-top: 10px;}
.social-bt span { margin-right: 15px; }
.social-bt img { position: relative; margin-left: 2px; }

/* --thongke-- */
.box_tk { padding: 20px; border: thin dotted #ff6161; border-radius: 10px; text-align: center; }
#thongke { position: relative; font-size: 13px; margin: 0; display: inline-block; text-align: left; }
#thongke li { position: relative; list-style: inside; color: #fff; display: inline-block; padding: 0 10px; border-right: thin solid; line-height: 11px; }
#thongke li:last-child { border: none; margin: 0 }
#thongke img { position: relative; top: 0px; margin-right: 5px }
#thongke span { color: #fdfdfd; font-weight: bold; display: inline-block; margin-left: 5px; font-family: 'OPB'; }
.pull-right {
    float: right !important;
}
/* --newsletter-- */
.box_dkemail {position: relative;padding: 80px 0 120px;color: #fff;}
.dangkymail {position: relative;font-family: avo;margin-bottom: 15px;}
.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;}
.tt_dk:after{content: '';height: 3px;width: 245px;background: #CDCDCD;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: #ffff;color: #000000;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; }

.newsletter{padding: 15px 0;background: url(../images/ft_bg.jpg);}
.title_newsletter{background: url('../images/newsletter.png') no-repeat left center;padding-left: 70px;min-height: 59px;}
.title_newsletter h2{color: #fff;font-size: 18px;font-family: 'RB';margin-bottom: 5px;text-transform: uppercase;}
.title_newsletter span{color: #fff;font-family: 'RR';font-size: 13px;}
.dangkymail{margin-top: 30px;}
.dangkymail input:not(.btn-newsletter){width: calc(100% - 100px);margin-bottom: 5px;border: none;line-height: 40px;padding: 0 10px;outline: none;border-radius: 2px;font-family: "RR";font-size: 14px;float: left;}
.dangkymail .btn-newsletter{line-height: 40px;height: 40px;overflow: hidden;border: none;background: #ff0000;color: #fff;width: 100px;font-family: "RR";font-size: 14px;float: left;text-align: center;text-transform: uppercase;}
/*.newsletter .social-bt{margin-top: 29px;}*/

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

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

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

.box_cart{transition: all 1s;}
.box_cart > a{padding-left: 60px;background: url('../images/cart.png') no-repeat left center;display: block;min-height: 51px;padding-top: 6px;}
.box_cart > a > span{color: #212121;font-size: 14px;font-family: 'RR';display: block}
.box_cart p{color: #6B6B6B;font-size: 13px;font-family: 'RR';font-style: italic;}
.box_cart p span{font-size: 14px;font-family: 'RR';color: #EC202B}

/* menu */
.mm-opening .wrapper:before{display: none}
nav#menu{background: #0DB227;}
nav#menu ul li a, .mm-title{font-family:'Montserrat'; font-size:14px; color:#fff; text-transform:uppercase}
.mm-title{font-size:20px; color:#fff !important}
nav#menu ul li a img { border: thin solid #fff; border-radius: 50%; background: #fff;margin-right: 10px }
nav#menu ul li a:hover{background:rgba(255,255,255,0.1)}
.menu-l{width:auto; display:inline-block}
nav:not(.mm-menu){display:none}
.mn_rp{position: fixed;display: none;top: 0;left: 0;right: 0;z-index: 9999;background: #0DB227;box-shadow: 0 0px 5px 0 #e2e2e2;}
.lang{position: absolute;right: 80px;top: 15px;}
.mn_rp .cart{position: absolute;right: 20px;top: 8px;}
.mn_rp .cart a{color: #ffffff;}
.mn_rp .cart i{font-size: 19px;border: thin solid #ffffff;border-radius: 50%;width: 35px;height: 35px;line-height: 35px;text-align: center;}
.mn_rp .cart span{font-size: 13px;color: #ffffff;position: absolute;right: -10px;top: -2px;}
.mn_rp img{max-height: 100%;}
.menu_rp{padding: 0 10px;height: 55px;position: relative;top: 0px;z-index: 0;line-height: 55px;color: #fff !important;font-size: 18px;display: block;text-align: center;}
.ico{color: #fff;position: relative;z-index: 99;}
.ico i{font-size: 27px;line-height: 40px;padding: 3px 15px;top: 4px;left: 0px;position: absolute;border-radius: 0;color: #fff;}
.mn_rp #lang{font-size: 17px;}
.mn_rp #lang span{position: relative;top: -5px;}
.mn_rp #lang span a i{font-size: 20px;margin-right: 10px;color: #fff;line-height: 30px;display: inline-block;}
.mn_rp #lang i.fa-phone{font-size: 25px;}
.mn_rp #lang a.cart{color: #fff;}
span#lang{position: absolute; top: 7px; right: 20px; text-align: center;z-index: 1;text-shadow:none;color: #fff;font-weight: bold;font-size: 23px;}
#menu_top.active_top{position: fixed;width:100% !important;top: 0;z-index: 9998;margin-top: 0 !important;box-shadow: 0 0 2px #c1c1c1;}
#menu_top.active_top  .logo{top: 0;transform: translateX(-50%);}
#menu_top.active_top  .logo img{width: 90px}
#menu_top{margin:0px 0 0px !important;position: relative;font-family: 'RB',Tahoma;z-index: 999;width: 100% !important;height: 50px;left: 0;background: #0DB227;border-bottom: thick;}
#menu_top .logo_m{transform: scale(0); height: 100%;opacity: 0;padding: 4px;background: #fff;box-sizing: border-box;margin-right: 10px;}
#menu_top #myslidemenu{margin:0 auto;position:relative;}
#menu_top ul#nav{position: relative;padding: 0;margin: 0;height: 50px;display: table;width: 100%}
#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:table-cell;text-transform:uppercase;text-align:center;font-size: 15px;padding:0px 0px  !important;height: 50px;background: url(../images/menu_line.png) right center no-repeat;vertical-align: middle;}
#menu_top ul#nav >li >a{position:relative;display:block;padding: 0px 8px !important;position:relative;color: #ffffff;font-weight: 700;line-height: 50px;height: 50px;text-align: center;}
#menu_top ul#nav >li >a span{display: block;}
#menu_top ul#nav >li >a.menu_active{color: #fff !important;background: #ff0000;}
#menu_top ul#nav >li:hover >a{color: #fff !important;background: #ff0000;}
#menu_top ul#nav >li >ul li{height:auto !important;border: thin #4ebf60 solid;margin-bottom: -1px;}
#menu_top ul#nav >li >ul li a{background: #0db227;color:#fff;transition:all 1s;text-transform: uppercase;font-family: 'OPR';}
#menu_top ul#nav >li >ul li:hover>a{color:#fff !important;background: #036312;}
.noboder{border:none;}
.vach_menu{background: url(../images/menu_line.png) right center no-repeat;}
.active_top .logo_m{transform:scale(1) !important;opacity: 1 !important;float: left !important;}
/* --slider main-- */
#slider {position: relative;max-width: 100%;}
.img_home img { width: 100%; }
/* .amazingslider-text-box-1 { display: none !important; }
.amazingslider-arrow-left-1 { width: 61px !important; height: 62px !important; background: url(../images/b_left.png) !important; z-index: 99; }
.amazingslider-arrow-right-1 { width: 61px !important; height: 62px !important; background: url(../images/b_right.png) !important; z-index: 99; } */
.amazingslider-text-bg-0 { background-color: rgba(0, 0, 0, 0.65) !important; }

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


.box_online{
    margin-top: 40px;
}
.box_online img{float: left;margin-right: 11px;}
.box_online .list_thongke{float: left;width: calc(100% - 100px);}


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

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

/*-----------------product detail-----------------------*/
.product_detail_img{width: calc(100% - 90px);}
.product_detail_img_sub{width: 85px;}
.product-pic { position: relative; }
.zoom-gallery { text-align: center; margin: 0 auto; /* padding: 3px; border: thin solid #dfdfdf; */ }
.zoom-gallery-slide { display: none; }
.zoom-gallery-slide.active { display: block; }
.zoom-gallery .video-slide { position: relative; padding-bottom: 94.25%; padding-top: 30px; height: 0; overflow: hidden; }
.zoom-gallery .video-slide iframe, .zoom-gallery .video-slide object, .zoom-gallery .video-slide embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* .zoom-gallery .selectors { text-align: center; margin: 10px 0; }
.zoom-gallery .selectors a { margin: 5px; border: 1px solid transparent; display: inline-block; }
.zoom-gallery .selectors a:hover, .zoom-gallery .selectors a.active { border-color: #ccc; }
.zoom-gallery .selectors img { box-shadow: none !important; filter: none !important; -webkit-filter: none !important; height: 75px; max-width: 100%; }
 */.zoom-gallery .selectors a[data-slide-id=video-1], .zoom-gallery .selectors a[data-slide-id=video-2] { position: relative; }
.zoom-gallery .selectors a[data-slide-id=video-1] img, .zoom-gallery .selectors a[data-slide-id=video-2] img { opacity: 0.8; }
.zoom-gallery .selectors a span { position: absolute; color: #fff; text-shadow: 0px 1px 10px #000; top: 50%; left: 50%; display: inline-block; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); font-size: 30px; z-index: 100; }
.video-1:before{position: absolute; color: #fff; text-shadow: 0px 1px 10px #000; top: 50%; left: 50%; display: inline-block; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); font-size: 30px; z-index: 100;}
.product-info { position: relative; }
.MagicScroll_wrap .MagicScroll{height: 70px !important;}
.MagicScroll_wrap {
    margin-top: 10px;
    border: thin #dfdfdf solid;
    padding: 10px 0px;
}
.mcs-item {
    margin: 0 5px;
}
.slider_product { margin: -5px -5px !important; display: none; }
.slider_product .slick-prev { width: 15px; height: 25px; background: url(../images/left.png) !important; left: 5px; opacity: 1; }
.slider_product .slick-next { width: 15px; height: 25px; background: url(../images/right.png) !important; right: 5px; opacity: 1; }
.slider_product .slick-prev:before { content: ''; }
.slider_product .slick-next:before { content: ''; }
.slider_product .item_s { padding: 5px; }
.product-info { position: relative; }
.product-info-spec { font-family: 'RR', sans-serif; }
.product-info-spec li {padding: 5px 0px 5px 0px;/*  border-bottom: 1px solid #eee; */width: 100%;float: left;list-style: none;font-family: 'Montserrat';}

.product-info-spec li.khuyenmai_detail {
    max-height: 295px;
    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; background-color: #F5F5F5; }
.product-info-spec li.khuyenmai_detail::-webkit-scrollbar-thumb { background-color: #0db227; }
.product-info-spec h1 {
    text-transform: uppercase;
    margin: 0;
    font-size: 24px;
    font-family: Montserrat;
    color: #000000;
    font-weight: 700;
}
.product-info-spec h2 {text-transform: uppercase;margin: 0;font-size: 20px;font-family: Montserrat;color: #000000;font-weight: 700}
.product-info-spec .masp { color: #000; }
.product-info-spec .masp span {color: #000000;font-family: Montserrat;font-weight: 700;}
.product-info-spec .mota_detail { color: #757575 }
.product-info-spec .gia_detail {font-size: 17px;color: #cd0000;font-family: Montserrat;font-weight: 700}
.product-info-spec b {color: #333;font-size: 14px;font-family: Montserrat;}
.product-info-spec .giacu_detail { color: #999; text-decoration: line-through; }
.product-info-spec .giacu_detail span { text-decoration: line-through; }
.product-info-spec .baohanh_detail { color: #015DA4; }
.product-info-spec .gia_detail span {/* font-size: 14px; *//* color: #666; */}
.detail-tool { margin-bottom: 10px; }
.detail-tool .amount_b { margin-bottom: 10px; }
.detail-tool .amount_b label { font-weight: normal; }
.detail-tool .amount_b input { border: thin solid #dfdfdf; border-radius: 3px; height: 28px; line-height: 28px; padding: 0 5px; }

/* --product-- */
.row_pro { margin-left: -5px; margin-right: -5px; }
.product_item {position: relative;margin: 0 0px 20px 0;font-family: 'OPR';} 
.product_item.pro_in {position: relative;margin: 0 0px 20px 0;font-family: 'OPR';padding: 0 10px;width: 25%;float: left;} 
 
.product_item .img {position: relative;padding: 0px;overflow: hidden;border-bottom: thin solid #dfdfdf;}
.product_item .img img { width: 100%; }
.product_item .img a { outline: none; }
.product_item .bong_sp { height: 8px; width: 100%; left: 0; top: 100%; background: url(../images/bong_sp.png) center no-repeat; }
.product_item .img1 { position: relative; }
.product_item .img2 { z-index: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.product_item h3 {position: relative;margin: 5px 0 5px;transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.5s ease 0s;}
.product_item h3 a {color: #262626;font-size: 15px;font-family: Montserrat;display: block;white-space: inherit;line-height: 1.5em;height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 700;}
.product_item h3 a:hover {color: #0db227;}
.product_item .chitiet { display: inline-block; z-index: 99; text-align: center; position: relative; margin: 8px 20px 5px 0; text-transform: uppercase; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.5s ease 0s; }
.product_item .chitiet a { padding: 0px 10px 0 0px; height: 37px; line-height: 37px; background: #154100; color: #fff; font-family: 'RR'; font-size: 14px; display: block; transition: all 0.25s ease 0s; }
.product_item .chitiet a i { display: inline-block; background: #ff0000; height: 37px; float: left; line-height: 37px; padding: 0 8px; margin-right: 7px; }
.product_item .chitiet a:hover { background: #f00 }
.product_item .wrap {position: relative;border: thin solid #dfdfdf;padding: 2px;}
.product_item:hover .wrap{border: 1px solid #0db227;box-shadow: 0 0 7px 1px #0db227;transform: translateY(-10px);}
.product_item .inf_ {position: relative;padding: 5px;}
.product_item .desc {margin: 0px 0 8px;text-align: justify;color: #505050;font-family: 'RR';line-height: 20px;height: 80px;overflow: overlay;display: block;font-size: 13px !important;}
.product_item .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); background-color: #fff; }
.product_item .desc::-webkit-scrollbar { width: 6px; background-color: #fff; }
.product_item .desc::-webkit-scrollbar-thumb { background-color: #fff; }

.product_item .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: Montserrat;font-size: 15px;}
.product_item .price .cart_p {display: inline-block;float: right;background: #CD2100;padding: 2px 5px;border-radius: 20px;color: #fff;font-family: RR;cursor: pointer;}
.product_item .price .cart_p i { width: 25px; height: 25px; border-radius: 50%; background: #fff; text-align: center; line-height: 25px; color: #E0A400; }
.product_item .price .cart_p:after{content: '';-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;transition: all 0.25s linear;width: 94%;height: 3px;position: absolute;/* FF3.6+ *//* Chrome,Safari4+ *//* Chrome10+,Safari5.1+ *//* Opera 11.10+ *//* IE10+ */ /* for IE *//* W3C */bottom: 0;right: 14px;background: -moz-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* FF3.6+ */background: -webkit-gradient(linear, 90deg, color-stop(0, FFFFFF), color-stop(65%, CD2100));/* Chrome,Safari4+ */background: -webkit-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* Opera 11.10+ */background: -ms-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* IE10+ */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */background: linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* W3C */} 
.product_item .price .cart_p:hover{background: #FFA800;}
.product_item .price .cart_p:hover:after{background: -moz-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* FF3.6+ */background: -webkit-gradient(linear, 90deg, color-stop(0, FFFFFF), color-stop(65%, FFA800));/* Chrome,Safari4+ */background: -webkit-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* Opera 11.10+ */background: -ms-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* IE10+ */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */background: linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* W3C */}
.price-old { color: #838285; padding: 0px 15px 6px; font-size: 13px;height: 20px; }
.price-old span {color: #7c7c7c !important;font-weight: normal !important;text-decoration: line-through;font-family: 'Montserrat' !important;font-size: 12px !important;    height: 20px;
    display: inline-block;}
.product_item .pro_cart { display: inline-block; }
.product_item .pro_cart a {display: inline-block;height: 45px;padding: 0 15px;background: none;transition: all 0.5s;line-height: 45px;color: #fff;cursor: pointer;border: thin solid #fff;}
.product_item .pro_cart a:hover { background: #B00707; box-shadow: 0 0 4px 1px #0DB227; }
.product_item:hover .img img { transform: scale(1.1) }
.product_item:hover .pro_cart { bottom: 30px; opacity: 1; }
.product_item .over_lay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.5s; }
.product_item:hover .over_lay { opacity: 1; }
.product_item .over_lay h4 { }
.product_item .over_lay h4 a { font-family: Montserrat; color: #fff; margin-bottom: 20px; }
.product_item .addcart{font-family: Montserrat;color: #fff;cursor: pointer;display: block;position: absolute;bottom: -100px;left: 0;padding: 9px 10px;background: rgba(0,0,0,0.7);width: 100%;text-align: center;}
.product_item .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 #0db227;border-radius: 20px;display: inline-block;padding:8px 30px;font-size:14px;color: #0db227;font-family: RR;text-transform: capitalize;}
.product_count a.button:hover{background: #0db227;color: #fff;border: thin solid #fff;}
.sale {position: absolute;width:50px;height: 54px;background:url(../images/icon_sale.png);color: #fff;font-size: 20px;line-height: 44px;top: -10px;right: -10px;z-index: 99;padding-left: 5px;font-family: "RB"}
.product_item .photo{font-family: Montserrat;color: #fff;cursor: pointer;display: block;position: absolute;bottom: -100px;left: 0;padding: 9px 10px;background: rgba(0,0,0,0.7);width: 100%;text-align: center;}
.product_item .photo:hover{background: rgba(255,0,0,0.7)}
.product_item:hover .photo{bottom:0;}

.product_item .hover_img { position: relative; display: block; background-repeat: no-repeat; background-position: center center; text-decoration: none; overflow: hidden; filter:; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.product_item .img-hover-hidden { position: absolute; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; filter:; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.product_item:hover .img-hover-hidden { filter:; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity: 1; }
.product_item .img-hover-hidden { right: -100px; top: 0; }
.product_item:hover .img-hover-hidden { right: 0; top: 0; }


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

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

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

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

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

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

/* ---tabs--- */

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

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

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

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

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

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

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

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

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

/* --slider-- */
.slider_home1, .slider_home { margin: 0 -10px !important; display: none; }
.slider_home .slick-prev { width: 39px; height: 39px; background: url(../images/left1.png) !important; left: -35px; opacity: 1; }
.slider_home .slick-next { width: 39px; height: 39px; background: url(../images/right1.png) !important; right: -35px; opacity: 1; }
.slider_home .slick-prev:before { content: ''; }
.slider_home .slick-next:before { content: ''; }
.as-btn-blue-medium { display: inline-block; border: none; background: #27ae61; padding: 8px 20px; color: #fff; text-transform: uppercase; }
/* .amazingslider-text-wrapper-1 { bottom: auto !important; top: 112px; right: auto !important; left: 180px !important; width: auto !important; max-width: 30%; height: 100%; overflow: hidden; padding: 35px !important; } */
.amazingslider-title-1 { font-family: 'Montserrat' !important; font-size: 30px !important; color: #ffffff !important; }
.amazingslider-description-1 { font-family: RR !important; font-size: 14px !important; }
/* --jpage-- */
.pagging { margin: 0 auto; text-align: center; margin: 15px 0; }
.pagging a { font-size: 12px; cursor: pointer; margin: 0 1px; color: #333; color: #808080; background-color: #fff; border: 1px solid #808080; padding: 7px 12px }
.pagging a:hover { background-color: #222; color: #fff }
.pagging a.jp-previous { margin-right: 0px; padding: 7px 9px; border: 1px solid #ddd; }
.pagging a.jp-next { margin-left: 0px; padding: 7px 9px; border: 1px solid #ddd; }
.pagging a.jp-current, a.jp-current:hover { color: #FF4242; font-weight: bold }
.pagging a.jp-disabled, a.jp-disabled:hover { color: #bbb }
.pagging a.jp-current, a.jp-current:hover { cursor: default; background: #808080; color: #fff }
.pagging a.jp-disabled, a.jp-disabled:hover { cursor: default; background: none; color: #808080 }
.pagging span { margin: 0 5px }

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

/* ==== */
.slider_top {display: none;margin: 0 -15px !important;}
.box_scroll { margin: -5px 0 !important; display: none; width: 478px; }
.box-news1 {position: relative;color: #000;padding: 5px 15px;}
.box-news1 img {float: left;display: inline-block;/* margin-right: 15px !important; */border: thin solid #dfdfdf;transition: all 0.75s;background: #fff;width: 100%;}
.box-news1 h3 {font-size: 13px;line-height: 20px;overflow: hidden;font-weight: 700;margin: 0 0 5px;font-family: 'RB';}
.box-news1 h3 a {color: #1a1a1a;outline: none;white-space: inherit;line-height:20px;height:40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.box-news1 h3 a:hover { color: #f00; }
.box-news1 .desc {color: #212121;font-size: 14px;font-family: 'RR';white-space: inherit;line-height:20px;height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.box-news1 a.chitiet {color: #171717;font-size: 14px;display: inline-block;padding: 8px 20px;border: thin solid #eae3e3;background: #ffffff;margin-top: 10px;}
.box-news1 a.chitiet:hover { background: #0DB227; color: #fff; }
.box-news1:hover img {box-shadow: 0 0 4px 1px #0db227;}
.box-news1 .date_{background: #fff;padding: 7px 15px;font-family:'Montserrat';text-align: center;margin-right: 10px;color: #000;min-width: 40px;position: absolute;border: thin solid #ffffff;left: 25px;top: 15px;}
.box-news1 .date_ span{font-size: 17px;display: block;font-family: Montserrat;font-weight: 500}
.box-news1 .date_ span + span{font-size: 11px;font-family: Montserrat;font-weight: normal;}
.box-news1 .date_ span + span +span{font-size: 11px;}
/* ---- */
.box_list { padding: 50px 0 50px; background: url('../images/dvbg.png'); background-size: cover; }
.slider_dv { display: none; margin: 0 auto; }
.list_item { position: relative; margin-bottom: 25px; font-family: 'OPR'; padding: 0 5px; }
.list_item .wrap { position: relative; overflow: hidden; margin: 0 auto; max-width: 260px; background: url('../images/dv_bg.png'); background-size: 100% 100%; height: 300px; padding: 30px; }
.list_item .inf { background: #fff; padding: 25px 40px 40px; }
.list_item h3 { margin: 0 0 10px 0; padding: 0px 0px; position: relative; left: 0; text-align: center; }
.list_item h3 a { color: #000000; font-family: 'RB'; font-size: 16px; white-space: inherit; line-height: 28px; height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list_item h3 a:hover { color: #154100; }
.list_item .img { }
.list_item .img img { display: inline-block; border-radius: 50%; }
.list_item .desc { font-family: 'OPR'; color: #737373; font-size: 15px; position: relative; text-align: justify; overflow: hidden; }
.list_item:hover img { transform: scale(1.1); }
.list_item .xemthem { display: inline-block; padding: 7px 15px; border: thin solid #c10000; color: #c10000; margin-top: 15px; text-transform: uppercase; }

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

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

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

.img_list{position: relative;margin-bottom: 30px;}
.img_list img{width: 100%;}
.box_info_list { width: 100%; max-width: 370px; background: #fff; right: 10%; height: 358px; position: absolute; top: 50%; transform: translateY(-50%); }
.box_pro:nth-child(2n) .box_info_list{  right: unset; left: 10%; }

.title_info_img { line-height: 38px; padding: 0 50px; border-radius: 100px 0 0 100px; display: inline-block; color: #fff; font-family: 'RB'; text-transform: capitalize; font-size: 20px; font-style: italic;margin: 25px 0;float: right;margin-right: -8px;height: 38px;overflow: hidden;background-color: #FEE140;background-image: linear-gradient(90deg, #D90620 0%, #FF415A 50%, #D90620 100%)}
.content_info_img{padding: 0 10px 0 30px;line-height: 60px;height: 120px;overflow: hidden;font-size: 45px;font-family: 'RB';text-transform: uppercase;clear: both;}
.des_info_img{background-color: #FEE140;background-image: linear-gradient(90deg, #D90620 0%, #FF415A 50%, #D90620 100%);color: #fff;font-family: 'RB';display: inline-block;line-height: 28px;padding: 0 10px;border-radius: 200px;text-transform: capitalize;font-size: 17px;float: right;margin-right: 15px;position: relative;margin-top: 20px;z-index: 9}
.more_info_img{position: absolute;height: 115px;bottom: 0;left: 0;width: 100%;background: #3365FF;padding-top: 50px;padding-right: 35px;}
.more_info_img a{width: 130px;line-height: 30px;background: #fff;text-transform: uppercase;color: #3365FF;float: right;text-align: center;font-family: 'RR';}
.more_info_img a:hover{color: #E3152F}

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

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

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

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

/* === */

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

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

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

/* === */
.single-team {padding:0 10px;}
.single-team .thumb { margin-bottom: 20px; position: relative; border-radius: 10px; overflow: hidden; }
.single-team .thumb img { border-radius: 10px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); width: 100%; }
.single-team:hover .thumb img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.single-team .name {margin-bottom: 8px;font-size: 18px;font-family: UTMHelvetIns;color: #1f8d10;text-transform: uppercase;font-weight: normal;}
.single-team span {font-size: 14px;color: #4e4e4e;font-weight: 400;display: block;font-family: RR;}
.single-team p {font-size: 14px;color: #020202;font-weight: 400;display: block;margin-bottom: 12px;padding-left: 25px;display: inline-block;}
.single-team p.hotline{background: url('../images/hotline1.png') left center no-repeat;}
.single-team p.zalo{background: url('../images/zalo.png') left center no-repeat;}
.single-team p  b {font-size: 16px;font-family: UTMHelvetIns;font-weight: normal;color: #fc0000;}
/* === */
.partner {padding: 30px 0px;background: #f7f6f6;}
.partner-slider { margin: 0 -7px !important; display: none; }
.partner-slider .item { box-sizing: border-box; padding: 0 7px; text-align: center; }
.partner-slider  .item img { width: 100%; background: #fff; border: thin solid #D9D9D9; }
.partner-slider .slick-prev { width: 22px; height: 44px; background: url(../images/left1.png) !important; left: 0px; opacity: 1; }
.partner-slider .slick-next { width: 22px; height: 44px; background: url(../images/right1.png) !important; right: 0px; 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-track{padding: 15px 0 0}
.slider_bc .slick-prev { width: 22px; height: 44px; background: url(../images/left1.png) !important; left:0px; opacity: 1; }
.slider_bc .slick-next { width: 22px; height: 44px; background: url(../images/right1.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: 22px; height: 44px; background: url(../images/left1.png) !important; left:0px; opacity: 1; }
.slider_ct .slick-next { width: 22px; height: 44px; background: url(../images/right1.png) !important; right: 0px; opacity: 1; }
.slider_ct .slick-prev:before { content: ''; }
.slider_ct .slick-next:before { content: ''; }
.box_projects{position: relative;background:#F3F3F3;padding: 40px 0;}
.project_it {position: relative;margin-bottom: 20px;cursor: pointer;padding: 0 15px}
.project_it .wrap { position: relative; }
.project_it .wrap .img_wrap {overflow: hidden;position: relative;margin-bottom: 5px;}
.project_it .wrap .img_wrap:after{content:'';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.7);z-index: 1;transition: all 0.5s;opacity: 0;}
.project_it .wrap .img_wrap:before{content:'';position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 2px solid #0db227;z-index: 2;transition:all 0.5s;opacity: 0;}
.project_it .wrap .img_wrap .img {overflow: hidden;display: block;background: #fff;border: thin solid #dfdfdf;}
.project_it .wrap .desc {overflow: hidden;position: absolute;left: 0;top: 0;bottom:0;right: 0;opacity: 0;padding: 50px;z-index: 3}
.project_it .wrap .desc div {height: 100%;color: #fff;text-align: left;overflow: hidden;}
.project_it .wrap .desc div h4 {margin-top: 0;width: 100%;}
.project_it .wrap .desc div h4 a{font-family: RB ;font-size: 15px;text-transform: uppercase; color: #fff; }
.project_it .wrap .desc .viewmore {position: absolute;display: inline-block;padding:0 10px;color: #fff;top: 50%;left: 50%;font-size: 30px;transform: translateX(-50%) translateY(-50%);outline: none}
.project_it .wrap .desc .viewmore:hover{color: #dc161b;}

.project_it .wrap img { width: 100%; }
.project_it .wrap h3 {padding: 10px 10px;position: absolute;margin: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.72);}
.project_it .wrap h3 a {display: block;color: #ffffff;text-transform: capitalize;font-family: RB;font-size: 16px;white-space: inherit;line-height: 20px;outline: none;font-weight: bold;text-transform: uppercase;}
.project_it .wrap .inf_ {font-family: RR;margin-top: 5px;margin-bottom: 0;}
.project_it .wrap .inf_ b{ font-family: RB;}
.project_it .wrap:hover img { transform: scale(1.1) }
.project_it .wrap:hover  h3 a { color: #DFAB4A; }
.project_it .wrap:hover .desc{ opacity: 1;}
.project_it .wrap:hover .img_wrap:after{ opacity: 1;}
.project_it .wrap:hover .img_wrap:before{ opacity: 1;left: 20px;top: 20px;right: 20px;bottom: 20px;}
.project_it .wrap:hover h3{ bottom: -100%;}
.projects_viewmore{text-align: center;position: relative;}
.projects_viewmore:before{content:'';width: 100%;height: 1px;background:#dfdfdf;position:absolute;left: 0;top: 50%;}
.projects_viewmore a { display: inline-block; padding: 10px 20px; color: #b1b1b1; background: #F3F3F3; border-radius: 5px; position: relative; border: thin solid #E1E1E1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.projects_viewmore a:hover{color: #fff; background: #00469E;}
.s_wrap{padding:10px;border:thin solid #dfdfdf;}
.slider_new_ { display: none; }
.MagicZoom { border: thin #dfdfdf solid; padding: 3px; background: #fff; }
.imgSP { position: relative; }

.sale_list{padding: 10px 0 20px;}
.item_sale img{width: 100%}
.slick_sale{display: none;margin-left: -15px;margin-right: -15px}
.item_sale{ padding:0 15px; }
.product_new{padding: 30px 0}
.img_new {margin-bottom: 30px}
.img_new img{width: 100%}

/* selling */
.selling{padding: 30px 0}


/* center */
.slick_center{ display: none }
.center{padding: 10px 0 30px;}
.date_center{width: 60px;height: 85px;background: #0f9c25;color: #fff;text-align: center;float: left;margin-top: 20px;position: relative;z-index: 9;}
.date_center p{margin-bottom: 0;line-height: 55px;font-family: 'RB';font-size: 24px;}
.date_center span{font-family: 'RR';font-size: 14px;line-height: 30px;background: #0db227;display: block;}
.info_center{margin-top: 20px;width: calc(100% - 75px);margin-left: 15px;float: left;position: relative}
.info_center h3{font-family: 'RB';font-size: 16px;line-height: 20px;height: 40px;overflow: hidden;margin: 0;}
.info_center h3 a{color: #000;}
.item_center{margin: 0 10px;}
.center_left{margin: 0 -10px;}
.item_center:hover .info_center h3 a{color: #0db227;}
.info_center span{color: #414141;line-height: 20px;height: 80px;overflow: hidden;display: block;margin-top: 5px;font-family: 'RR';font-size: 14px;}
.more_center{float: right;margin-top: 15px;color: #000;font-family: 'RR';font-size: 13px;}
.item_center:hover .more_center{color: #0db227;}
.info_center::before{position: absolute;width: calc(100% - 30px);top: calc(100% - 9px);left: -45px;border: 0.5px dashed #A9A9A9;content: "";}
.info_center::after{position: absolute;height: 60px;bottom: 10px;left: -45px;border: 0.5px dashed #A9A9A9;content: "";}


.criteria{padding: 50px 0;position: relative;}
/* .criteria::before{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.81);} */

.item_criteria{text-align: center;margin: 0 10px;}
.img_criteria{width: 150px;height: 50px;text-align: center;background: #0b79b4;border-radius: 50%;display: table;margin: 0 auto;transition: all 1s;border-radius: 50%;overflow: hidden;}
/*.item_criteria:hover .img_criteria{transition: all 1s;transform: rotate(360deg);}*/
.img_criteria span{display: table-cell;vertical-align: middle;}
.img_criteria img{width: auto;margin: 0 auto}
.item_criteria .h3{color: #000;text-transform: uppercase;font-family: "RB";font-size: 15px;margin-top: 15px;}
.item_criteria:hover .h3{color: #f00 }
.slick_criteria{display: none;}
.item_criteria span{color: #000;font-family: "RR";line-height: 20px;}

.effect { display: block; overflow: hidden }
.effect img { transition: 0.7s; }
.effect:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }

.box_star img{display: inline-block !important;}

.contents h2,.contents h2 *{font-size: 22px;}
.contents h3,.contents h3 *{font-size: 20px;}
.contents h4,.contents h4 *{font-size: 18px;}

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

/* */
.contact-map { margin-top: 20px }
.contact-map iframe { height: 500px; display: block; width: 100% !important }

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


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

/* showroom*/
.showroom{ padding: 50px 0; }
.item_showroom { margin-bottom: 30px }
.item_showroom h3 { margin-bottom: 15px; background: #0DB227; color: #fff; border-radius: 3px; white-space: nowrap; align-items: center; text-overflow: ellipsis; overflow: hidden; font-size: 13px; }
.item_showroom h3 .num { display: inline-block; width: 30px; height: 30px; background: #505050; border-radius: 3px 0 0px 3px; color: #fff; text-align: center; line-height: 30px; margin-right: 10px; flex: 0 0 30px; }
.desc_showroom *{ padding: 0;margin: 0;color: #333333; list-style: none;}

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

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

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

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

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

/* === */
.a-button-toggle.a-button-thumbnail {
    background-color: transparent;
    height: auto; 
}
.a-button-toggle.a-button {
    border-color: #888c8c;
    border-radius: 8px;
}
.a-button {
    background: #fff;
    border-radius: 3px;
    border-color: #888c8c;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle; 
    overflow: hidden;
    padding: 4px;
}
.colection-img{width: 50px;}
/* === */
.information-blocks { }
#content-block .sidebar-column .information-blocks { margin-bottom: 40px; }
.block-title { font-size: 20px; line-height: 24px; color: #2e2e2e; font-weight: 600; padding-bottom: 15px; border-bottom: 1px #ebebeb solid; margin-bottom: 25px; }
.block-title.size-1 { font-size: 16px; }
.block-title.size-2 { font-size: 18px; }
.block-title.size-3 { font-size: 18px; margin-bottom: -1px; }
.block-title.size-4 { font-size: 30px; font-weight: 400; line-height: 30px; margin-bottom: 20px; padding-bottom: 20px; }
.product-sidebar .products-list { padding: 15px 30px 15px 30px; border: 1px #f0f0f0 solid; }
.product-sidebar .block-title { font-size: 18px; }
.product-sidebar .inline-product-entry:last-child { border-bottom: none; }
.inline-product-entry { padding-bottom: 0px; border-bottom: 1px #f0f0f0 solid !important; padding: 5px; }
.inline-product-entry .image { width: 55px; float: left; border: 1px #56525226 solid; }
.inline-product-entry .image:hover { border-color: #8bab0a; }
.inline-product-entry .image img { display: block; width: 100%; height: auto; }
.inline-product-entry .content_ { margin-left: 60px; }
.inline-product-entry .content_ .cell-view { height: 55px; }
.inline-product-entry .title { font-size: 13px; color: #5a5858; line-height: 1.2; font-weight: 500; margin-bottom: 5px; display: inline-block; font-family: Montserrat; }
.inline-product-entry .title:hover { color: #ff0000; }
.inline-product-entry .price .current { font-size: 13px; color: #fc0000 !important; font-family: Montserrat; }

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