body {
    overflow-x: hidden;
}

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


/* class common */
.overflow { overflow: hidden; }
.maxwidth { margin: 0 auto; }
.maxwidth1 { margin: 0 auto; }
.paddl_0 { padding-left: 0 !important; }
.paddr_0 { padding-right: 0 !important; }
.line { height: 0px; border: 1px dashed #cecece; margin: 20px 0; }
.inline { display: inline-block; }
.tt_shadow { text-shadow: 1px 0 0 #fff, -1px 0 0px #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
.tt_shadow1 { text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }
.tbl { display: table; height: 100%; width: 100%; }
.tbl .cell { display: table-cell; vertical-align: middle; }
/* ----back to top--- */
#top {width: 41px;height: 41px;background: url(../images/top.png);position: fixed;right: 16px;bottom: 50px;cursor: pointer;display: none;z-index: 100;}
/* ----main layout---- */
.wrapper { margin: auto; width: 100%; position: relative; }
#wrapper { margin: auto; }
#content {}
#content.page_in {margin-top: 20px;}
#info { position: relative; padding-bottom: 20px; }
.container-left { position: relative; }
.container-right { position: relative; }
.content { border: thin solid #eaeaea; border-radius: 5px; margin-bottom: 20px; background: #fdfdfd; }
.content_wrap { padding: 15px; }
.content_wrap img { height: auto; }
.product_special img{height: auto;}
.product_special *{max-width: 100%;}
.content *{max-width: 100%;}
/* ---- */
.map-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.map-container iframe, .map-container object, .map-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* ---breadcums--- */
#breadcrumbs {position: relative;background-color: #f5f5f5;font-family: Montserrat;}
#breadcrumbs ul { position: relative; margin: 0 auto; background: none; }
#breadcrumbs ul a { color: #000; }
#breadcrumbs ul a:hover { color: #f00; }

/* ---titile--- */
.tt_main {position: relative;margin: 0px 0 10px;text-align: center;overflow: hidden;background:url(../images/tt_bg1.png) center bottom no-repeat;padding-bottom: 25px;}
.tt_main .title {margin: 0;position: relative;font-size: 28px;color: #333333;font-family: OswaldBold;text-transform: uppercase;line-height: 1.5em;display: inline-block;padding: 0 20px;}
.tt_main .title span{color: #007FFF;}

.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_home { background: url('../images/tt_bg.png') bottom center no-repeat; }
.tt_home .title{color: #fff}
.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;border-bottom: thin solid #ccc;}
.tt_end .title {position: relative;color: #007FFF;display: inline-block;text-transform: uppercase;font-family: UTMHelvetIns;font-size: 25px;line-height: 45px;}
.tt_end .title:after {	/* content: ''; */position: absolute; height: 4px; width: 100px; left: 0px; bottom: 0px; background: #d9c301; }
/* --search-- */
.search {position: absolute;right: 0;top: 9px;height: 30px;width: 50px;padding: 0 15px;cursor: pointer;}
.search i {color: #fff;font-size: 17px;line-height: 30px;}
.search:hover #timkiem { display: block; }
#timkiem {position: absolute;top: 8px;right: 0;width: 250px;background:#fff;border: thin solid #dfdfdf;font-family: 'RR';border-radius: 5px;overflow: hidden;}
#timkiem input {background: none;border: none;height: 30px;padding: 0px 10px;color: #000;width: calc(100% - 60px);float: left;outline: none;}
#timkiem input:focus { outline: none }
#timkiem button {border: none;background: #DA363B;color: #fff;height: 30px;width: 60px;box-sizing: border-box;position: relative;outline: none;float: right;text-align: center;font-size: 15px;}
#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 #d60101; background: #d60101; color: #fff; height: 30px; box-sizing: border-box; padding: 0px 16px; position: relative; }

/* --mxh-- */
.social {margin-top: 15px;text-align: right;width: 100%;}
.social img {vertical-align: middle;}
.social-bt {margin-top: 3px;}
.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: block;text-align: left;max-width: 200px;}
#thongke li {position: relative;list-style: none;color: #fff;display: block;padding: 8px 0px;}
#thongke li:last-child { border: none; margin: 0 }
#thongke img { position: relative; top: 0px; margin-right: 5px }
#thongke span {color: #ffffff;font-weight: bold;display: inline-block;margin-left: 5px;font-family: 'OPB';float: right;}

/* --newsletter-- */
.box_dkemail {position: relative;padding: 0 0 15px;color: #fff;font-family: OPR;}
.dangkymail {position: relative;padding: 4px;background: #fff;max-width: 400px;}
.dk_left { margin-bottom: 10px; }
.dk_left p { margin: 0; }
.tt_dk { font-size: 18px; text-transform: uppercase; font-family: 'RR'; }
.dknhantin .dk_it{position: relative;width: calc(100% - 100px);float: left;}
.dknhantin .dk_it.email input{width: 100%;}
.dknhantin .dk_it.email input:last-child{}
.dknhantin .dk_it i{position: absolute;left: 0;top: 0;color: #000;height: 45px;width: 45px;text-align: center;line-height: 45px;}
.dknhantin .dk_it i.fa-envelope{top: 0;}
.dknhantin { position: relative; margin: 0 auto; padding: 0px; }
.dknhantin input {background: rgb(255, 255, 255);border-radius: 0px;height: 40px;padding: 0px 10px;color: #000;outline: none;margin-right: 0px;display: inline-block;width: 100%;padding-left: 39px;border: none;}
.dknhantin textarea {background: rgb(255, 255, 255);border-radius: 0px;border: none;width: 100%;padding: 0px 10px;color: #000;outline: none;display: inline-block;padding-top: 10px;height: 80px;}
.dknhantin input:focus { outline: none; }
.dknhantin button {border: none;background: #007FFF;color: #ffffff;height: 40px;outline: none;text-align: center;display: inline-block;position: relative;font-family: RR;font-size: 14px;text-transform: uppercase;width: 100px;}
.dknhantin button:hover{background: #DF1414;color: #fff;}
.dknhantin input::-webkit-input-placeholder, .dknhantin textarea::-webkit-input-placeholder { color: #000; }
.dknhantin input::-moz-placeholder, .dknhantin textarea::-moz-placeholder { color: #000; }
.dknhantin input:-ms-input-placeholder, .dknhantin textarea:-ms-input-placeholder { color: #000; }
.dknhantin input:-moz-placeholder, .dknhantin textarea:-moz-placeholder { color: #000; }
/* --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: 20px 30px;background: #F2F8FF;}
.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; }
.doitac-slider .slick-prev { width: 21px; height: 23px; background: url(../images/left.png) !important; left: -25px; opacity: 1; }
.doitac-slider .slick-next { width: 21px; height: 23px; background: url(../images/right.png) !important; right: -25px; opacity: 1; }
.doitac-slider .slick-prev:before { content: ''; }
.doitac-slider .slick-next:before { content: ''; }
/* ---header--- */
.header-midle {position: relative;padding: 0;background: #fff;}
.header-midle i {color: #ffffff;}
.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;text-align: center;}
.header-midle .banner {position: relative;float: left;font-family: 'Montserrat';padding-left: 0;}
.header-midle .banner .banner_inner {float: left; }
.header-midle .hotline {margin-top: 15px;position: relative;font-family: OPR;font-size: 13px;color: #080808;display: inline-block;background: url('../images/hotline.png') left center no-repeat;padding-left: 38px;float: right;min-height: 48px;max-width: 250px;overflow: hidden;}
.header-midle .hotline p { margin: 2px 0 -4px; color: #383838 }
.header-midle .hotline b {color: #fc0410;font-size: 21px;font-family: UTMHelvetIns;display: block;font-weight: normal;}

/* menu */
nav#menu{background: #007FFF;}
nav#menu ul li a, .mm-title{font-family:'Montserrat';font-size: 13px;color:#fff;text-transform:uppercase;}
.mm-title{font-size:20px; color:#fff !important}
nav#menu ul li a img { border: thin solid #fff; border-radius: 50%; background: #fff;margin-right: 10px }
nav#menu ul li a:hover{background:rgba(255,255,255,0.1)}
.menu-l{width:auto; display:inline-block}
nav:not(.mm-menu){display:none}
.mn_rp{position: fixed;display: none;top: 0;left: 0;right: 0;z-index: 9999;background: #fff;box-shadow: 0 0px 5px 0 #e2e2e2;}
.lang{position: absolute;right: 80px;top: 15px;}
.mn_rp .cart{position: absolute;right: 10px;top: 12px;}
.mn_rp .cart a{color: #ec3136;font-family: OPB;}
.mn_rp .cart i{font-size: 15px;border: thin solid #ffffff;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #eb3136;color: #fff;margin-right: 5px;}
.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: #363435;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: #007FFF;}
.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{margin:0px 0 0px !important;position: relative;font-family: 'RR',Tahoma;z-index: 999;width: 100% !important;height: 64px;background: url(../images/menu_bg.png);}
#menu_top #myslidemenu{margin:0 auto;position:relative; transition: all 1s;}
#menu_top ul#nav{padding: 0;margin: 0;height: 45px;}
#menu_top ul#nav li{list-style: none;}
#menu_top ul#nav >li img{    position: relative;margin-top: -40px}
#menu_top ul#nav >li{display:inline-block;text-transform:uppercase;text-align:center;font-size: 15px;padding:0px 0px  !important;height: 45px;line-height: 45px;float: left;}
#menu_top ul#nav >li >a{position:relative;display:block;padding: 0px 30px !important;position:relative;color: #ffffff;}
#menu_top ul#nav >li >a.menu_active{color: #ff0 !important;font-family: RB;}
#menu_top ul#nav >li:hover >a{color: #ff0 !important;font-family: RB;}
#menu_top ul#nav >li >ul li{height:auto !important;border: thin #16b0ec solid;margin-bottom: -1px;}
#menu_top ul#nav >li >ul li a{background: #007FFF;color:#fff;transition:all 1s;text-transform: uppercase;font-family: 'OPR';}
#menu_top ul#nav >li >ul li:hover>a{color:#fff !important;background: #0158b1;}
#menu_top.active_top{position: fixed;width:100% !important;top: 0;z-index: 99999;margin: 0 !important;}
#menu_top.active_top #myslidemenu{float: none;}
.menu_line{background:url(../images/menu_line.png) right center no-repeat;}
/* --slider main-- */
#slider {position: relative;max-width: 100%;margin-top: -15px;}
.img_home img { width: 100%; }
.amazingslider-text-box-1 { display: none !important; }
/* ---footer--- */
#footer {margin: auto;color: #ffffff;padding: 40px 0 0px;background: #000000;font-family: 'Montserrat';}
#footer a {/* color: #fff */}
#footer a:hover {color: #f40c24;}
#footer .tt_ft {font-family: UTMHelvetIns;font-size: 18px;color: #FFFA1B;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: 2px;width: 50px;background: #FFFA1B;margin-right: 10px;position: absolute;left: 0;bottom: 0;}
#footer .ft-col {font-family: OPR;color: #ffffff;margin-bottom: 20px;font-size: 13px;}
#footer .ft-col-3 {padding-left: 80px;}
#footer .ft-tags {position: relative;margin-bottom: 20px;}
#footer .ft-col .info { margin: 10px 0 0; padding: 0; }
#footer .ft-col .info li {font-size: 13px;font-family: OPR;padding: 5px 0 5px 0px;list-style: none;color: #C9EBF9;}
#footer .ft-col .info li a { color: #fff; }
#footer .ft-col .info li a:hover {color: #007FFF;}
.footer_end {line-height: 25px;color: #000000;background: rgba(0, 0, 0, 0.12);position: relative;font-size: 14px;padding: 9px 20px;text-align: center;}
.copy b {font-family: OPB;color: #ffffff;}
.copy {color: #ffffff;font-size: 13px;font-family: OPR;}
/* --contact-- */
.form_contact { padding-bottom: 10px; margin-bottom: 10px; border-bottom: dashed 1px #ccc; }
.form_lh label { font-family: 'RR', sans-serif; font-size: 14px; }
.form_lh p { border: thin solid #dfdfdf; }
.form_lh .tflienhe { display: block; width: 100%; padding: 10px 12px; font-size: 14px; line-height: 1.42857143; color: #777777; background: none; border: none; box-sizing: border-box; z-index: 5; position: relative; }
.form_lh .tflienhe:focus { outline: none; }
.captcha_img { margin: 0 3px 0 0; float: left; width: 216px; }
.form_lh { margin-bottom: 20px; }
.button-contact { border: none; padding: 15px 22px; background: #007FFF; color: #fff; cursor: pointer; text-transform: uppercase; }
.button-contact:hover { background: none; color: #007FFF; }
.ta_noidung { background: none; border: none; color: #777777; height: 133px; width: 100%; padding: 10px; box-sizing: border-box; position: relative; z-index: 5; }
.form_lh .ta_noidung:focus { outline: none; }

/*--------------tags---------------------*/
.tags {background: #1D1D1D;display: inline-block;padding: 5px 10px;line-height: 25px;color: #fff;margin-bottom: 5px;margin-right: 5px;position: relative;font-size: 13px;}
.tags span { width: 10px; height: 10px; float: left; background: #fff; margin: 7px 10px 0px 0px; border-radius: 100%; }
.tags:hover {background: #f40c24;color: #fff !important;}

/*-----------------product detail-----------------------*/
.product_detail_img{}
.product_detail_img_sub { padding: 2px; border: thin solid #dfdfdf; margin-top: 2px; }
.product-pic { position: relative; }
.zoom-gallery {text-align: center;margin: 0 auto;padding: 3px;border: thin solid #dfdfdf;}
.zoom-gallery-slide { display: none; }
.zoom-gallery-slide.active { display: block; }
.zoom-gallery .video-slide { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.zoom-gallery .video-slide iframe, .zoom-gallery .video-slide object, .zoom-gallery .video-slide embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.zoom-gallery .selectors { text-align: center; margin: 10px 0; }
.zoom-gallery .selectors a { margin: 5px; border: 1px solid transparent; display: inline-block; }
.zoom-gallery .selectors a:hover, .zoom-gallery .selectors a.active { border-color: #ccc; }
.zoom-gallery .selectors img { box-shadow: none !important; filter: none !important; -webkit-filter: none !important; height: 75px; max-width: 100%; }
.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: 8px; height: 20px; background: url(../images/left_1.png) !important; left: 5px; opacity: 1; }
.slider_product .slick-next { width: 8px; height: 20px; background: url(../images/right_1.png) !important; right: 5px; opacity: 1; }
.slider_product .slick-prev:before { content: ''; }
.slider_product .slick-next:before { content: ''; }
.slider_product .item_s {padding: 5px;}
.product-info { position: relative; }
.product-info-spec { font-family: 'RR', sans-serif; }
.product-info-spec li {padding: 5px 0px 5px 0px;/*  border-bottom: 1px solid #eee; */width: 100%;float: left;list-style: none;font-family: 'Montserrat';}
.product-info-spec h2 {text-transform: uppercase;margin: 0;font-size: 20px;font-family: Montserrat;color: #000000;font-weight: 700;padding: 7px 10px;background: #f1f1f1;}
.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 {font-size: 17px;color: #cd0000;font-family: Montserrat;font-weight: 700}
.product-info-spec b {color: #333;font-size: 14px;font-family: Montserrat;}
.product-info-spec .giacu_detail { color: #999; text-decoration: line-through; }
.product-info-spec .giacu_detail span { text-decoration: line-through; }
.product-info-spec .baohanh_detail { color: #015DA4; }
.product-info-spec .gia_detail span {/* font-size: 14px; *//* color: #666; */}
.detail-tool { margin-bottom: 10px; }
.detail-tool .amount_b { margin-bottom: 10px; }
.detail-tool .amount_b label { font-weight: normal; }
.detail-tool .amount_b input { border: thin solid #dfdfdf; border-radius: 3px; height: 28px; line-height: 28px; padding: 0 5px; }

/* --product-- */
.row_pro {margin-left: -10px;margin-right: -10px;}
.product_item {position: relative;margin: 0 0px 20px 0;font-family: 'RR'; ;}  
.product_item .img {position: relative;padding: 0px;overflow: hidden;background: #F5F5F5;}
.product_item .img img { width: 100%; }
.product_item .img a { outline: none; }
.product_item h3 {position: relative;margin: 11px 0 5px;transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.5s ease 0s;text-align: center;text-transform: uppercase;}
.product_item h3 a {color: #333333;font-size: 15px;font-family: RB;display: block;white-space: inherit;line-height: 1.5em;height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 500;}
.product_item h3 a:hover {color: #007FFF;}
.product_item .wrap {position: relative;background: #fff;text-align: center;padding-bottom: 10px;}
.product_item .inf_ {position: relative;text-align: center;}
.product_item .desc { margin: 0px 0 8px; text-align: justify; padding: 0 10px; color: #505050; font-family: 'RR'; white-space: inherit; line-height: 20px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.product_item .price {color: #000000;padding: 0px 0px 0px;font-size: 13px;line-height: 30px;position: relative;font-family: OPR;}
.product_item .price b { color: #f5821e; font-size: 15px; }
.product_item .price span {color: #ea1100;font-weight: 700;font-family: OPB;font-size: 15px;}
.product_item .price .cart_p {display: inline-block;float: right;background: #CD2100;padding: 2px 5px;border-radius: 20px;color: #fff;font-family: RR;cursor: pointer;}
.product_item .price .cart_p i { width: 25px; height: 25px; border-radius: 50%; background: #fff; text-align: center; line-height: 25px; color: #E0A400; }
.product_item .price .cart_p:after{content: '';-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;transition: all 0.25s linear;width: 94%;height: 3px;position: absolute;/* FF3.6+ *//* Chrome,Safari4+ *//* Chrome10+,Safari5.1+ *//* Opera 11.10+ *//* IE10+ */ /* for IE *//* W3C */bottom: 0;right: 14px;background: -moz-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* FF3.6+ */background: -webkit-gradient(linear, 90deg, color-stop(0, FFFFFF), color-stop(65%, CD2100));/* Chrome,Safari4+ */background: -webkit-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* Opera 11.10+ */background: -ms-linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* IE10+ */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */background: linear-gradient(90deg, #FFFFFF 0, #CD2100 65%);/* W3C */} 
.product_item .price .cart_p:hover{background: #FFA800;}
.product_item .price .cart_p:hover:after{background: -moz-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* FF3.6+ */background: -webkit-gradient(linear, 90deg, color-stop(0, FFFFFF), color-stop(65%, FFA800));/* Chrome,Safari4+ */background: -webkit-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* Opera 11.10+ */background: -ms-linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* IE10+ */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */background: linear-gradient(90deg, #FFFFFF 0, #FFA800 65%);/* W3C */}
.price-old { color: #838285; padding: 0px 15px 6px; font-size: 13px; }
.price-old span {color: #7c7c7c !important;font-weight: normal !important;text-decoration: line-through;font-family: 'Montserrat' !important;font-size: 12px !important;}
.product_item .pro_cart { display: inline-block; }
.product_item .pro_cart a {display: inline-block;height: 45px;padding: 0 15px;background: none;transition: all 0.5s;line-height: 45px;color: #fff;cursor: pointer;border: thin solid #fff;border-radius: 50%;}
.product_item .pro_cart a:hover {background: #007fff;box-shadow: 0 0 4px 1px #007FFF;}
.product_item:hover .img img { transform: scale(1.1) }
.product_item:hover .pro_cart { bottom: 30px; opacity: 1; }
.product_item .over_lay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.5s; }
.product_item:hover .over_lay { opacity: 1; }
.product_item .over_lay h4 { }
.product_item .over_lay h4 a { font-family: Montserrat; color: #fff; margin-bottom: 20px; }
.product_item .addcart{font-family: Montserrat;color: #fff;cursor: pointer;display: block;position: absolute;bottom: -100px;left: 0;padding: 9px 10px;background: rgba(0,0,0,0.7);width: 100%;text-align: center;}
.product_item .addcart:hover{background: rgba(255,0,0,0.7)}
.product_item:hover .addcart{bottom:0;}
/* ---content end--- */
.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; }
 
/* --news type 1-- */
.content-blog {position: relative;margin-bottom: 30px;font-family: Montserrat;}
.content-blog:nth-child(2n+1) { clear: both; }
.content-blog .date1 { padding: 5px 9px 6px 9px; background: rgba(232, 26, 26, 0.58); position: absolute; top: 0; left: 0; text-align: center; z-index: 99 }
.content-blog .date1 span { display: block }
.content-blog .date1 #day { font-size: 17px; line-height: 39px; font-weight: bold; color: #fff; border-bottom: solid 1px #fff }
.content-blog .date1 #month { font-size: 12px; font-weight: 300; text-transform: uppercase; color: #fff; margin-top: 10px }
.content-blog .date1 #comment { color: #fff; font-size: 11px; font-weight: 400; margin-top: 3px }
.content-blog .img { border: thin solid #dfdfdf }
.content-blog .img img { box-shadow: -15px -15px 0 #f2f1f1; width: 100% }
.content-blog .title-blog {margin-top: 0px;font-family: Montserrat;position: relative;margin-bottom: 5px;text-transform: capitalize;}
.content-blog  .title-blog a {color: #212121;font-size: 14px;/* text-transform: none; */line-height: 20px;font-weight: bold;display: block;}
.content-blog  .title-blog a:hover { color: #f00; }
.content-blog  .description {/* text-indent: 20px; *//* font-style: italic; */}
.content-blog  a.xemthem { display: inline-block; padding: 8px 16px; background: #007FFF; color: #fff; text-transform: uppercase; margin-top: 5px; }
.content-blog  a.xemthem:hover { background: none; color: #007FFF; }
.tieude {font-family: Montserrat;color: #161616;font-size: 19px;margin-top: 0;font-weight: bold;margin-bottom: 15px;}
.date { color: #999; font-size: 12px; margin-top: 5px; margin-bottom: 5px; }

/* --slider-- */
.slider_home { margin: 0 -10px !important; display: none; }
.slider_home .slick-prev { width: 22px; height: 42px; background: url(../images/prev.png) !important; left: -35px; opacity: 1; }
.slider_home .slick-next { width: 22px; height: 42px; background: url(../images/next.png) !important; right: -35px; opacity: 1; }
.slider_home .slick-prev:before { content: ''; }
.slider_home .slick-next:before { content: ''; }
/* --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: #007FFF; font-weight: bold }
.pagging a.jp-disabled, a.jp-disabled:hover { color: #bbb }
.pagging a.jp-current, a.jp-current:hover {cursor: default;background: #000000;color: #fff;}
.pagging a.jp-disabled, a.jp-disabled:hover { cursor: default; background: none; color: #808080 }
.pagging span { margin: 0 5px }
 
/* ---- */
.box_pro {padding: 20px 0 0px;}
.box_pro.box-two {background:#F0F0F0 ;}

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

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

/* ---validate--- */
.control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; }
.control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; border-color: #c09853; }
.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: 0 0 6px #dbc59e; -moz-box-shadow: 0 0 6px #dbc59e; box-shadow: 0 0 6px #dbc59e; }
.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; }
.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; }
.control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; border-color: #b94a48; }
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: 0 0 6px #d59392; -moz-box-shadow: 0 0 6px #d59392; box-shadow: 0 0 6px #d59392; }
.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; }
.control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; }
.control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; border-color: #468847; }
.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: 0 0 6px #7aba7b; -moz-box-shadow: 0 0 6px #7aba7b; box-shadow: 0 0 6px #7aba7b; }
.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; }
input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; }
input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; }
.help-block ul li { list-style: none; }
 
/* === */
.tt_gt {position: relative;margin: 0px auto 0px;width: calc(100%);line-height: 30px;background: #007fff;text-indent: 30px;padding: 5px 10px;}
.tt_gt .title {margin: 0;font-size: 15px;color: #fff;font-family: 'Montserrat', Tahoma;text-transform: uppercase;line-height: 39px;}
.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 !important;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;}
/* === */
.box-about {padding: 50px 0 50px;}
.about-left {position: relative;padding: 30px 30px;float: right;background: #FFFFFF;margin-top: 30px;}
.about-left .wrap {position: relative;}
.about-left .wrap:before{/* content: ''; */position: absolute;width: 500px;height: 290px;border: 3px solid #EEBD1C;left: -90px;top: -145px;z-index: 9;}
.about-left h2 {margin: 0px 0 5px;position: relative;font-size: 28px;font-family: UVFMetroscript;z-index: 10;overflow: hidden;}
.about-left h2 a:before{content: '';position: absolute;left: 100%;bottom: 10px;width: 1000px;height: 1px;border-bottom: thin dashed #F7C931;}
.about-left h2 a {color: #333333;display: inline-block;position: relative;padding-right: 10px;}
.about-left h2 a:hover {color: #888888;}
.about-left h3 {color: #616161;font-family: UTMHelvetIns;font-size: 26px;margin: 10px 0 0;position: relative;z-index: 10;text-transform: uppercase;}
.about-left h3:after{/* content: ''; */position: relative;display: block;width:80px;height: 3px;background: #007FFF;margin:10px 0;}
.about-left h3 a {color: #fc0410;}
.about-left h3 a:hover {color: #007fff;}
.about-left .desc {text-align: justify;font-size: 14px;line-height: 1.9em;color: #757575;white-space: inherit;font-family: RR;margin-top: 15px;height: 180px;overflow-y: auto;}
.about-left .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.about-left .desc::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.about-left .desc::-webkit-scrollbar-thumb { background-color: #007FFF; }
.about-left .viewmore {margin: 20px 0 0;position: relative;z-index: 1;}
.about-left .viewmore a {display: inline-block;transition: all 0.5s;font-family: 'RR';font-size: 14px;color: #fff;padding: 10px 23px;background: #007fff;border-radius: 30px;}
.about-left .viewmore a:hover {color: #fff;background: #fc0410;}
.about-right {padding: 0;position: relative;min-height: 350px;}
.about-right img { display: inline-block; position: absolute; }
.about-right img:nth-child(1) { -webkit-animation: carousel1 10s infinite; -moz-animation: carousel1 10s infinite; -ms-animation: carousel1 10s infinite; -o-animation: carousel1 10s infinite; animation: carousel1 10s infinite; }
.about-right img:nth-child(2) { -webkit-animation: carousel2 10s infinite; -moz-animation: carousel2 10s infinite; -ms-animation: carousel2 10s infinite; -o-animation: carousel2 10s infinite; animation: carousel2 10s infinite; }
@-moz-keyframes carousel1 {
	0% { top: 50px; left: calc(100% - 330px); z-index: 2; }
	25% { top: 0; left: calc(100% - 330px); z-index: 2; }
	50% { top: 0; left: 0px; z-index: 2; }
	75% { top: 50px; left: 0px; z-index: 2; }
	100% { top: 50px; left: calc(100% - 330px); z-index: 2; }
}
@-webkit-keyframes carousel1 {
	0% { top: 50px; left: calc(100% - 330px); z-index: 2; }
	25% { top: 0; left: calc(100% - 330px); z-index: 2; }
	50% { top: 0; left: 0px; z-index: 2; }
	75% { top: 50px; left: 0px; z-index: 2; }
	100% { top: 50px; left: calc(100% - 330px); z-index: 2; }
}
@-o-keyframes carousel1 {
	0% { top: 50px; left: calc(100% - 330px); z-index: 2; }
	25% { top: 0; left: calc(100% - 330px); z-index: 2; }
	50% { top: 0; left: 0px; z-index: 2; }
	75% { top: 50px; left: 0px; z-index: 2; }
	100% { top: 50px; left: calc(100% - 330px); z-index: 2; }
}
@-moz-keyframes carousel2 {
	0% { top: 0; left: 0px; z-index: 2; }
	25% { top: 50px; left: 0px; z-index: 2; }
	50% { top: 50px; left: calc(100% - 330px); z-index: 2; }
	75% { top: 0; left: calc(100% - 330px); z-index: 2; }
	100% { top: 0; left: 0px; z-index: 2; }
}
@-webkit-keyframes carousel2 {
	0% { top: 0; left: 0px; z-index: 2; }
	25% { top: 50px; left: 0px; z-index: 2; }
	50% { top: 50px; left: calc(100% - 330px); z-index: 2; }
	75% { top: 0; left: calc(100% - 330px); z-index: 2; }
	100% { top: 0; left: 0px; z-index: 2; }
}
@-o-keyframes carousel2 {
	0% { top: 0; left: 0px; z-index: 2; }
	25% { top: 50px; left: 0px; z-index: 2; }
	50% { top: 50px; left: calc(100% - 330px); z-index: 2; }
	75% { top: 0; left: calc(100% - 330px); z-index: 2; }
	100% { top: 0; left: 0px; z-index: 2; }
}

/* ==== */
.box_bottom {padding: 40px 0 40px;background: url('../images/bottom_bg.png');background-size: cover;}
.slider_top { display: none; }
.box_scroll {margin: 0px -5px !important;display: none;}
.box-news-home {position: relative;color: #000;padding: 0;font-family: RR;}
.box-news-home .wrap {padding: 5px 0;}
.box-news-home img { float: left; display: inline-block; margin-right: 15px !important; border: thin solid #dfdfdf; transition: all 0.75s; background: #fff; }
.box-news-home h3 {font-size: 14px;line-height: 20px;overflow: hidden;margin: 0 0 5px;font-family: RB;}
.box-news-home h3 a {color: #333333;outline: none;white-space: inherit;line-height:20px;max-height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.box-news-home h3 a:hover { color: #f00; }
.box-news-home .date_ {color: #007fff;font-size: 13px;-webkit-mask-size: cover;}
.box-news-home .desc {color: #333333;font-size: 14px;white-space: inherit;line-height:20px;height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.box-news-home a.chitiet {color: #fbfbfb;font-size: 14px;display: inline-block;padding: 8px 20px;border: thin solid #eae3e3;background: #CD2100;margin-top: 20px;}
.box-news-home a.chitiet:hover { background: #d71720; color: #fff; }
.box-news-home:hover img { box-shadow: 0 0 4px 1px #062245 }
/* === */
.box_list{padding: 0 0 30px;}
.top_item { position: relative; margin-bottom: 20px; font-family: 'OPR' }
.top_item .wrap {padding: 4px;border: thin solid #EBEBEB;}
.top_item h3 {margin: 0;padding: 8px 10px;text-align: center;text-transform: uppercase;position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0, 127, 255, 0.54);}
.top_item h3 a {color: #ffffff;font-family: 'RB';font-size: 18px;white-space: inherit;line-height: 1.5em;height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.top_item h3 a:hover {color: #ff0;}
.top_item .img {overflow: hidden;position: relative;}
.top_item .img img { width: 100%; }
.top_item .desc { color: #282828; font-size: 14px; white-space: inherit; line-height: 20px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.top_item:hover img { transform: scale(1.1); }
.top_item .xemthem { display: inline-block; padding: 7px 15px; border: thin solid #007FFF; color: #007FFF; margin-top: 15px; }
/* === */
.box_product_nb{padding: 40px 0;}
.slider_pro{display: none;margin:0 -15px !important;}
.slider_pro .slick-prev { width: 22px; height: 42px; background: url(../images/prev.png) !important; left: -35px; opacity: 1; }
.slider_pro .slick-next { width: 22px; height: 42px; background: url(../images/next.png) !important; right: -35px; opacity: 1; }
.slider_pro .slick-prev:before { content: ''; }
.slider_pro .slick-next:before { content: ''; }
/* === */
.box_pk{padding:40px 0;background:#F2F8FF;}
ul.tab_home {margin: 0px 0 25px 0px;padding: 0;text-align: center;}
ul.tab_home li {display: inline-block;position: relative;line-height: 1.5em;padding: 0 !important;}
ul.tab_home li a {display: block;color: #333333;text-transform: capitalize;text-align: center;font-family: RR;font-size: 15px;padding: 7px 26px;border: 1px solid #ccc;background: #fff;border-radius: 5px;}
ul.tab_home li a.selected {position: relative;color: #007fff;background: none;border: 1px solid #007fff;}
/* === */
.box_services { padding: 45px 0; } 
.slider_services{display: none;margin:0 -15px !important;}
.sr_item { position: relative; text-align: center; }
.sr_item  *{outline: none !important;}
.sr_item .wrap {position: relative;text-align: center;font-family: RR;padding: 15px;background: url(../images/tc_desc.png) bottom center no-repeat;background-size: 100% auto;}
.sr_item .wrap .img {overflow: hidden;display: inline-block;background: #fff;text-align: center;padding: 10px;border-radius: 50%;}
.sr_item .wrap img { display: inline-block; }
.sr_item .wrap h3 {position: relative;margin: 15px 0 15px;}
.sr_item .wrap h3 a {display: block;font-family: RB;color: #ffffff;text-transform: uppercase;font-size: 16px;white-space: inherit;line-height: 25px;height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;outline: none;}
.sr_item .wrap .desc{color: #ffffff;white-space: inherit;line-height: 20px;height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 14px;}
 
/* .sr_item .wrap:hover img { transform: scale(1.1) } */
.sr_item .wrap:hover  h3 a {color: #007fff;}
.sr_item .wrap:hover  .img {background: #007fff;}
.sr_item .wrap:hover  .img img{-ms-filter: hue-rotate(90deg);-webkit-filter: hue-rotate(90deg);-moz-filter: hue-rotate(90deg);-o-filter: hue-rotate(90deg);filter: hue-rotate(90deg);}
 /* === */
 .row_news{margin-left: -10px;margin-right: -10px;}
 .box-news1 {position: relative;color: #000;padding: 0px 10px;font-family: RR;}
 .box-news1 .wrap {border-bottom: thin solid #dfdfdf;padding: 10px 0;}
 .box-news1 .img {padding: 0;max-width: 160px;margin-right: 15px;overflow: hidden;float: left;}
 .box-news1 .img img{}
 .box-news1 h3 {font-size: 13px;line-height: 20px;overflow: hidden;font-family: RB;margin: 0 0 5px;}
 .box-news1 h3 a {color: #333333;outline: none;white-space: inherit;line-height:20px;height:40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 700;}
 .box-news1 h3 a:hover { color: #f00; }
 .box-news1 .inf_ { color: #212121;}
 .box-news1 .desc {color: #212121;font-size: 13px;white-space: inherit;line-height:20px;height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
 .box-news1:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
 .box-news1 a.detail {color: #ffffff;font-size: 12px;display: inline-block;padding: 4px 20px;border: thin solid #eae3e3;background: #007fff;margin-top: 8px;float: right;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
 .box-news1 a.detail:hover { background: #B60F2E; color: #fff; }