/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.text-header{ float: left;     margin-left: 20px;}
.title_web{font-size: 30px;line-height: 37px;
    font-weight: bold;
    background: linear-gradient(to right, #fc0d1d 0%, #e9ae21 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.html_topbar_right p{font-size: 18px;
    color: #5b5959;}
.html_topbar_left span{font-weight: 600;
    color: #2e2e2e;}
.giao_hang{ background: url(images/1-2.png) no-repeat left; padding-left: 55px}
.thanh-toan-tn{ background: url(images/2.png) no-repeat left; padding-left: 55px}
.support-top{ background: url(images/3-2.png) no-repeat left; padding-left: 55px}
.gioithieu_cty {    background: #f0f0f0;}
.gioithieu_cty .col{ padding: 0px  !important}
.gioithieu_cty .col_left_gioithieu{    padding: 40px !important;
    text-align: justify;}
.tieude_home{    padding-top: 40px;}
.tieude_home h1{    background: linear-gradient(to right, #fc0d1d 0%, #e9ae21 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    font-size: 30px;}
.sanpham_home h2{ color: #fff; font-size: 30px;}
.tieude_home  p, .tieude_gioithieu p{    font-size: 25px;
    margin-bottom: 5px;}
.sanpham_home{background: url(images/bg-gp.jpg) no-repeat top;}
.sanpham_home .row, .doitac_home .row{ margin: 0 auto !important}
.sanpham_home  .row  .col-inner{    background: #ebfffe; border-radius: 10px;     padding-bottom: 20px;}
.sanpham_home  .row  .col-inner img{ border-radius: 10px 10px 0 0}
.sanpham_home  .row  .col-inner h3{    font-size: 20px;
    font-weight: 500;     margin-bottom: 5px;}
.sanpham_home  .row  .col-inner p{ margin-bottom:  5px}
.sanpham_home  .row  .col-inner p.giasp{    font-size: 20px;
    color: #fc0d1d;}
.sanpham_home  .row  .col-inner p.chitietsp a, .about-us a{    border: 1px solid;
    border-image-source: linear-gradient(to right,#fc0d1d 0%, #e9ae21);
    border-image-slice: 1;
    padding: 7px 20px;}
.sanpham_home  .row  .col-inner p.chitietsp:hover a, .about-us p.chitietsp:hover a{ background: #fc0d1d; color: #fff }
.chitietsp{ margin-top: 15px;}
#sp-testimonial-free-wrapper-122 .sp-testimonial-free-section .testimonial-nav-arrow{ font-size:70px}
.sp-testimonial-free-section .sp-testimonial-item{    background: #f3f3f3;
    padding: 22px;
    border-radius: 10px;}
.sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p{ text-align: left !important}
#sp-testimonial-free-wrapper-122 .sp-testimonial-free-section .sp-testimonial-client-testimonial{ height: 185px}
.doitac_home>.large-12{ padding: 0px !important}
.tieude_home h2{ font-size:  30px}
.tintuc_home>.col{ padding-bottom: 0px !important}
.tintuc_home .is-divider{ display: none}
.tintuc_home h5{ height: 45px;     margin-bottom: 10px;}
#footer #block-5{ margin-bottom: 0px }
#footer #block-5 h2, #footer #block-5 p, #footer #block-5 a{ color: #fff}
#footer #block-5 p{    margin-bottom: 5px;}
.title_gioithieu, .archive-page-header, .portfolio-archive .page-title, .blog-featured-title{background: url(images/bg-2.jpg)}
.title_gioithieu h1, .title_gioithieu p{ color: #fff}.title_gioithieu h1{ font-size: 30px}
.blog-archive{ padding-top: 0px !important}
.blog-archive .archive-page-header .large-12{padding-bottom: 0px}
.archive-page-header{ margin-bottom: 50px}
.blog-archive .archive-page-header .large-12 .page-title{    line-height: 164px;
    font-size: 30px;
    color: #fff;
    margin-bottom: 0px;}
.page-title-inner{text-align: center;}
.portfolio-archive .page-title-inner h1{ color: #fff; font-size: 30px;
    line-height: 165px;}
.blog-archive h5.post-title{ font-size: 20px;     margin-bottom: 15px;}
.box-blog-post .is-divider{ display: none }
.featured-title .page-title-inner{min-height: 165px !important;}
.page-title  .entry-title{ margin-bottom:  0px; font-size:  30px}
.page-title .page-title-bg, .portfolio-box-category  { display: none !important}
#content .post-sidebar.large-3{ padding: 0 20px  30px;}
#content .post-sidebar.large-3 .is-divider{ background-color:rgb(252 13 29) }
.portfolio-summary  h1.entry-title{font-size: 20px;    line-height: 30px;
    text-transform: none;}
.portfolio-archive .portfolio-box-title, .portfolio-bottom .row.row-small h6{text-transform: none;
    font-size: 16px;
    font-weight: 600;}
.portfolio-bottom h2{    text-align: left;
    font-size: 30px;
    margin-bottom: 30px;
    width: 1200px;
    margin: 0 auto 30px auto;}
.portfolio-bottom .row.row-small{max-width: 1200px;}
.title_tuyendung{background: url(images/bg-tuyendung.jpg) no-repeat top;}
.title_tuyendung h1{    color: #fff;
    font-size: 30px;
    line-height: 135px;}
.title_sanpham{background: url(images/bg-sp.jpg) no-repeat top; margin-bottom: 50px}
.title_sanpham .large-12{ padding-bottom: 0px}
.title_sanpham .large-12 h1{ color: #fff; line-height:  165px;     font-size: 30px;}
.dr_line_title {
    background: #fc0d1d;
    height: 5px;
    width: 45px;
    text-align: left;
    float: left;
    margin-bottom: 20px;
    border-radius: 10px;
}
.about-us p, .about-us ul{    clear: both;}
.about-us .large-6{ padding-bottom:  0px !important}
.contact_price{ overflow: hidden; width: 100%; }
.contact_price p{ width: 100%; float: left;}
.contact_price p.giasp{font-size: 22px;}
.contact_price p.lienhe_tv{    margin-top: 10px;}
.contact_price p.lienhe_tv a{color: #fc0d1d;
    border: 2px solid;
    border-image-source: linear-gradient(to right,#fc0d1d 0%, #e9ae21);
    border-image-slice: 1;
    padding: 7px 20px;     font-weight: 600;}
.contact_price p.lienhe_tv:hover a{ background: #fc0d1d; color: #fff}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.tieude_home h1{ font-size: 25px;}
.tieude_home p, .tieude_gioithieu p {
    font-size: 20px;}
	.gioithieu_cty .col_left_gioithieu {
    padding: 20px 20px!important;}
	.mobile_none{ display: none !important}
.title_sanpham .large-12 h1 {
    color: #fff;
    line-height: 57px;
    font-size: 21px;
    margin-bottom: 0px;}
.contact_price p{ width: 100%}
.title_sanpham{ margin-bottom: 25px}
.mobile-left { padding-left: 0px}
.mobile-left .col-inner{    padding: 10px 10px 10px 5px;}
.tienich .large-6{ padding-right: 0px}
.tienich .large-6 .col-inner{    padding: 10px 5px 10px 10px !important;}
.featured-title .page-title-inner {
    min-height: 100px !important;
    padding-bottom: 0px;
}.portfolio-archive .page-title-inner h1 {
    color: #fff;
    font-size: 26px;
    line-height: 60px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.portfolio-share{ display:none}
.blog-archive .archive-page-header .large-12 .page-title {
    line-height: 100px;
    font-size: 26px;}
.title_tuyendung h1 {
    color: #fff;
    font-size: 26px;
    line-height: 29px;
    padding-bottom: 0;
    margin-bottom: 0;
}
#header{ height:71px !important}
.nav>li.has-icon>a>i{    color: #ee151b;}
#sp-testimonial-free-wrapper-122 .sp-testimonial-free-section .sp-testimonial-client-testimonial {
    height: auto;
}
.sp-testimonial-free-section.swiper-initialized, .sp-testimonial-free-section:not(.swiper-initialized){ margin-bottom: 0px}
.sanpham_home .row .col-inner h3 {
    font-size: 18px;}
}

.ls-overflow-visible {
    margin-bottom: 0px !important;
}
.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 70px;
  right: 0;
  z-index: 999999;
}
.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent; 
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}
.hotline-phone-ring-circle {
	width: 85px;
  height: 85px;
  top: 10px;
  left: 25px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #e80404;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
	width: 55px;
  height: 55px;
  top: 25px;
  left: 39px;
  position: absolute;
  background-color:#e80404;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
	background-color: #e80404;
	width: 45px;
  height: 45px;
  top: 30px;
  left: 45px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 30px;
	height: 30px;
}
.hotline-bar {
  position: absolute;
  background:#e80404;
  height: 40px;
  width: 180px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px !important;
  /* width: 175px !important; */
  right: 33px;
  bottom: 37px;
}
.hotline-bar > a {
  color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    text-indent: 50px;
    padding-left: 8px;
    letter-spacing: 1px;
    line-height: 43px;
    font-family: Arial;
}
.hotline-bar > a span{ color: #fff}
.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}
.dailyhome{    margin-top: -45px;
    position: relative;
    z-index: 9999999;
        background: #30303061;}
.daily1{width: 50%;
    float: left;
    text-align: right;padding-right: 30px;    padding-top: 15px;    color: #fff;
    font-size: 16px;}
.daily2{ floaT: right; float: left; width: 50%; padding-left: 30px;    padding-top: 15px;    color: #fff;
    font-size: 16px;}
.dangkyngay:hover a {
    background: #f17124; color: #fff
	}
html.pum-open.pum-open-overlay, html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{ overflow-y:auto !important;}	
@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}
@media (max-width: 768px) {
  .hotline-bar, .dailyhome{
    display: none;
  }.hotline-phone-ring-img-circle{     background-color: #e80f0f;}
  .hotline-phone-ring-circle{border: 2px solid #e80f0f;}
  .hotline-phone-ring-wrap{ bottom: 45px;}.zalo-container { bottom: 158px !important;}
 
}.zalo-container img {
      max-width: 102%;
    height: auto;
    padding: 10px;
}

.zalo-container {
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 160px;
  z-index: 9999999;
}

.zalo-container:not(.right) {
  right: 1.5rem;
}

.zalo-container.right {
  left: 2.5rem;
}

.zalo-container a {
	display: block;
}

.zalo-container span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1182FC;
  position: relative;
}

@keyframes zoomIn_zalo {
	from {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}

.zoomIn_zalo {
  animation-name: zoomIn_zalo;
}

.animated_zalo {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated_zalo.infinite {
  animation-iteration-count: infinite;
}

.cmoz-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(17, 130, 252, .8);
  opacity: .1;
  border-color: #1182FC;
  opacity: .5;
}

.cmoz-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(17, 130, 252, 0.45);
  opacity: .75;
  right: -10px;
}

@-webkit-keyframes pulse_zalo {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse_zalo {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse_zalo {
  -webkit-animation-name: pulse_zalo;
  animation-name: pulse_zalo;
}