.phone_backtotop .fa {
    font-size: 18px;
    color: #fff; margin-top:15px;
} 
  .phone_backtotop{bottom:18px !important;left:15px}}@media (min-width: 1200px) and (max-width: 1440px){.backtop{right:15px;bottom:30px}.phone_backtotop{left:15px;bottom:30px}}@media (min-width: 768px) and (max-width: 1199px){.backtop{right:25px;bottom:40px}.phone_backtotop{left:25px;bottom:40px}}@media (max-width: 767px){.backtop{right:5%;bottom:77px}.phone_backtotop{left:5%;bottom:20px}}.phone_backtotop{position:fixed;z-index:9999;top:auto !important;width:50px;height:50px;line-height:55px;font-size:16px;font-weight:400;text-align:center;display:inline-block;color:#fff;border-radius:50%;background:#f6470e;text-decoration:none;transition:opacity 0.2s ease-out;opacity:1;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;animation:play 1.5s ease infinite;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.phone_backtotop .fas{font-size:18px;color:#fff}@keyframes play{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg);box-shadow:0 0 0 5px #ff9897,0 0 0 10px #ff9897}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}.phone_backtotop.show{opacity:1}@media (min-width: 1441px){.phone_backtotop.left_center{bottom:48% !important;left:50px}.phone_backtotop.right_center{bottom:48% !important;right:50px}.phone_backtotop.right_bottom{bottom:50px !important;right:50px}.phone_backtotop.left_bottom{bottom:50px !important;left:50px}}@media (min-width: 1200px) and (max-width: 1440px){.phone_backtotop.left_center{bottom:48% !important;left:15px}.phone_backtotop.right_center{bottom:48% !important;right:15px}.phone_backtotop.right_bottom{bottom:50px !important;right:15px}.phone_backtotop.left_bottom{bottom:50px !important;left:15px}}@media (min-width: 768px) and (max-width: 1199px){.phone_backtotop.left_center{bottom:48% !important;left:15px}.phone_backtotop.right_center{bottom:48% !important;right:15px}.phone_backtotop.right_bottom{bottom:50px !important;right:15px}.phone_backtotop.left_bottom{bottom:50px !important;left:15px}}@media (max-width: 767px){.phone_backtotop.left_center{bottom:48% !important;left:15px}.phone_backtotop.right_center{bottom:48% !important;right:15px}.phone_backtotop.right_bottom{bottom:50px !important;right:15px}.phone_backtotop.left_bottom{bottom:50px !important;left:15px}}
  


.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}





.top-header .container,header .container{ position:relative;}
.mxh_top{ position:absolute; right:0px; top:-3px;}
.mxh_top img{ width:23px;}
header  .bn_logo{ padding-top:15px; padding-bottom:10px;}
.bn_logo_r{ position:absolute; right:0px; top:24px; width:58%;}
.bn_r1{ float:left; width:50%;}
.bn_r1 a{ margin-left:10px;}
.bn_r2{ float:right}
.bt_shop{ background:#C30;border-radius: 50px; color:#fff; padding:2px; display:inline-block; padding-left:15px; padding-right:15px;}
.bg_bn{ background:url(/images/map.png) no-repeat right top}

.title-text {
  position:relative;
}

.title-text:before {
  content:"";
  display:inline-block;
  width:125px;
  height:7px;
  position:absolute;
  bottom:-5px;
  left:0;
}

.title-text h2 {
  text-transform:uppercase;
  font-weight:400;
  font-size:30px;
  line-height:38px;
  font-family:'Roboto',sans-serif;
  border-bottom:1px solid #ccc;
  padding-bottom:6px;
  color:#C00;
}
.title-text h2 a{ color:#C00}

.title-text.size-small h2 {
  font-size:22px;
  color:#B30000;
}

.title-text.bg-grey {
 
  text-align:center;
}

.title-text.bg-grey.text-left {
  text-align:left;
}

.title-text.bg-grey.text-left:after {
  left:0;
  right:initial;
}

.title-text.bg-grey:before {
  content:"";
  display:block;
  position:absolute;
  width:100%;
  height:1px;
  top:initial;
  left:0;
  bottom:0;
  background:linear-gradient(90deg,#f5f5f5 0%,#e1e1e1 10%,#e1e1e1 10%,#e1e1e1 90%,#e1e1e1 90%,#f5f5f5 100%);
}

.title-text.bg-grey:after {
  content:"";
  display:block;
  position:absolute;
  width:125px;
  height:7px;
  top:initial;
  bottom:-5px;
  left:0;
  right:0;
  margin:0 auto;
}

.title-text a.read-more {
  display:inline-block;
  position:absolute;
  right:0;
  top:8px;
  color:#999;
}

.title-text a.read-more:hover {
  color:#dd0000;
}

.title-text.text-center:before {
  left:50%;
  transform:translateX(-50%);
}

.title-text2 {
  text-align:center;
}

.title-text2.pos-ab {
  margin-top:-30px;
}

.title-text2 h2 {
  display:inline-block;
  background:#dd0000;
  color:#fff;
  text-transform:uppercase;
  font-family:'Roboto',sans-serif;
  min-width:280px;
  margin-top:0;
  height:60px;
  line-height:60px;
  position:relative;
}

.title-text2 h2:hover a {
  color:#cdcdcd;
}

.title-text2 h2 a {
  color:#fff;
}

.title-text2 h2:after,
.title-text2 h2:before {
  content:"";
  display:inline-block;
  height:60px;
  width:43px;
  position:absolute;
  left:-43px;
  top:0;
}

.title-text2 h2:after {
  right:-43px;
  left:initial;
  transform:rotateY(-180deg);
}
.section-abouts {
  padding:30px 0;
}

.section-abouts h2 {
  margin-top:0;
  border-bottom:1px solid #ccc;
  padding-bottom:6px;
  font-family:'Roboto',sans-serif;
  text-transform:uppercase;
}

.section-abouts h2 b {
  color:#dd0000;
  display:inline-block;
  width:100%;
}

.section-abouts a {
  display:inline-block;
  position:relative;
}

.section-abouts .content p {
  margin-bottom:5px;
  font-size:13px;
  line-height:20px;
}

.title-text2 h2:after,
.title-text2 h2:before {
  background:url(/images/bg-heading-4.png?1656473554236) no-repeat scroll 0 0;
}

.title-text:before {
  background:#fff url(/images/bg-heading.png?1656473554236);
}

.title-text.bg-grey:after {
  background:#ebebeb  url(/images/bg-heading.png?1656473554236) center no-repeat;
}

.awe-section-3{ padding-top:30px;}

.home-blog .item {
  float:left;
  width:100%;
  display:inline-block;
  margin-bottom:20px;
  padding-bottom:15px;
  border-bottom:1px dashed #ccc;
}

.home-blog .item:last-child {
  padding-bottom:0;
  border-bottom:none;
}

.home-blog .item .thumb {
  display:inline-block;
  width:calc(30% - 15px);
  float:left;
  margin-right:15px;
}

.home-blog .item .text {
  width:70%;
  float:left;
}

.home-blog .item .text h3 {
  font:700 16px/20px "Roboto";
  margin-top:-4px;
}

.home-blog .item .text h3 a {
  color:#222;
  word-break:break-word;
}

.home-blog .item .text h3 a:hover {
  color:#dd0000;
}

.home-blog .item .text .date {
  display:inline-block;
  width:50px;
  height:60px;
  background:#eaeaea;
  margin-right:10px;
  float:left;
  text-align:center;
  font-size:24px;
  padding-top:3px;
  position:relative;
}

.home-blog .item .text .date span {
  background:#999;
  color:#000;
  font-size:10px;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  display:inline-block;
}

.home-blog .item .text .date+p {
  display:inline-block;
  width:calc(100% - 60px);
  float:left;
  font-size:14px;
  line-height:20px;
  margin-top:-4px;
  margin-bottom:6px;
  word-break:break-word;
}

.home-box-lightbox {
  margin-left:-15px;
}

.home-box-lightbox a {
  display:inline-block;
  width:calc(50% - 15px);
  float:left;
  margin-bottom:15px;
  overflow:hidden;
  margin-left:15px;
  position:relative;
}


.home-box-lightbox a:after {
  left:initial;
  right:-1px;
  top:initial;
  bottom:-1px;
  clip-path:polygon(100% 0,0 100%,100% 100%);
}

.home-box-lightbox a:nth-last-child(1),
.home-box-lightbox a:nth-last-child(2) {
  margin-bottom:0;
}

.home-box-lightbox a img {
  transition:all 0.3s ease 0s;
}

.home-box-lightbox a:hover img {
  transform:scale(1.1);
}

.home-box-lightbox a { position:relative }
.home-box-lightbox a span{ position:absolute; bottom:0px; left:0px; padding:5px; background:rgba(255, 255, 255, 0.8);
 display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 54px;
    -webkit-box-orient: vertical;
    overflow: hidden;    text-overflow: ellipsis;}
.home-box-lightbox a i{ position:absolute; top:30%; transform: translateX(-50%); left:50%; font-size:50px; color:#C30}

.home-box-lightbox a:hover i{ font-size:55px; color:#fff}
	

.section_new .swiper-button-next, .section_new .swiper-button-prev{ font-size:15px;}
.awe-section-2{ background:#EBEBEB}
.section_new{ padding-top:30px;}

.item_tintuc{ background:#fff; border:solid 1px #EFEFEF; padding:7px; -webkit-border-radius: 10px;/*Safari, Chrome*/
-moz-border-radius: 10px;/*Firefox*/
border-radius: 10px;}
.item_tintuc .image_thumb img{ width:100% !important; height:auto !important;-webkit-border-radius: 10px;/*Safari, Chrome*/
-moz-border-radius: 10px;/*Firefox*/
border-radius: 10px;}
.item_tintuc .info-tintuc{ padding-top:7px;}
.item_tintuc .info-tintuc .tintuc-name{ font-size: 16px; font-weight:bold; line-height:23px;}
.item_tintuc .info-tintuc .tintuc-name a{ color:#000}
.item_tintuc .info-tintuc .tintuc-name a:hover{ color:#C00 }
.item_tintuc .info-tintuc .more {
    display: inline-block;
    
    line-height: 35px;
    padding: 0 15px;
    background: #155484;
    text-decoration: none;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
}
.item_tintuc .info-tintuc .more:hover { background:#C00}

.awe-section-5{ background:#EFEFEF; padding-top:20px;}
.item_giaithuong { padding:10px;}
.item_giaithuong img{ height:210px !important; border:solid 5px #fff; }
.slide-giaithuong .owl-nav button.owl-prev {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-58%);
    border: none;
    box-shadow: none;
    font-size: 28px; line-height:28px;
    background: rgba(0,0,0,0.6);
    outline: none;
    display: inline-block;
    width: 28px;
    height: 40px;
    z-index: 9;
    color: #fff;
    border-radius: 3px;
}
.slide-giaithuong .owl-nav button.owl-next{
    left: inherit;
    right: 0px;
	position: absolute;
    top: 50%;line-height:28px;
    transform: translateY(-58%);
    border: none;
    box-shadow: none;
    font-size: 28px;
    background: rgba(0,0,0,0.6);
    outline: none;
    display: inline-block;
    width: 28px;
    height: 40px;
    z-index: 9;
    color: #fff;
    border-radius: 3px;
}


.section-thanhtuu .title-text:before{ background:#EFEFEF url(/images/bg-heading.png?1656473554236);} 
.breadcrumb_background{ background:#E9E9E9}
.section_service{ background: rgb(238,238,238); padding-top:20px;
background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,0) 14%);}
.box_left{ background:#F0F0F0; padding:7px !important ; -webkit-border-radius: 5px;/*Safari, Chrome*/
-moz-border-radius: 5px;/*Firefox*/
border-radius: 5px;}


.blog-aside .blog-list .loop-blog {
  overflow:hidden;
  padding:10px 0;
  border-bottom:1px solid #ebebeb;
}

.blog-aside .blog-list .loop-blog:last-child {
  border-bottom:0;
  padding-bottom:0;
}

.blog-aside .blog-list .loop-blog .thumb-left {
  width:90px;
  display:block;
  float:left;
  overflow:hidden;
  border-radius:5px;
}

.blog-aside .blog-list .loop-blog .thumb-left img {
  height:65px;
  width:100%;
  border-radius:5px;
}

.blog-aside .blog-list .loop-blog .thumb-left img.loaded {
  min-height:unset;
  height:unset;
  width:auto;
}

.blog-aside .blog-list .loop-blog .blog-item-summary {
  margin-bottom:0;
}

.blog-aside .blog-list .loop-blog .name-right {
  display:block;
  float:left;
  width:calc(100% - 90px);
  padding-left:10px;
  -webkit-width:calc(100% - 90px);
  -moz-width:calc(100% - 90px);
  -o-width:calc(100% - 90px);
  -os-width:calc(100% - 90px);
}

.blog-aside .blog-list .loop-blog .name-right h3 {
  position:relative;
  font-size:14px;
  font-family:var(--font-base);
  font-weight:500;
  line-height:1.4;
  margin:0;
  max-height:38px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  word-break:break-word;
  white-space:break-spaces;
}

.blog-aside .blog-list .loop-blog .name-right h3:hover {
  color:var(--hover);
}

.blog-aside .blog-list .loop-blog .name-right h3:hover a {
  text-decoration:none;
  color:var(--hover);
}
.margin-bottom-25{ margin-bottom:20px;}


.blog_page_section .blog-main .blog_full {
  width:100%;
  float:left;
  padding-bottom:15px;
  border-bottom:solid 1px #e7eaf2; padding-top:15px;
}

.blog_page_section .blog-main .blog_full:last-child {
  border-bottom:0;
}

@media (max-width:767px) {
  .blog_page_section .blog-main .blog_full {
    padding-bottom:15px;
  }
}

.blog_page_section .blog-main .blog_full .blog-inner h3 {
  padding-top:0; font-size:18px; line-height:24px;
  margin-top:0;
}
 .blog_page_section .blog-main  .blog-description{ font-size:14px; line-height:20px;}

.blog_page_section .blog-main .blog_full .blog_img_left {
  width:100%;
  display:block;
  float:left;
}

@media (min-width:768px) {
  .blog_page_section .blog-main .blog_full .blog_img_left {
    width:275px;
  }
}

.blog_page_section .blog-main .blog_full .blog_img_left a {
  display:block;
}

.blog_page_section .blog-main .blog_full .blog_img_left a img {
  max-width:100%;
}

.blog_page_section .blog-main .blog_full .content_blog_full {
  width:100%;
  display:block;
  float:left;
}
.page_title{ border-bottom:solid 1px #F00}



/*phan trang */
.navigation {
	font-size:16px;
	    padding-top: 10px;
    padding-bottom: 10px;
	clear: both;

	text-align: center;
	padding-right:10px;
	cursor:default;
	color:#05a9ab;
}
.navigation .current_page_item, .navigation .page_item a {
	outline:none;
	margin:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px; 
	text-decoration:none;
background:#CCC;
}

.navigation .page_item a {
	color:#FFF ;
padding-left:10px;
padding-top:6px;
padding-bottom:6px;
padding-right:10px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px; 
}

.navigation .current_page_item, .navigation .page_item a:hover 
{padding-left:10px;
padding-top:6px;
padding-bottom:6px;
padding-right:10px;
	color:#FFF;
	background:#C00;
font-weight:bold;
}
/*end phan trang*/

@media (max-width: 960px){
.hide_mb{ display:none !important}
.child-cartmobile .cart-head i{font-size:20px; color:#C30}
.child-cartmobile .category-action i{ font-size:40px;color:#C30}
}


@-webkit-keyframes imgShine {
  100% {
    left:125%;
  }
}

@-moz-keyframes imgShine {
  100% {
    left:125%;
  }
}

@keyframes imgShine {
  100% {
    left:125%;
  }
}

.img-shine {
  overflow:hidden;
  position:relative;
}

.img-shine:before {
  position:absolute;
  content:"";
  top:0;
  left:-75%;
  z-index:100;
  width:50%;
  height:100%;
  background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%);
  transform:skewX(-25deg);
}

.img-shine:hover:before {
  animation:imgShine .75s ease-in-out;
}

.item_video{ margin-top:20px;}
.ten_video{ padding-top:7px; font-weight:bold}


@media (max-width: 780px) {
	.slide-giaithuong .owl-nav button.owl-prev{ font-size:40px; line-height:40px; width:48px; height:48px;}
	.slide-giaithuong .owl-nav button.owl-next{ font-size:40px; line-height:40px; width:48px; height:48px;}
	.section_new .swiper-button-next, .section_new .swiper-button-prev{  width:48px; height:48px; font-size:30px;}
	.section-abouts  .text-center{ padding-bottom:20px;}
	.awe-section-3{ padding-bottom:20px;}
	.title-text a.read-more{ display:none}
	.form_button_details  .btn-warning{ margin-top:10px;}
	.details-pro{ padding-top:20px;}
	.details-product img{ max-width:100%; height:auto !important }
	.home-blog .item .text .date{ display:none;}
	.home-blog .item .text .date+p{ width:calc(100% - 0px) !important}
	img{ width:100% !important }
	.chat_ct img{ width:48% !important;}
}