body {}

/* 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 #297D12
; border-left: 3px solid #297D12
; -webkit-transform-origin: 0 100% }
.foo::after { border-top: 3px solid #297D12
; border-right: 3px solid #297D12
; -webkit-transform-origin: 100% 0% }
.bar::before { border-bottom: 1px solid #297D12
; border-left: 1px solid #297D12
; -webkit-transform-origin: 100% 0% }
.bar::after { border-top: 1px solid #297D12
; border-right: 1px solid #297D12
; -webkit-transform-origin: 0% 100% }
.box:hover::after, .box:hover::before { -webkit-transform: scale(1) }
.w100{width: 100%}

.head.fix { position: fixed !important; top: 0px; left: 0px; width: 100%; -webkit-animation: fadeInDown 0s ease-in backwards; -moz-animation: fadeInDown 0s ease-in backwards; -o-animation: fadeInDown 0s ease-in backwards; -ms-animation: fadeInDown 0s ease-in backwards; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; z-index: 9999; -webkit-box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1); -moz-box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1); box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1);padding: 5px 0;transition: all 1s}
/* class common */
.overflow { overflow: hidden; }
.maxwidth {width: calc(100% - 160px);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; }
.text-center{text-align: center}
/* ----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: calc(100% - 120px);position: relative;margin-left: 120px;background: #FBF2EB;}
#wrapper {/* margin: auto; */}
#main{padding: 50px 0;}


#info { position: relative; padding-bottom: 20px; }
.container-left { position: relative; }
.container-right { position: relative; }
.content {margin-bottom: 20px;}
.content_wrap { padding: 15px; }
.content_wrap img { height: auto; }
.product_special img{height: auto;}
.product_special *{max-width: 100%;}
.content *{/* max-width: 100%; */}

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

.effect2 { overflow: hidden; position: relative; display: block }
.effect2:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }
.effect2:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }
.effect2:hover:before { right: 50%; left: 50%; width: 0; background: rgba(255, 255, 255, 0.5); }
.effect2:hover:after { height: 0; top: 50%; bottom: 50%; background: rgba(255, 255, 255, 0.5); }

.content_wrap > .date{font-family: 'helveticaneue';font-size: 15px;color: #000;margin-top: 20px;margin-bottom: 30px;}

/* ---- */
.map-container {position: relative;padding-bottom: 20%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom: 1em;}
.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: #99CC32;font-family: 'helveticaneuemedium';font-size: 25px;padding: 10px 0;/* margin-bottom: 50px; */}
#breadcrumbs ul { position: relative; margin: 0 auto; background: none; }
#breadcrumbs ul a {color: #fff;}
#breadcrumbs ul a:hover { color: #f00; }

/* ---titile--- */
.tt_main {position: relative;margin: 0px 0 20px;background: #EEEEEE;border-bottom: 1px solid #39a81a;}
.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 #297D12
 transparent; }
 .tt_main a{float: right;line-height: 44px;padding-right: 20px;color: #000;font-family: 'RR';font-size: 14px;}
 .tt_main a:hover{color: #297D12}
/* .tt_main .title:after {content: '';height: 44px;width: 44px;position: absolute;display: block;background: url(../images/title_list.png) no-repeat;top: 0;left: 0;} */
.tt_main .title {margin: 0;position: relative;font-size: 20px;color: #39a81a;font-family: 'OpenSansBold';text-transform: uppercase;line-height: 44px;display: inline-block;font-weight: 500;padding-left: 60px;}
.tt_main .all { color: #297D12
; font-family: 'RR'; display: inline-block; position: absolute; right: 0px; top: 15px; font-style: italic; text-decoration: underline !important; }
.tt_main .all:hover { color: #d61818; }
.tt_main ul { position: absolute; right: 90px; top: 15px; }
.tt_main ul li { list-style: none; display: inline-block; padding: 0 7px; border-right: thin solid #d71820; line-height: 18px; }
.tt_main ul li:last-child { border: none; }
.tt_main ul li a { font-family: 'RR'; font-size: 14px; color: #d71820; }
.tt_main ul li a:hover { text-decoration: underline !important; }
.tt_main1 { position: relative; margin: 0px 0 20px; text-align: center; padding-bottom: 45px; background: url('../images/tt_bg.png') bottom center no-repeat; }
.tt_main1 .title { margin: 0; position: relative; font-size: 29px; color: #393939; font-family: 'RB'; text-transform: uppercase; line-height: 35px; display: inline-block; padding: 0 25px; }
.tt_main2 { position: relative; margin: 0px 0 20px; padding-bottom: 0px; border-bottom: 3px solid #E77C7E; }
.tt_main2 .title { margin: 0; position: relative; font-size: 20px; color: #d71820; font-family: 'RB'; text-transform: uppercase; line-height: 35px; display: inline-block; }
.tt_end {position: relative;margin: 0px 0 10px;}
.tt_end .title {position: relative;color: #068000;display: inline-block;text-transform: uppercase;font-family: SFUClearGothicBold;font-size: 30px;height: 45px;line-height: 45px;}
.tt_end .title:after {	/* content: ''; */position: absolute; height: 4px; width: 100px; left: 0px; bottom: 0px; background: #d9c301; }
.tt_news { position: relative; background: url(../images/tt_end.png) center repeat-x; margin-bottom: 20px; margin-top: 20px; }
.tt_news .title { margin: 0; font-family: 'avo_b'; font-size: 25px; text-transform: uppercase; color: #2359c6; background: #fff; position: relative; padding-right: 20px; display: inline-block; }
.tt_news .title:after { content: ''; position: absolute; left: 100%; top: calc(50% - 8px); width: 15px; height: 16px; background: #2359c6; }

/* --search-- */
.search { position: absolute; right: 0; top: 0px; height: 30px; border-left: thin solid #65c635; border-right: thin solid #65c635; padding: 0 15px; }
.search i { color: #fff; font-size: 25px; line-height: 30px; }
.search:hover #timkiem { display: block; }
#timkiem {display: block;position: relative;right: 0;width: 100%;max-width: 220px;border: thin solid #ffffff;font-family: 'RR';float: left;margin-top: 8px;}
#timkiem input {background: none;border: none;height: 30px;padding: 0px 10px;color: #fff;width: calc(100% - 56px);float: left;outline: none;font-size: 13px;}
#timkiem input:focus { outline: none }
#timkiem button {border: none;background: none;color: #fff;height: 30px;width: 55px;box-sizing: border-box;position: relative;outline: none;float: right;text-align: center;font-size: 18px;}
#timkiem button i {line-height: 30px;}
#timkiem button i {color: #ffffff;}
.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 #195807;background: #195807;color: #fff;height: 30px;box-sizing: border-box;padding: 0px 16px;position: relative;}

#timkiem input::-webkit-input-placeholder { color: #fff; }
#timkiem input::-moz-placeholder { color: #fff; }
#timkiem input:-ms-input-placeholder { color: #fff; }
#timkiem input:-moz-placeholder { color: #fff; }

.form_lh .tflienhe::-webkit-input-placeholder { color: #fff; }
.form_lh .tflienhe::-moz-placeholder { color: #fff; }
.form_lh .tflienhe:-ms-input-placeholder { color: #fff; }
.form_lh .tflienhe:-moz-placeholder { color: #fff; }

.ta_noidung::-webkit-input-placeholder { color: #fff; }
.ta_noidung::-moz-placeholder { color: #fff; }
.ta_noidung:-ms-input-placeholder { color: #fff; }
.ta_noidung:-moz-placeholder { color: #fff; }

.box_partner .item{margin: 5px;}

/* --mxh-- */
.social {margin-top: 27px;}
.social img {vertical-align: middle;margin-right: 5px;}
.social-bt { width: 500px;	/* float: right; */	/* text-align: right; */ }
.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;width: 100%;}
#thongke li {position: relative;list-style: inside;color: #fff;display: inline-block;padding: 0 10px;border-right: thin solid;line-height: 11px;}
#thongke li:last-child { border: none; margin: 0 }
#thongke img { position: relative; top: 0px; margin-right: 5px }
#thongke span {color: #fdfdfd;font-weight: bold;display: inline-block;margin-left: 5px;font-family: 'OPB';}

/* --newsletter-- */
.box_dkemail {position: relative;padding: 80px 0 120px;color: #fff;}
.dangkymail {position: relative;font-family: Montserrat;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:Montserrat;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; }

/* --partner-- */
.title-doitac h2 { background: url(../images/line.png) repeat-x center left; height: 34px; line-height: 34px; }
.title-doitac h2 span { display: inline-block; padding: 0px 60px; background: url(../images/bg-title.png) no-repeat; background-size: 100% 100%; font-family: 'RR', sans-serif; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 16px; }
.doitac {padding: 30px 30px;background: #F2F2F2;}
.doitac-slider { margin: 0 -7px !important; display: none; }
.doitac-slider .item { box-sizing: border-box; padding: 0 7px; text-align: center; }
.doitac-slider  .item img { width: 100%; background: #fff; border: thin solid #D9D9D9; }
.slick-prev {width: 28px !important;height: 52px !important;background: url(../images/prev.png) !important;left: -25px;opacity: 1;}
.slick-next { width: 28px !important;; height: 52px !important;; background: url(../images/next.png) !important; right: -25px; opacity: 1; }
.slick-prev:before {content: '' !important;}
.slick-next:before { content: '' !important;; }



.main_right {width: calc(100% - 330px);float: right;background: #FFFFFF;/* -webkit-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1); */-moz-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);padding: 50px;margin-bottom: 10px;}
/* ---menu left--- */
#left {width: 320px;float: left;margin-right: 10px;background: #FFFFFF;-webkit-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);-moz-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);min-height: 500px;}
.moudle-left { margin-bottom: 20px; }
.moudle-left .navi-left {padding: 0;border: 1px solid #3CA81A;}
.danhmuc {background: #F7F7F7;margin-bottom: 20px;}
.tt_gt {position: relative;margin: 0px auto 0px;width: calc(100%);line-height: 30px;background: #3CA81A;text-indent: 30px;padding: 5px 10px;}
.tt_gt .title {margin: 0;font-size: 18px;color: #fff;font-family: 'OpenSansBold';text-transform: uppercase;line-height: 40px;}
#danhmuc { width: 270px; float: left; background: #FFFFFF; }
#danhmuc .dm_tit { background: #297D12
; 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: #297D12
; }
ul.cateUl >li {position: relative;display: block;padding: 0px 0;border-bottom: 1px dashed #CACACA;padding-left: 15px;}
ul.cateUl >li:last-child { background: none; }
ul.cateUl >li >a {display: block;font-size: 14px;color: #363636;text-transform: uppercase;font-family: "RR";padding: 13px 0;padding-left: 20px;background: url(../images/list.png) no-repeat left center;}
ul.cateUl >li:last-child{border: none;}
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: #3ca81a;}
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: #3ca81a !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: #3ca81a;}
.active1 { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #f00 !important; font-weight: bold }

.avatar{text-align: center;padding-top: 50px;}
.avatar h3{font-family: 'helveticaneue';font-size: 20px;text-transform: capitalize;}
.nav_member {background: #fff;/* border-radius: 4px; */padding: 20px;}
.nav_member h2 { border-bottom: 1px solid #ddd; padding-bottom: 8px; text-transform: uppercase; margin-bottom: 10px; }
.nav_member li {list-style: none;padding: 5px 20px;font-family: 'helveticaneue';font-size: 15px;}
.nav_member li span{float: right;width: calc(100% - 30px);}
.nav_member li:hover,.nav_member li.active{background: #D3D3D3;border-radius: 5px;}
.nav_member li a {color: #666;display: block;line-height: 25px;}
.name_user { max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.entry-info h2{font-family: 'helveticaneue';font-size: 20px;text-transform: uppercase;margin: 0;margin-bottom: 26px;color: #000000;}
.main_right .control-label{font-family: 'helveticaneue';font-size: 20px;font-weight: normal;}
.main_right input{line-height: 50px;border: 1px solid #7E7E7E;border-radius: 5px;width: 100%;padding: 0 10px;font-size: 20px;font-family: 'helveticaneue';}
.btn_accont{max-width: 385px;line-height: 70px;width: 100%;background: #FF9D00;color: #fff;border-radius: 5px;font-size: 25px;font-family: 'helveticaneuemedium';border: none;}
.price_tbl td{border-top: none !important;}
.table > thead > tr > th{color: #4B4B4B;font-size: 20px;font-family: 'helveticaneuemedium';font-weight: normal;}
.table td, .table tr{font-size: 20px;font-family: 'helveticaneue';}
.status_order{color: #FF9D00}

/* ---header--- */
.header { background-size: cover !important; }
.header_top {background: #FFA800;padding: 5px 0;line-height: 30px;color: #000000;font-size: 18px;font-family: 'RR', 'Arial';}
.header_top .info_top {color: #0a0a0a;/* padding-right: 15px; */display: inline-block;font-family: 'SVNAndrogyne';}
.header_top .info_top a { color: #fff; }
.header_top .info_top.email {margin-right: 60px;font-size: 15px;}
.header_top .menu_header { display: inline-block; }
.header_top .menu_header { display: inline-block; float: right; }
.header_top .menu_header li { display: inline-block; }
.header_top .menu_header li a { display: block; color: #fff; padding: 0 10px; }
.header_top .menu_header li a:hover { color: #ff0; }
#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: 20px 0;z-index: 99;background: #FFFFFF;-webkit-box-shadow: 0px 5px 5px 0px rgba(171,166,171,1);-moz-box-shadow: 0px 5px 5px 0px rgba(171,166,171,1);box-shadow: 0px 5px 5px 0px rgba(171,166,171,1);transition: all 1s}
.header-midle i {color: #000;padding: 5px;border-radius: 50%;}
.header-midle .company { font-family: 'UVFPistilliRoman'; font-size: 16px; text-transform: uppercase; color: #fff000; }
.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';}
.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: 15px;color: #000;display: inline-block;background: url('../images/hotline.png') left center no-repeat;padding-left: 25px;float: right;}
.header-midle .hotline p { margin: 2px 0 -4px; color: #383838 }
.header-midle .hotline b {color: red;font-size: 18px;font-weight: normal;display: inline-block;font-family: 'OpenSansBold';}
.header-midle .cart {color: #326a2f;font-size: 21px;width: 135px;line-height: 50px;border: 1px solid #FF9D00;padding-left: 21px;border-radius: 5px;position: absolute;right: 0;top: 10px;font-family: 'helveticaneue';z-index: 999;cursor: pointer;}
.header-midle .cart a{color: #326a2f;}
.header-midle .cart img{margin-right: 10px;}
.header_r { position: relative; float: right; }
#lang { margin-left: 5px; float: right; }

.title_left { color: #000000; font-size: 17px; font-family: 'iCiel Panton'; transform: rotate(-90deg); position: fixed; bottom: 400px; left: -1%;font-weight: normal;}


/* menu */
.mm-opening .wrapper:before{display: none}
nav#menu{background: #fff;}
nav#menu ul li a, .mm-title{font-family:'Montserrat';font-size:14px;color: #000;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: #39a81a;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{position: relative;font-family: 'Montserrat',Tahoma;z-index: 999;width: 100% !important;height: 50px;left: 0;margin-top: 15px;}
#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;width: calc(100% - 150px);display: table;float: left;}
#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 img{    position: relative;}

.mm-listview > li > a > span{float: right;color: #326a2f;}
nav#menu ul li a img { margin-right: 5px; float: right; max-width: 27px;border-radius: 0 }

#menu_top ul#nav >li{display: table-cell;text-align:center;font-size: 25px;padding: 0px 10px  !important;height: 50px;}
#menu_top ul#nav >li >a{display:block;position:relative;color: #326A2F;padding-right: 0 !important; font-weight: 500;line-height: 50px;height: 50px;text-align: center;font-family: 'helveticaneue';}
#menu_top ul#nav >li >a span{display: inline-block;white-space: nowrap;}
#menu_top ul#nav >li >a.menu_active > span{border-bottom: 3px solid #99CC32;}
#menu_top ul#nav >li:hover >a > span{border-bottom: 3px solid #99CC32;}
#menu_top ul#nav >li >ul li{height:auto !important;border: thin #45bf1f solid;margin-bottom: -1px;}
#menu_top ul#nav >li >ul li a{background: #39a81a;color:#fff;transition:all 1s;text-transform: uppercase;font-family: 'OPR';}
#menu_top ul#nav >li >ul li:hover>a{color:#fff !important;background: #278c0b;}
.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; }
.slider_bottom { position: absolute; bottom: 0; left: 0; border-top: thin solid #7a7a7b; width: 100%; background: -moz-linear-gradient(0deg, rgba(19, 18, 18, 0.66) 30%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, 0deg, color-stop(30%, 000000), color-stop(100%, 000000)); background: -webkit-linear-gradient(0deg, rgba(19, 18, 18, 0.66) 30%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(0deg, rgba(19, 18, 18, 0.66) 30%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(0deg, rgba(19, 18, 18, 0.66) 30%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(0deg, rgba(19, 18, 18, 0.66) 30%, rgba(0, 0, 0, 0) 100%); }
.slider_bottom .wrap { padding-left: 160px; }
.slider_bottom .wrap .item { display: inline-block; padding: 30px 30px 30px 97px; color: #fff; border-right: thin solid #7a7a7b; }
.slider_bottom .wrap .item span { font-family: 'RR'; font-size: 14px; }
.slider_bottom .wrap .item b { display: block; font-family: 'RB'; font-size: 20px; }
.slider_bottom .wrap .item.hotline { background: url('../images/hotlien.png') 30px center no-repeat; }
.slider_bottom .wrap .item.hotline1 { background: url('../images/email_bg.png') 30px center no-repeat; }
.slider_bottom .wrap .item.thoigian { background: url('../images/dongho.png') 30px center no-repeat; }
.slider_bottom .wrap .item:last-child { border: none; padding-left: 30px; }

.video_slider{position: relative;display: block;}
.video_slider::after{background: url(../images/play-button.png) no-repeat;width: 135px;height: 135px;position: absolute;content: "";top: calc(50% - 70px);left: calc(50% - 70px);}

/* ---footer--- */
.ft_menu {margin-bottom: 1.5em;text-align: center;}
.ft_menu ul { margin: 0; padding: 0; }
.ft_menu ul li {list-style: none;display: block;line-height: 15px;text-align: left;}
.ft_menu ul li:last-child {border:none;}
.ft_menu ul li a {display: block;color: #fff;margin-bottom: 5px;line-height: 20px;}
.ft_menu ul li a:hover { color: #ff0 }
.ft_menu .hotline { margin-right: 20px; }
#footer1 { display: none; }
.ft_top{border-bottom: thin solid #dfdfdf;padding-bottom: 15px;margin-bottom: 15px;}
.footer {padding: 100px 0;position: relative;background: url(../images/bg_ft.png) no-repeat top center;background-size: cover;}
#footer {margin: auto;color: #999999;padding: 35px 0 30px;background: #000000;font-family: 'Montserrat';}
#footer a {/* color: #fff */}
#footer a:hover { color: #ff0; }
#footer .tt_ft {font-family: SFUClearGothicBold;font-size: 25px;color: #f7f7f7;text-transform: uppercase;margin-bottom: 15px;position: relative;}
#footer .tt_ft_small { font-family: 'RB'; font-size: 15px; color: #fff; text-transform: uppercase; margin-bottom: 10px; position: relative; padding-bottom: 6px; }
#footer .tt_ft_small:before { content: ''; height: 1px; width: 50px; background: #fff; margin-right: 10px; position: absolute; left: 0; bottom: 0; }
.ft_dk { background: url('../images/icon_dk.png') 4px -4px no-repeat #a90000; padding-top: 40px !important; padding-bottom: 81px; margin: -42px 0 -35px !important; }
.tt_contact { font-size: 22px; font-family: 'OPR'; text-transform: uppercase; color: #fee025; text-align: center; margin-bottom: 10px; }
.padd_ft { padding-top: 40px; padding-bottom: 40px; }
.ft-col {font-family: Montserrat;color: #999999;margin-bottom: 20px;font-size: 13px;}
.ft-col {	/* margin: 0px 0 0; */ }
.ft-col .info { margin: 10px 0 0; padding: 0; }
.ft-col .info li { font-size: 14px; font-family: 'RR'; padding: 5px 0 5px 0px; list-style: none; }
.ft-col .info li a { color: #fff; }
.ft-col .info li a:hover { color: #f00; }
.ft-col .info_ft {padding: 5px 0 5px 60px;font-size: 14px;color: #fff;min-height: 50px;line-height: 22px;}
.ft-col .info_ft span {display: block}
.info_ft.address_ft { background: url('../images/address.png') left center no-repeat; }
.info_ft.hotline_ft { background: url('../images/phone.png') left center no-repeat; }
.info_ft.email_ft { background: url('../images/email.png') left center no-repeat; }

.footer_end {color: #fff;background: url(../images/footer_end.png) no-repeat top center;position: relative;width: 100%;font-size: 13px;line-height: 20px;padding: 80px 0;text-align: left;background-size: cover;}
.footer_end_left{margin-top: 35px;}
.footer_end_left li{list-style: none;color: #553B0E;font-size: 20px;font-family: 'helveticaneue';padding: 5px 0; padding-left: 30px;line-height: 30px;}
.footer_end_left li:nth-child(1){background: url(../images/icon_maps.png) no-repeat left top 8px;margin-bottom: 20px;}
.footer_end_left li:nth-child(2){background: url(../images/icon_phone.png) no-repeat left top 3px;}

.menu_ft li{line-height: 40px;margin-bottom: 30px;font-size: 30px;font-family: 'helveticaneue';list-style: none;}
.menu_ft li a{color: #553B0E;}
.menu_ft li:hover a{color: #326a2f;}

.footer_end_right p{color: #553B0E;font-size: 30px;font-family: 'helveticaneuebold';line-height: 30px;}

.copy {color: #999999;font-size: 12px;text-align: center;}
.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;}

.title_ft{text-transform: uppercase;color: #fff;font-family: 'helveticaneuebold';font-size: 25px;margin-bottom: 15px;position: relative;padding-bottom: 5px;}
.content_ft{color: #fff}

/* --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: #297D12
; 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%;font-size: 14px;color: #fff;background: none;border: none;box-sizing: border-box;z-index: 5;position: relative;border-bottom: 2px solid #99CC32;line-height: 80px;margin-bottom: 20px;text-transform: uppercase;font-family: 'helveticaneue';font-size: 18px;}
.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;background: #99CC32;color: #fff;cursor: pointer;text-transform: uppercase;margin-top: 80px;line-height: 58px;width: 100%;max-width: 297px;font-family: 'helveticaneuemedium';border-radius: 50px;font-size: 18px;}
/*.button-contact:hover { background: none; color: #297D12;}*/
.ta_noidung {background: none;border: none;color: #fff;height: 100px;width: 100%;box-sizing: border-box;position: relative;z-index: 5;border-bottom: 2px solid #99CC32;text-transform: uppercase;font-size: 18px;font-family: 'helveticaneue';}
.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: 100%;}
.product_detail_img_sub{width: 100%;margin-top: 5px;}
.product-pic { position: relative; }
.zoom-gallery {text-align: center;margin: 0 auto;padding: 3px;}
.zoom-gallery-slide { display: none; }
.zoom-gallery-slide.active { display: block; }
.zoom-gallery .video-slide { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.zoom-gallery .video-slide iframe, .zoom-gallery .video-slide object, .zoom-gallery .video-slide embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.zoom-gallery .selectors { text-align: center; margin: 10px 0; }
.zoom-gallery .selectors a { margin: 5px; border: 1px solid transparent; display: inline-block; }
.zoom-gallery .selectors a:hover, .zoom-gallery .selectors a.active { border-color: #ccc; }
.zoom-gallery .selectors img { box-shadow: none !important; filter: none !important; -webkit-filter: none !important; height: 75px; max-width: 100%; }
.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; }
.product-info { position: relative; }
.slider_product {margin: -5px -5px !important;display: none;}
.slider_product .slick-prev { width: 15px; height: 25px; background: url(../images/left.png) !important; left: 5px; opacity: 1; }
.slider_product .slick-next { width: 15px; height: 25px; background: url(../images/right.png) !important; right: 5px; opacity: 1; }
.slider_product .slick-prev:before { content: ''; }
.slider_product .slick-next:before { content: ''; }
.slider_product .item_s {padding: 2px;}
.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% !important;list-style: none;font-family: 'helveticaneuemedium';font-size: 20px;clear: both;}
#social{font-size: 14px !important}
.product-info-spec h3 {text-transform: uppercase;margin: 0;font-size: 35px;font-family: 'iCiel Panton';color: #000000;font-weight: 700;}
.product-info-spec .masp { color: #000; }
.product-info-spec .masp span {color: #cd0000;font-family: Montserrat;font-weight: 700;}
.product-info-spec .mota_detail { color: #757575 }
.product-info-spec .gia_detail {color: #FF9D00;font-size: 35px;font-family: 'iCiel Panton';font-weight: 700;}
.price-old{color: #000;text-decoration: line-through;font-size: 25px;margin-left: 10px;}

.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: 45px; line-height: 45px; padding: 0 5px; }

.khuyenmai_detail .item_s img{width: 100%}
#mota { height: 215px; overflow: overlay; }
#mota::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
#mota::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
#mota::-webkit-scrollbar-thumb { background-color: #000000; }

.fix_list{position: fixed;top: 20%;left: 0;z-index: 9999;background: #fff;}
.fix_list ul{margin-bottom: 0}
.fix_list li{border: 1px solid #ccc;list-style: none;padding: 5px;cursor: pointer;transition: all 1s}
.fix_list li:hover{background: #3CA81A;}
.fix_list li:hover img{-webkit-filter: brightness(100); filter: brightness(100); }

.support-online { position: fixed; z-index: 999; left: 0; bottom: 0px; }
.support-online a { position: relative; margin: 20px 20px; text-align: left; width: 40px; height: 40px; }
.support-online i { width: 40px; height: 40px; background: #43a1f3; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }
.support-online a span { border-radius: 2px; text-align: center; background: rgb(103, 182, 52); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }
.support-online a:hover span { display: block; }
.support-online a { display: block; }
.support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent  rgb(103, 182, 52) transparent transparent; position: absolute; left: -10px; top: 10px; }
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(0, 175, 242, 0.5); opacity: .75; right: -10px; }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #0089B9; opacity: .5; }
.support-online .btn-support { cursor: pointer; }
.sms i { background: red }
.call-now i { background: green }
.mes i { background: orange }
.g-recaptcha{margin-bottom: 10px;}

.store{background: #D6D6D6;width: 100%;padding: 55px 0;text-align: center;}
.store a{display: inline-block;width: 100%;max-width: 300px;line-height: 58px;text-align: center;background: #326A2F;color: #fff;border-radius: 50px;font-size: 15px;font-family: 'iCiel Panton';text-transform: uppercase;margin-top: 50px;}


.addthis_inline_share_toolbox_cszkss{display: inline-block;}
.slideInUp.addthis-animated{display: none;}

.item_order_left{float: left;width: 65%;color: #FF9D00;font-size: 20px;font-family: 'helveticaneue';}
.item_order_left span{font-size: 25px;font-family: 'helveticaneuebold';color: #000000}
.item_order_right{float: left;width: 35%;text-align: right;color: #000000;font-size: 25px;font-family: 'helveticaneue';}
.total_payments{border-top: 1px solid #99CC32;padding-top: 15px;margin-top: 15px;}
.total_payments > span{float: left;color: #000;font-size: 25px;display: inline-block;font-family: 'helveticaneuebold';}
.total_payments p{float: right;width: calc(100% - 150px);color: #FF9D00;font-size: 35px;font-family: 'helveticaneuebold';display: inline-block;text-align: right;}
.total_payments p .total_s2{color: #000;font-size: 25px;font-family: 'helveticaneue';font-style: italic;display: block;}
/* ---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: #297D12
; }
.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: #297D12
; 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; }

/* ----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; }
/* --ads-- */

.ads_box { display: none; }
.ads_item { padding: 0; }
.ads_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: ''; }


#slider::after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: #00000042;}
.info_slider{position: absolute;top: 20%;left: 0;z-index: 99;width: 50%;}
.title_slider{font-family: 'iCiel Panton';font-size: 50px;color: #553B0E;text-transform: uppercase;margin-bottom: 20px;}
.des_slider{color: #fff;font-family: 'iCiel Panton';font-size: 20px;margin-bottom: 10px;}
.content_slider li{list-style: none;color: #fff; font-family: 'helveticaneue';font-size: 17px;background: url('../images/icon_li.png') no-repeat left top 5px;line-height: 25px;padding: 10px 0;padding-left: 40px;}

.more_slider a{display: inline-block;background: #FED600;line-height: 60px;width: 100%;max-width: 250px;border-radius: 50px;color: #000000;text-transform: uppercase;font-size: 20px;font-family: 'iCiel Panton';text-align: center;margin-top: 15px;-webkit-box-shadow: 0px 5px 5px 0px rgba(177,80,21,1);-moz-box-shadow: 0px 5px 5px 0px rgba(177,80,21,1);box-shadow: 0px 5px 5px 0px rgba(177,80,21,1);cursor: pointer}
.more_slider a:hover{color: #fff;background: #99CC32}

/* --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 }

/* ----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-bottom: 15px;padding: 0;text-align: center;}
ul.tab_end li {display: inline-block;position: relative;height: 45px;line-height: 45px;padding: 0 !important;}
ul.tab_end li a {display: block;color: #414141;text-transform: uppercase;text-align: center;font-family: 'RB';font-size: 15px;padding: 0 20px;min-width: 158px;}
ul.tab_end li a.selected,ul.tab_end li a:hover {color: #3CA81A;}
.tab_hide { position: absolute !important; z-index: -1; opacity: 0; }
.tab_show { position: relative !important; z-index: 999; opacity: 1; }

ul.tab_detail {margin: 15px 0 25px 0px;padding: 0;border-bottom: 2px solid #3ca81a;text-align: left;}
ul.tab_detail li { display: inline-block; position: relative; height: 45px; line-height: 45px; padding: 0 !important; }
ul.tab_detail li a { display: block; color: #333333; text-transform: uppercase; text-align: center; font-family: 'RB'; font-size: 15px; padding: 0 20px; background: #E6E6E6; min-width: 158px; }
ul.tab_detail li a.selected {position: relative;color: #fff;background: #3ca81a;}

/* ---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; }


/* --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{border:none;width: 260px;line-height: 56px;display: block;text-align: center;border-radius: 500px;background: #FED600;color: #000000;font-family: 'iCiel Panton';font-size: 20px;text-transform: uppercase;cursor: pointer;-webkit-box-shadow: 0px 5px 5px 0px rgba(177,80,21,1);-moz-box-shadow: 0px 5px 5px 0px rgba(177,80,21,1);box-shadow: 0px 5px 5px 0px rgba(177,80,21,1);float: left;}
.tt_cart_page {background-color: #fff;margin-bottom: 1.2rem;font-size: 25px;font-family: 'helveticaneuebold';}
.tt_cart_page span {font-size: 19px;text-transform: none;font-family: 'helveticaneuebold';}
.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;}
.cart_wrap .cart_box_l {width: 65%;padding: .6rem 1.2rem 1.2rem 0;}
.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 0 0 1.2rem;width: 35%;}
.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;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: #297D12
; 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; }
.title_content{color: #553B0E;font-size: 35px;font-family: 'helveticaneuebold';border-bottom: 1px solid #EDEDED;margin-bottom: 20px;}

/*=========================================================================== */
.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; }



.btn_value{display: inline-block;border: 1px solid #707070;border-radius: 10px;overflow: hidden;float: left;margin-right: 30px;margin-top: 5px;}
.btn_value .input_amount{line-height: 35px;text-align: center;padding: 0 10px;margin: 0;}
.btn_value .btn_amount{padding: 0 5px;text-align: center;border: none;background: none;outline: none;}
.box_cart_item{border: 1px solid #99CC32;border-radius: 10px;padding: 10px 20px;}
.cartAmount span:nth-child(1){color: #818181;font-size: 17px;font-family: 'helveticaneuemedium';}
.cartAmount:nth-child(1) span:nth-child(2){font-size: 25px;font-family: 'helveticaneuemedium';color: #4B4B4B;width: calc(100% - 80px);text-align: right;display: inline-block;}
.cartAmount:nth-child(2) span:nth-child(2){font-size: 30px;color: #FF9D00;font-family: 'helveticaneuebold';width: calc(100% - 100px);text-align: right;display: inline-block;}
.btn_pay a{display: block;line-height: 60px;background: #FF9D00;font-size: 25px;font-family: 'helveticaneuebold';text-transform: uppercase;text-align: center;width: 100%;border-radius: 10px;color: #fff;margin: 15px 0}
.title_discount{text-transform: uppercase;font-size: 25px;font-family: 'helveticaneue';color: #000000;margin-bottom: 15px;}
.box_discount{border: 1px solid #8E8E8E;border-radius: 10px;overflow: hidden;margin-bottom: 10px;}
.box_discount .btn_discount{color: #000000;background: #FF9D00;width: 125px;line-height: 60px;border: none;font-family: 'helveticaneuebold';font-size: 20px;text-transform: uppercase;outline: none;}
.box_discount input{width: calc(100% - 125px);float: left;line-height: 60px;border: none;font-family: 'helveticaneue';padding: 0 15px;font-size: 20px;font-style: italic;outline: none;}




/* === */
.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{margin-bottom: 20px;padding-bottom: 0px;border-bottom: 1px #f0f0f0 solid;padding: 5px;}
.inline-product-entry .image{width: 55px; float: left; border: 1px transparent 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;}

/* index */
.line_top{height: 85px;background: #FBF2EB}
.box_about{padding: 100px 0;position: relative;-webkit-box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);-moz-box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);}
.title_about{color: #553B0E;font-size: 65px;font-family: 'iCiel Panton';border-left: 12px solid #FF9D00;line-height: 1.5em;padding-left: 15px;padding-top: 10px;display: block;}
.des_about{color: #326A2F;font-size: 28px;font-family: 'helveticaneuebold';margin: 10px 0 20px;}
.content_about{width: 65%;float: left;font-size: 25px;font-family: 'helveticaneue';line-height: 29px;}
/* criteria */
.title_criteria{color: #000000;text-align: center;font-size: 25px;font-family: 'helveticaneuebold';text-transform: uppercase;margin: 20px 0}
.box_criteria{text-align: center;margin-top: 50px;}
.item_criteria{margin: 10px;position: relative;}
.item_criteria .img_criteria{max-width: 281px;margin: 0 auto}
.item_criteria .img_criteria img{margin: 0 auto;border-radius: 50%;}
.item_criteria .info_criteria{margin-top: 15px;}
.item_criteria .info_criteria h3{font-size: 28px;margin: 0;text-transform: capitalize;font-family: 'helveticaneuemedium';color: #000000}
.item_criteria .info_criteria p{color: #000000;margin-bottom: 0;font-size: 28px;text-transform: uppercase;font-family: 'helveticaneuebold';}

/* media */
.media_index{position: relative;padding: 125px 0 100px;-webkit-box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);-moz-box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);background: #fff;}
.box_media{margin-top: 50px;}
.item_media{margin: 0 15px}

/* product index */
.product_top{padding: 50px 0 150px;}
.title_product{color: #fff;margin-bottom: 80px;}
.title_product_info{color: #fff;font-family: 'iCiel Panton';font-size: 25px;}
.product_top_left a{display: inline-block;-webkit-box-shadow: 0px 0px 5px 0px rgba(189, 185, 189, 1);-moz-box-shadow: 0px 0px 5px 0px rgba(189, 185, 189, 1);box-shadow: 0px 0px 5px 0px rgba(189, 185, 189, 1);border-radius: 50px;}
.name_product{font-size: 44px;font-family: 'iCiel Panton';text-transform: uppercase;margin: 10px 0;}
.name_product a{color: #fff;}
.des_product{color: #fff;font-size: 25px;font-family: 'helveticaneuemedium';line-height: 20px;}
.more_product a{display: inline-block;background: #FED600;line-height: 78px;width: 100%;max-width: 400px;border-radius: 50px;color: #000000;text-transform: uppercase;font-size: 20px;font-family: 'iCiel Panton';text-align: center;margin-top: 50px;-webkit-box-shadow: 0px 5px 5px 0px rgba(177,80,21,1);-moz-box-shadow: 0px 5px 5px 0px rgba(177,80,21,1);box-shadow: 0px 5px 5px 0px rgba(177,80,21,1);cursor: pointer}
.more_product a:hover{color: #fff;background: #99CC32}

/* farm */
.farm{background: #fff;padding: 90px 0;-webkit-box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);-moz-box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);}
.box_farm { margin-top: 50px; display: block; border: 1px solid #A3A3A3; border-top-left-radius: 15px; border-bottom-left-radius: 15px; overflow: hidden; }
.img_farm{float: left;width: 42%;}
.info_farm{float: left;width: 58%;padding: 3% 13% 3% 15px;}
.info_farm h3{font-family: 'helveticaneuebold';font-size: 30px;margin: 0;margin-bottom: 20px;}
.info_farm h3 a{color: #4B4B4B}
.info_farm h3:hover a{color: #99CC32}
.info_farm span{color: #000000;font-size: 25px;font-family: 'helveticaneue';}
.title_certification{font-family: 'helveticaneuebold';font-size: 30px;color: #FD9C00}
.certification{margin-top: 20px;text-align: center;}

/* Khoa hoc */
.slick_kh{display: none;margin: 0 -10px;}
.slick_kh .item_health{padding: 0 10px;}
.slick_kh .item_health h3{font-size: 25px;}
/* customer */
.customer{padding: 125px 0;background: #fff;position: relative;-webkit-box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);-moz-box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);}
.customer::before{position: absolute;content: "";width: 437px;height: 405px;top: 0;right: 0;background: url(../images/bg_about.png);}
.customer::after{position: absolute;content: "";width: 259px;height: 243px;background: url(../images/af_customer.png);left: 0;bottom: 0}
.box_customer{width: calc(200%/3);margin: 0 auto;display: block;margin-top: 110px;}
.img_customer{max-width: 161px;margin: 0 auto;border-radius: 50%;overflow: hidden;}
.info_customer{background: #99CC32;border-radius: 10px;padding: 10% 10% 5%;margin-top: -80px;}
.box_customer .slick-prev{left: -90px}
.box_customer .slick-next{right: -90px}
.info_customer span{color: #000000;font-family: 'helveticaneue';font-style: italic;font-size: 25px;margin-top: 20px;display: block;}
.info_customer h3{float: right;font-size: 20px;font-family: 'helveticaneuebold';text-transform: uppercase;}
.info_customer p{float: right;font-size: 20px;font-family: 'helveticaneuemedium';clear: both;}

/* work */
.work{padding: 110px 0;background: #fff;-webkit-box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);-moz-box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);box-shadow: -2px 5px 5px 0px rgba(224,221,224,1);}
.box_work{margin-top: 110px;}
.item_work{margin-bottom: 50px;}
.item_work:nth-child(2){margin-bottom: 0}
.work_left .info_work h3{margin: 15px 0;font-family: 'helveticaneuebold';font-size: 30px;line-height: 30px;height: 60px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.work_left .info_work h3 a{color: #000000}
.work_left .info_work h3:hover a{color: #99CC32}
.work_left .info_work span{color: #000000;font-size: 20px;font-family: 'helveticaneue';line-height: 30px;height: 180px;overflow: hidden;display: block;}
.item_work .img_work{float: left;width: 50%}
.item_work .info_work{float: left;width: 50%;padding-left: 3%;}
.item_work .info_work h3 { font-family: 'helveticaneuebold'; font-size: 25px; line-height: 31px; height: 60px; margin: 0; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.item_work .info_work h3 a{color: #000000}
.item_work .info_work h3:hover a{color: #99CC32}
.item_work .info_work span{color: #000000;font-family: 'helveticaneue';font-size: 20px;line-height: 30px;height: 240px;overflow: hidden;display: block;}


/* box_account */
.box_account{width: 35%;margin: 0 auto;padding: 50px 0;}
.box_account2{width: 50%;margin: 0 auto;padding: 50px 0;}
.account-user{border: 1px solid #326a2f;border-radius: 6px;overflow: hidden;line-height: 66px;margin-bottom: 15px;}
.account-user a{display: inline-block;width: 50%;color: #323945;float: left;text-align: center;font-family: 'helveticaneuemedium';font-size: 19px;}
.account-user a.account-user-active{background: #326A2F;color: #fff;}
.inputs input{line-height: 50px;border-radius: 5px;border: 1px solid #99CC32;width: 100%;margin-bottom: 15px;padding: 0 15px;color: #4B4B4B;font-family: 'Lato-Medium';font-size: 19px;}
.inputs select{line-height: 50px;height: 50px;border-radius: 5px;border: 1px solid #99CC32;width: 100%;margin-bottom: 15px;padding: 0 15px;color: #4B4B4B;font-family: 'Lato-Medium';font-size: 19px;}
.inputs textarea{height: 100px;border-radius: 5px;border: 1px solid #99CC32;width: 100%;margin-bottom: 15px;padding: 10px;color: #4B4B4B;font-family: 'Lato-Medium';font-size: 19px;}
.actions input{line-height: 70px;width: 100%;border-radius: 5px;font-size: 19px;font-family: 'Lato-Medium';text-align: center;color: #fff;background: #FF9D00;border: none;}
.actions a{color: #525C68;font-family: 'Lato-Medium';font-size: 19px;text-align: center;width: 100%;display: block;margin-top: 15px;text-decoration: underline !important;}
.actions a:hover{color: #99CC32}
.account-tab-item.active-act{display: block;}

.item_address{margin-bottom: 20px;position: relative;}
.item_address h2{margin-bottom: 10px;}
.item_address p{color: #818181;font-size: 20px;font-family: 'helveticaneue';font-weight: normal;}
.item_address span{color: #000000}
.add_address{border: 1px solid #7F7F7F;border-radius: 10px;line-height: 100px;text-align: center;font-size: 25px;font-family: 'helveticaneue';margin-top: 30px;}
.add_address a{color: #FF9D00;background: url(../images/add.png) no-repeat left center;padding-left: 80px;display: inline-block;}
.item_address label input[type=radio]:checked + span {color: #FF9D00;background: url(../images/default.png) no-repeat left center;line-height: 43px;font-size: 20px;font-family: 'helveticaneue';position: absolute;top: 0px;padding-left: 55px;left: 300px;display: block;}
.item_address label > span{display: none;}

.social_account li{line-height: none;display: block;border-bottom: 1px solid #707070;padding: 10px 0;font-size: 20px;font-family: 'helveticaneuemedium';}
.social_account li a{color: #000000;}
.social_account li a:hover{color: #99CC32;}
.social_account li:last-child{border-bottom: none}
.social_account li img{margin-right: 10px;}

.page_info{margin-top: 50px;}
.page_info_product{margin-top: 50px;}
.title_page_info{color: #000000;font-size: 25px;font-family: 'iCiel Panton' !important;}
.main_product {background: #fff;margin-bottom: 40px;padding: 40px 0 30px;webkit-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);-moz-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);overflow: hidden;}


#form-total .steps ul{list-style: none !important;}
#form-total .steps li a .title .step-icon{line-height: 50px;}
.actions  ul li:nth-child(2) {width: 200px;line-height: 60px;color: #fff;text-transform: uppercase;border-radius: 0;height: 60px;/* margin-top: -300px; */margin-right: calc(50% - 100px);}
.actions  ul li:nth-child(2) a{text-decoration: none !important;padding: 0;margin: 0;color: #fff;}

.actions  ul li:nth-child(3) {width: 200px;line-height: 60px;color: #fff;text-transform: uppercase;border-radius: 0;height: 60px;/* margin-top: -300px; */margin-right: 12%;}
.actions  ul li:nth-child(3) a{text-decoration: none !important;padding: 0;margin: 0;color: #fff;}


.name_account{text-align: center;display: block;;color: #000;font-size: 25px;font-family: 'helveticaneuebold';}
.section_left{width: calc(50% - 5px);webkit-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);-moz-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);padding: 5% 7%;background: #fff;min-height: 450px;margin: 0 auto}
.section_right{float: left;width: calc(50% - 5px);margin-left: 10px;}
.main_section{webkit-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);-moz-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 1);background: #fff;}
.title_payments{color: #000000;font-size: 30px;font-family: 'helveticaneuemedium';margin-bottom: 20px;}
.payments_left{padding: 50px;float: left;width: 60%;}
.payments_right{padding: 50px;float: left;width: 40%;}
.item_payments input{width: 25px;height: 25px;margin: 0;float: left;margin-right: 15px;}
.item_payments label{line-height: 25px;font-size: 25px;font-family: 'helveticaneue';width: calc(100% - 40px);float: left;}
.content_payment{width: calc(100% - 40px);float: right;font-size: 20px;font-family: 'helveticaneue';}
.box_payments_right{padding: 30px;border: 1px solid #91C230;border-radius: 10px;margin-bottom: 40px;}
.title_payright{color: #000000;font-size: 25px;font-family: 'helveticaneue';border-bottom: 1px solid #99CC32;padding-bottom: 10px;margin-bottom: 20px;}
.content_payments_right .name_payments{color: #000;font-size: 25px;font-family: 'helveticaneuebold';}
.content_payments_right span{font-size: 25px;font-family: 'helveticaneue';}
.content_payments_right span:last-child{clear: both;display: block;}
.content_payments_right .phone_payments{display: inline-block !important;}

.des_payments{color: #4B4B4B;font-size: 25px;font-family: 'helveticaneuemedium';}
.des_payments a{color: #FF9D00}
#payments_order .title_payments{margin-bottom: 0;padding-top: 50px;}

.tab_map { margin-bottom: 40px; }
.title_map{color: #fff;background: #99cc32;border-radius: 10px;padding: 5px 20px;display: inline-block;cursor: pointer;}
.title_map.active,.title_map:hover{color: #fff;background: #7dad1c;}
.content_map{display: none;}
.content_map.active{display: block;}
.map_footer{position: relative;}
.title_store{color: #000000;font-size: 35px;font-family: 'helveticaneuebold';margin-bottom: 20px;}
.title_map h3{font-family: 'helveticaneuebold';font-size: 25px;color: #000000}
.title_map span{color: #fff;font-size: 17px;font-family: 'helveticaneue';}


.shipper{color: #000;font-size: 25px;font-family: 'helveticaneue';margin-top: 20px;}
.shipper span{text-align: right;display: block;width: calc(100% - 160px);float: right;}


/* item_cooking */
.cooking{padding: 60px 0 20px;background: #fff;}
.cooking .title_about{margin-bottom: 50px;}
.item_cooking{margin-bottom: 20px;}
.item_cooking h3{font-size: 20px;line-height: 25px;overflow: hidden;font-family: 'helveticaneuemedium';margin: 10px 0;}
.item_cooking h3 a{color: #000000}
.item_cooking h3:hover a{color: #99CC32}
.img_cooking{position: relative}
.img_cooking .des_cooking{position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px;background-image: linear-gradient(#0000,#000);}
.img_cooking .des_cooking span{color: #fff;font-family: 'helveticaneue';line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.page_info{display: none !important}
.box_cooking{display: flex;flex-wrap: wrap}


/* health */
.box_main{margin: 30px 0}
.box_main .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.item_health{margin-bottom: 30px;}
.item_health .info_health h3{font-size: 17px;line-height: 20px;/* height: 40px; */overflow: hidden;font-family: 'helveticaneuemedium';margin: 10px 0;}
.item_health .info_health h3 a{color: #000000}
.item_health .info_health h3:hover a{color: #99CC32}
.item_health .info_health span{color: #000000;font-family: 'helveticaneue';font-size: 15px;}
.item_health .info_health .desc{font-family: 'helveticaneuemedium';font-size: 14px; white-space: inherit;line-height:20px;max-height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}


#comment_body { width: 100%; border: 1px solid #95C731; padding: 10px; height: 200px; margin: 15px 0px; font-family: 'helveticaneue'; font-size: 21px; }
#comment_body2 { width: 100%; border: 1px solid #95C731; padding: 10px; height: 200px; margin: 15px 0px; font-family: 'helveticaneue'; font-size: 21px; }
.input-comment input {padding: 0px 15px;width: 100%;margin: 5px 0px 5px;border: 1px solid #95C731;line-height: 50px;float: left;font-family: 'helveticaneue';font-size: 21px;}
.input-comment label{font-family: 'helveticaneue';font-size: 21px;font-weight: normal;}
.input-comment span i { color: #f00; }
.showcoment {}
.showcoment::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.showcoment::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.showcoment::-webkit-scrollbar-thumb { background-color: #000000; }
.showcoment ul:last-child { border: none; }
.showcoment ul { list-style: none; padding: 1px 5px; border-bottom: 1px solid #9c9b9b; margin-top: 10px; }
.showcoment ul li {padding: 5px 0px 5px 0px;margin-bottom: 30px;}
.aut {color: #000000;font-family: 'helveticaneue';font-size: 20px;background: url(../images/user_02.png) no-repeat top center;float: left;width: 150px;padding-top: 120px;text-align: center;}
.timestamp {display: inline-block;font-size: 17px;padding-right: 10px;padding-left: 10px;color: #a1a1a1;font-family: 'helveticaneue';}
.comment-body{width: calc(100% - 200px);float: right;}
.comment-body span{margin: 4px 0;font-family: 'helveticaneue';font-size: 25px;display: block;}
a.reply {color: #0f6ce4;background: url(../images/mainWebsite.png)#e6ecf300 no-repeat 3px 4px;font-size: 17px;font-family: 'helveticaneue';}
#comment_son {display: none;margin-top: 5px;margin-bottom: 10px;padding: 0px 5px 10px 5px;}

#submit_button a, #submit_button a {background: #99CC32;color: #fff;border: 1px solid #ccc;line-height: 50px;border-radius: 50px;cursor: pointer;display: inline-block;width: 100%;max-width: 300px;text-align: center;margin-top: 15px;float: left;font-family: 'helveticaneuemedium';text-transform: uppercase;font-size: 25px;}
#submit_button { text-align: right; }
.input-comment {}
.showcoment ul li ul { background: #f7f7f7; padding-left: 30px; position: relative; }
.showcoment .comment>ul:before { top: -20px; left: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }


/* QA */

.item_question{margin-bottom: 15px;}
.item_question h3{background: url(../images/question.png) no-repeat left top;padding-left: 90px;color: #000;font-size: 25px;font-family: 'helveticaneue';min-height: 71px;padding-top: 20px;}
.item_question span{font-family: 'helveticaneue';font-size: 25px;background: url(../images/answer.png) no-repeat left top;padding-left: 90px;min-height: 71px;display: inline-block;}



.flexit { display: flex; align-items: center; }
.flexit .lbl { flex: 0 auto; margin-right: 1em; }
.flexit .startnow { flex: 0 auto; }
.flexit .sendnow { flex: 0 auto; margin-left: 5em; }
.flexit .sendnow button { padding: 0.45em 2em; background: #fd9727; border: 0px  solid #fd9727; color: white; font-weight: bold; border: 1px solid #fd9727; border-radius: 25px; transition: all 0.5s; }
.flexit .sendnow button:hover { background: white; color: #fd9727; }
.starability-coinFlip { margin-bottom: -25px; display: inline-block; }
.starability-result:after { height: 20px; background-position: 0 -20px; }
.starability-result[data-rating="1"]::after { width: 20px; }
.starability-result[data-rating="2"]::after { width: 40px; }
.starability-result[data-rating="3"]::after { width: 60px; }
.starability-result[data-rating="4"]::after { height: 20px; background-position: 0 -20px; width: 80px; }
.starability-result[data-rating="5"]::after { width: 100px; }

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:192dpi) {
	.starability-result, .starability-result:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAB4CAMAAACZ62E6AAABAlBMVEUAAACZmZmampr2vSObm5v/yiufn5+ampr1viP1viSZmZn2viOZmZmampqampr2viSampqampqcnJz5vyScnJz3wSf/wyn/xiujo6Oqqqr/0C/1vSOampr2viP2viOampr2viP2vST2viOampqampqampr1vyP3viSampr2vyT4vyX3viSbm5ubm5v5wCT8xSmgoKCampqampr3vyb2wiWenp72viOampqZmZmampr2viP2viP1viSampqbm5v2vyT3viObm5v4vyadnZ34wSSbm5v2viSZmZn2viP2vST2viP2viT1viOZmZn2viT2viX3viT3vyb2vyOZmZn1vSOZmZlNN+fKAAAAVHRSTlMA9uz4PQwS8O7r5+fTw4yMelw2MB0dFRELBgbS+/Hfu7uxqKWdg4N7ZmZMPi8pKRgPs0w7Nhb14drKw6Gck21tXkNDIyMZ1rDLycTBtaqVknlfV0sGP8ZwAAADW0lEQVRYw9zWvYqDQBSG4TPDoCAqKhYKQgoVLFaIgZCkiCBBUqVazv3fyu4aEXWdM85Uy779A+LP58AfTQgw73AwtxFiZIwbxMbUfuB3H4b49YNfZrbGodoI52+cm9hH9sbZwwAXOFbo2zjDsSzWxnecuuvaM8MpdtbEPs7y9azF5phZWrjERaWOPdpLbB81cICrgv3W4mvMLbU6RmFQeA5u5HhFEEbHLdWLsMxvHJXxW16Goh+ZqPyny1Az5j79SsCJoWHsBNAxQ9sNF26bWFuMC8v1LY+mmeTadjaqtaNnnXoxWBcde1nNWnzdb68xrOqvu22/MTzuPutujpJ122NvluSb8tTWk85CclDZQwLS0oa2TQpEKacsJy0kSJaQOKJxROKKxhWJ7zS+k9ijsUdim8Y2ZWNUFBP4pMKfOv8onX9WrsI5gd3VVLXtatxcuU0znGUHCUAS2DgrS6mT6hTzrXEjfIZj5Dk2xKkihqm4wKlQfQRqalhUP9UHo3FIPAG/Et44JVLsDDf0JHmB3OEByOwZES8hSAsviGjBdh3ylh6plmMnW4IyAUVJWcE/76vTell1EIaiMBwIAcWBA9GC0lIdKFXQQUsHVVCklN7ojf3+z3JOxYqK2TH555+K6CJJQtRbr9XtDmCnjH0AX9Va8J+liIMvDtRsCk2pEs6hKVexR2g7KuDihwt5a9MfprY0fkLXU9ZmFLpoJolN6GXKWWfZx0tHCocwKJSxC22ItYUEjmBUJHFjfYz1xQxlfaLiZsBExq2IPtbkNbLtOwwuGgjTLkH43mYtSzam7+1Bsr3nm5uExBQUozEh9V7N7uvmwZcqdpm0C6vJW63bZEuXtbrV2zpDzhrpYLBWMnY1mjV7JWFtMio7zbWniWFxvHnWm1yGxXmOPXP+L3YV2ysjnNhaZNeMcHPvuL27BMnVMaujljBAYyje4niH4g2ONyh+4PiB4gOODyjWcKxh1gZBNoJjEY4R/BLhF4IDEQ4QPBoEoyxH4+bxrUsHyxwxQlg0WHXqYifVLmo67cKY/UtaXFxBV26TLjuHrkp8BPJTMij1xQejdkgO24nf7dBOCRcbzQuNOR9Qs64GzzrfQa8It2oFAA6Zrga9xEeq1KHmLUHIiCAWInsg1x/MLqkMsItF8QAAAABJRU5ErkJggg==); background-size: 30px auto }
}
@-webkit-keyframes coinFlip {
	0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0 }
	25%, 85% { -webkit-transform: translateY(-34px); transform: translateY(-34px); opacity: 1 }
	35%, 65% { -webkit-transform: translateY(-30px) rotateY(0); transform: translateY(-30px) rotateY(0) }
	30% { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
	50% { -webkit-transform: translateY(-30px) rotateY(180deg); transform: translateY(-30px) rotateY(180deg) }
}
@keyframes coinFlip {
	0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0 }
	25%, 85% { -webkit-transform: translateY(-34px); transform: translateY(-34px); opacity: 1 }
	30% { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
	35%, 65% { -webkit-transform: translateY(-30px) rotateY(0); transform: translateY(-30px) rotateY(0) }
	50% { -webkit-transform: translateY(-30px) rotateY(180deg); transform: translateY(-30px) rotateY(180deg) }
}
.starability-coinFlip { display: block; position: relative; width: 150px; min-height: 60px; padding: 0; border: none; will-change: contents }
.starability-coinFlip>input { position: absolute; margin-right: -100%; opacity: 0 }
.starability-coinFlip>input:checked~label, .starability-coinFlip>input:focus~label { background-position: 0 0 }
.starability-coinFlip>input:checked+label, .starability-coinFlip>input:focus+label { background-position: 0 -30px }
.starability-coinFlip>input[disabled]:hover+label { cursor: default }
.starability-coinFlip>input:not([disabled]):hover+label, .starability-coinFlip>label {background-position: 0 -30px;}
.starability-coinFlip>input:not([disabled]):hover~label { background-position: 0 0 }
.starability-coinFlip>input:not([disabled]):hover+label::before { opacity: 1 }
.starability-coinFlip>input:focus+label { outline: #999 dotted 1px }
.starability-coinFlip .starability-focus-ring { position: absolute; left: 0; width: 100%; height: 30px; outline: #999 dotted 2px; pointer-events: none; opacity: 0 }
.starability-coinFlip>#no-rate:focus~.starability-focus-ring { opacity: 1 }
.starability-coinFlip>label {position: relative;display: inline-block;float: left;width: 30px;height: 30px;font-size: .1em;color: transparent;cursor: pointer;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAxlBMVEUAAACZmZn2viTHuJ72viOampqampr1viSampr3vySampqdnZ34wiX1vSSampr1vSOZmZmampr1viT2vSOampr2viT2viSampr2viSampr2vyX4vyWbm5v3vSSdnZ32wSadnZ36wCWcnJyZmZn/wSr/2ySampr2vSP2viSZmZn2vSSZmZn2vST2viSampr2viSbm5ubm5uZmZn1vSSampqbm5v2vSWampqampr3vSf5wiT5vyagoKD/xCmkpKT/yCSZmZn1vSO4V2dEAAAAQHRSTlMA+vsG9fO6uqdgRSIi7+3q39XVqZWVgnJyX09HPDw1NTAwKRkYB+jh3L6+srKijY2Ef2lpYllZUU5CKigWFQ4Oneh1twAAAZlJREFUOMuV0mdzAiEQBmDgWq4YTWIvKRqT2Htv8P//VJCTGfYQZnw/3fJ4tyO76KE0m1b2fZu+U/pu4QGlA7N+Up5PIz9d+cmkbSrSNr9seT3GKeNYIyeO5j16S28exY5suK0U/QKmmeCCX6xs22hJLVkitMImxCvEs8EG3SCRCN/ViFPqnq5epIzZ07QJJvkM9Tkz1xnkmXbfSvR7f4H8AtXBkLGj74mMvjM1+VHZpAZ4LM4K/LBWEI9jwP71v1ZEQ6dyvQMf8A/1pmdZnKce/VH1iIsdte4U8VEtY23xOujxtFpWDgKbfjD2YeEhY0OzfjGeLyO/XfnNpAcmcjDwKOXRfU1IyiTRyEkaiz67pb9oJHJb9vVqKfgjLBPyF5Sq9T0KmSUhQmtiQrJGPHVi0DoSabj31G2gW3buHd0pY85lNdcCk8xlNDPXMuSyNiwl+theIb9C7RLIpKvviYy+M6H8qGwSAp6Is19+GP6KxwnggJ/kq6Jht5rnRQA4z9zyRRaXssvyqp5I6Vutv0vkpJaJtnjpz/8B19ytIayazLoAAAAASUVORK5CYII=);background-repeat: no-repeat;}
.starability-coinFlip>label::before { content: ''; position: absolute; display: block; height: 30px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAxlBMVEUAAACZmZn2viTHuJ72viOampqampr1viSampr3vySampqdnZ34wiX1vSSampr1vSOZmZmampr1viT2vSOampr2viT2viSampr2viSampr2vyX4vyWbm5v3vSSdnZ32wSadnZ36wCWcnJyZmZn/wSr/2ySampr2vSP2viSZmZn2vSSZmZn2vST2viSampr2viSbm5ubm5uZmZn1vSSampqbm5v2vSWampqampr3vSf5wiT5vyagoKD/xCmkpKT/yCSZmZn1vSO4V2dEAAAAQHRSTlMA+vsG9fO6uqdgRSIi7+3q39XVqZWVgnJyX09HPDw1NTAwKRkYB+jh3L6+srKijY2Ef2lpYllZUU5CKigWFQ4Oneh1twAAAZlJREFUOMuV0mdzAiEQBmDgWq4YTWIvKRqT2Htv8P//VJCTGfYQZnw/3fJ4tyO76KE0m1b2fZu+U/pu4QGlA7N+Up5PIz9d+cmkbSrSNr9seT3GKeNYIyeO5j16S28exY5suK0U/QKmmeCCX6xs22hJLVkitMImxCvEs8EG3SCRCN/ViFPqnq5epIzZ07QJJvkM9Tkz1xnkmXbfSvR7f4H8AtXBkLGj74mMvjM1+VHZpAZ4LM4K/LBWEI9jwP71v1ZEQ6dyvQMf8A/1pmdZnKce/VH1iIsdte4U8VEtY23xOujxtFpWDgKbfjD2YeEhY0OzfjGeLyO/XfnNpAcmcjDwKOXRfU1IyiTRyEkaiz67pb9oJHJb9vVqKfgjLBPyF5Sq9T0KmSUhQmtiQrJGPHVi0DoSabj31G2gW3buHd0pY85lNdcCk8xlNDPXMuSyNiwl+theIb9C7RLIpKvviYy+M6H8qGwSAp6Is19+GP6KxwnggJ/kq6Jht5rnRQA4z9zyRRaXssvyqp5I6Vutv0vkpJaJtnjpz/8B19ytIayazLoAAAAASUVORK5CYII=); background-position: 0 30px; pointer-events: none; opacity: 0 }
.starability-coinFlip>label:nth-of-type(5)::before { width: 120px; left: -120px }
.starability-coinFlip>label:nth-of-type(4)::before { width: 90px; left: -90px }
.starability-coinFlip>label:nth-of-type(3)::before { width: 60px; left: -60px }
.starability-coinFlip>label:nth-of-type(2)::before { width: 30px; left: -30px }
.starability-coinFlip>label:nth-of-type(1)::before { width: 0; left: 0 }
@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:192dpi) {
	.starability-coinFlip>label { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAB4CAMAAACZ62E6AAABAlBMVEUAAACZmZmampr2vSObm5v/yiufn5+ampr1viP1viSZmZn2viOZmZmampqampr2viSampqampqcnJz5vyScnJz3wSf/wyn/xiujo6Oqqqr/0C/1vSOampr2viP2viOampr2viP2vST2viOampqampqampr1vyP3viSampr2vyT4vyX3viSbm5ubm5v5wCT8xSmgoKCampqampr3vyb2wiWenp72viOampqZmZmampr2viP2viP1viSampqbm5v2vyT3viObm5v4vyadnZ34wSSbm5v2viSZmZn2viP2vST2viP2viT1viOZmZn2viT2viX3viT3vyb2vyOZmZn1vSOZmZlNN+fKAAAAVHRSTlMA9uz4PQwS8O7r5+fTw4yMelw2MB0dFRELBgbS+/Hfu7uxqKWdg4N7ZmZMPi8pKRgPs0w7Nhb14drKw6Gck21tXkNDIyMZ1rDLycTBtaqVknlfV0sGP8ZwAAADW0lEQVRYw9zWvYqDQBSG4TPDoCAqKhYKQgoVLFaIgZCkiCBBUqVazv3fyu4aEXWdM85Uy779A+LP58AfTQgw73AwtxFiZIwbxMbUfuB3H4b49YNfZrbGodoI52+cm9hH9sbZwwAXOFbo2zjDsSzWxnecuuvaM8MpdtbEPs7y9azF5phZWrjERaWOPdpLbB81cICrgv3W4mvMLbU6RmFQeA5u5HhFEEbHLdWLsMxvHJXxW16Goh+ZqPyny1Az5j79SsCJoWHsBNAxQ9sNF26bWFuMC8v1LY+mmeTadjaqtaNnnXoxWBcde1nNWnzdb68xrOqvu22/MTzuPutujpJ122NvluSb8tTWk85CclDZQwLS0oa2TQpEKacsJy0kSJaQOKJxROKKxhWJ7zS+k9ijsUdim8Y2ZWNUFBP4pMKfOv8onX9WrsI5gd3VVLXtatxcuU0znGUHCUAS2DgrS6mT6hTzrXEjfIZj5Dk2xKkihqm4wKlQfQRqalhUP9UHo3FIPAG/Et44JVLsDDf0JHmB3OEByOwZES8hSAsviGjBdh3ylh6plmMnW4IyAUVJWcE/76vTell1EIaiMBwIAcWBA9GC0lIdKFXQQUsHVVCklN7ojf3+z3JOxYqK2TH555+K6CJJQtRbr9XtDmCnjH0AX9Va8J+liIMvDtRsCk2pEs6hKVexR2g7KuDihwt5a9MfprY0fkLXU9ZmFLpoJolN6GXKWWfZx0tHCocwKJSxC22ItYUEjmBUJHFjfYz1xQxlfaLiZsBExq2IPtbkNbLtOwwuGgjTLkH43mYtSzam7+1Bsr3nm5uExBQUozEh9V7N7uvmwZcqdpm0C6vJW63bZEuXtbrV2zpDzhrpYLBWMnY1mjV7JWFtMio7zbWniWFxvHnWm1yGxXmOPXP+L3YV2ysjnNhaZNeMcHPvuL27BMnVMaujljBAYyje4niH4g2ONyh+4PiB4gOODyjWcKxh1gZBNoJjEY4R/BLhF4IDEQ4QPBoEoyxH4+bxrUsHyxwxQlg0WHXqYifVLmo67cKY/UtaXFxBV26TLjuHrkp8BPJTMij1xQejdkgO24nf7dBOCRcbzQuNOR9Qs64GzzrfQa8It2oFAA6Zrga9xEeq1KHmLUHIiCAWInsg1x/MLqkMsItF8QAAAABJRU5ErkJggg==); background-size: 30px auto }
}
.starability-coinFlip>label::after { content: ' '; position: absolute; opacity: 0; width: 30px; height: 30px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAxlBMVEUAAACZmZn2viTHuJ72viOampqampr1viSampr3vySampqdnZ34wiX1vSSampr1vSOZmZmampr1viT2vSOampr2viT2viSampr2viSampr2vyX4vyWbm5v3vSSdnZ32wSadnZ36wCWcnJyZmZn/wSr/2ySampr2vSP2viSZmZn2vSSZmZn2vST2viSampr2viSbm5ubm5uZmZn1vSSampqbm5v2vSWampqampr3vSf5wiT5vyagoKD/xCmkpKT/yCSZmZn1vSO4V2dEAAAAQHRSTlMA+vsG9fO6uqdgRSIi7+3q39XVqZWVgnJyX09HPDw1NTAwKRkYB+jh3L6+srKijY2Ef2lpYllZUU5CKigWFQ4Oneh1twAAAZlJREFUOMuV0mdzAiEQBmDgWq4YTWIvKRqT2Htv8P//VJCTGfYQZnw/3fJ4tyO76KE0m1b2fZu+U/pu4QGlA7N+Up5PIz9d+cmkbSrSNr9seT3GKeNYIyeO5j16S28exY5suK0U/QKmmeCCX6xs22hJLVkitMImxCvEs8EG3SCRCN/ViFPqnq5epIzZ07QJJvkM9Tkz1xnkmXbfSvR7f4H8AtXBkLGj74mMvjM1+VHZpAZ4LM4K/LBWEI9jwP71v1ZEQ6dyvQMf8A/1pmdZnKce/VH1iIsdte4U8VEtY23xOujxtFpWDgKbfjD2YeEhY0OzfjGeLyO/XfnNpAcmcjDwKOXRfU1IyiTRyEkaiz67pb9oJHJb9vVqKfgjLBPyF5Sq9T0KmSUhQmtiQrJGPHVi0DoSabj31G2gW3buHd0pY85lNdcCk8xlNDPXMuSyNiwl+theIb9C7RLIpKvviYy+M6H8qGwSAp6Is19+GP6KxwnggJ/kq6Jht5rnRQA4z9zyRRaXssvyqp5I6Vutv0vkpJaJtnjpz/8B19ytIayazLoAAAAASUVORK5CYII=); background-repeat: no-repeat; bottom: 0; left: 0; z-index: 2 }
@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:192dpi) {
	.starability-coinFlip>label::after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAB4CAMAAACZ62E6AAABAlBMVEUAAACZmZmampr2vSObm5v/yiufn5+ampr1viP1viSZmZn2viOZmZmampqampr2viSampqampqcnJz5vyScnJz3wSf/wyn/xiujo6Oqqqr/0C/1vSOampr2viP2viOampr2viP2vST2viOampqampqampr1vyP3viSampr2vyT4vyX3viSbm5ubm5v5wCT8xSmgoKCampqampr3vyb2wiWenp72viOampqZmZmampr2viP2viP1viSampqbm5v2vyT3viObm5v4vyadnZ34wSSbm5v2viSZmZn2viP2vST2viP2viT1viOZmZn2viT2viX3viT3vyb2vyOZmZn1vSOZmZlNN+fKAAAAVHRSTlMA9uz4PQwS8O7r5+fTw4yMelw2MB0dFRELBgbS+/Hfu7uxqKWdg4N7ZmZMPi8pKRgPs0w7Nhb14drKw6Gck21tXkNDIyMZ1rDLycTBtaqVknlfV0sGP8ZwAAADW0lEQVRYw9zWvYqDQBSG4TPDoCAqKhYKQgoVLFaIgZCkiCBBUqVazv3fyu4aEXWdM85Uy779A+LP58AfTQgw73AwtxFiZIwbxMbUfuB3H4b49YNfZrbGodoI52+cm9hH9sbZwwAXOFbo2zjDsSzWxnecuuvaM8MpdtbEPs7y9azF5phZWrjERaWOPdpLbB81cICrgv3W4mvMLbU6RmFQeA5u5HhFEEbHLdWLsMxvHJXxW16Goh+ZqPyny1Az5j79SsCJoWHsBNAxQ9sNF26bWFuMC8v1LY+mmeTadjaqtaNnnXoxWBcde1nNWnzdb68xrOqvu22/MTzuPutujpJ122NvluSb8tTWk85CclDZQwLS0oa2TQpEKacsJy0kSJaQOKJxROKKxhWJ7zS+k9ijsUdim8Y2ZWNUFBP4pMKfOv8onX9WrsI5gd3VVLXtatxcuU0znGUHCUAS2DgrS6mT6hTzrXEjfIZj5Dk2xKkihqm4wKlQfQRqalhUP9UHo3FIPAG/Et44JVLsDDf0JHmB3OEByOwZES8hSAsviGjBdh3ylh6plmMnW4IyAUVJWcE/76vTell1EIaiMBwIAcWBA9GC0lIdKFXQQUsHVVCklN7ojf3+z3JOxYqK2TH555+K6CJJQtRbr9XtDmCnjH0AX9Va8J+liIMvDtRsCk2pEs6hKVexR2g7KuDihwt5a9MfprY0fkLXU9ZmFLpoJolN6GXKWWfZx0tHCocwKJSxC22ItYUEjmBUJHFjfYz1xQxlfaLiZsBExq2IPtbkNbLtOwwuGgjTLkH43mYtSzam7+1Bsr3nm5uExBQUozEh9V7N7uvmwZcqdpm0C6vJW63bZEuXtbrV2zpDzhrpYLBWMnY1mjV7JWFtMio7zbWniWFxvHnWm1yGxXmOPXP+L3YV2ysjnNhaZNeMcHPvuL27BMnVMaujljBAYyje4niH4g2ONyh+4PiB4gOODyjWcKxh1gZBNoJjEY4R/BLhF4IDEQ4QPBoEoyxH4+bxrUsHyxwxQlg0WHXqYifVLmo67cKY/UtaXFxBV26TLjuHrkp8BPJTMij1xQejdkgO24nf7dBOCRcbzQuNOR9Qs64GzzrfQa8It2oFAA6Zrga9xEeq1KHmLUHIiCAWInsg1x/MLqkMsItF8QAAAABJRU5ErkJggg==); background-size: 30px auto }
}
.starability-coinFlip>input:checked+label::after { background-position: 0 -30px; opacity: 1; -webkit-animation-name: coinFlip; animation-name: coinFlip; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }


.main-timeline { position: relative; }
.main-timeline:before {content: '';height: 100%;width: 1px;border-left: 1px solid #3B499C;transform: translatex(-50%);position: absolute;left: 40%;top: 0px;}
.main-timeline .timeline { margin-bottom: 5px; padding: 20px 0; position: relative; z-index: 1; }
.main-timeline .timeline-content { display: block; }
.main-timeline .timeline-content:hover { text-decoration: none; }
.main-timeline .timeline-content:after { content: ''; display: block; clear: both; }
.main-timeline .content {display: inline-block;float: right;width: 58%;color: #909090;position: relative;}
.main-timeline .description {color: #000000;font-size: 20px;font-family: 'helveticaneue';line-height: 30px;}
.timeline-icon {height: 135px;font-size: 70px;text-align: center;float: left;width: 40%;position: relative;}
.timeline-icon::after{position: absolute;;content: "";width: 9px;height: 9px;background: #3B499C;border-radius: 50%;left: calc(100% - 4px);top: 30px}
.timeline-icon img{float: left;width: 135px;} 
.timeline-icon .title{color: #3B499C;font-size: 30px;font-family: 'helveticaneuebold';width: calc(100% - 200px);float: right;display: inline-block;} 


.title_complete{color: #000;font-size: 25px;font-family: 'helveticaneuebold';margin-bottom: 10px}
.title_complete span{color: #99CC32;font-family: 'helveticaneue';}
.code_complete{margin-bottom: 20px;font-size: 25px;font-family: 'helveticaneue';}
.code_complete span{display: block;margin-top: 15px;width: 350px;line-height: 80px;background: #99CC32;color: #fff;text-align: center}
.btn_complete{background: #FF9D00;line-height: 80px;width: 70%;text-align: center;color: #FF9D00;font-family: 'helveticaneue';margin-top: 30px;display: inline-block;color: #fff;font-size: 30px;min-width: 250px}
.btn_complete:hover{color: #fff;background: #99CC32;}

.box_flex{display:flex;align-items:center; justify-content:space-between}

@media (max-width:1600px) {
    #menu_top ul#nav >li{font-size: 20px;}
}