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


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.div-image-giai-phap{
    padding-top: 30px;
}
.div-image-giai-phap .image-left{
        margin-top: -39px;
        position: absolute;
        left: -139px;
        z-index: 4;
}

.div-image-giai-phap img,.div-image-giai-phap .img-inner {
    border-radius: 20px;
    border:3px solid #d6d51e;
}
.button-lien-he{
        background-position: 0%;
    background-size: 180%, 1px;
    background-image: linear-gradient(90deg, #c1352c 0%, #f84430 50%, #c1352c);
    border-radius: 10px !important;
    padding: 6px 27px !important;
    font-weight: 500;
    border:none !important;
    color:#fff !important
}
.box-dien-thoai .icon-inner{
    background: #f84430;
    border-radius:100%;
    padding:10px;
}
.box-dien-thoai img {
    -webkit-animation: tada 1500ms ease-out infinite;
    -khtml-animation: tada 1500ms ease-out infinite;
    -moz-animation: tada 1500ms ease-out infinite;
    -ms-animation: tada 1500ms ease-out infinite;
    -o-animation: tada 1500ms ease-out infinite;
    animation: tada 1500ms ease-out infinite;


}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.box-dt-home p{
  margin-bottom:0;
  text-align:center
}
.nd-home h1{
  background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:30px;
  text-align:center;
  margin-bottom:30px;
}
.nd-home p{
  line-height:29px;
  text-align:justify
}
.nd-home{
	margin-top:40px;
}
.tab-hinh-anh li span{
    font-size:30px;
    background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sodemm h3{
	font-size:30px;
    background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sodemm .p-count{
	font-size:43px;
	font-weight:bold;
	margin-bottom:0
}
.banggiaph h3{
	font-size:30px;
    background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banggiaph .price.is-xxlarge{
	background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-weight: bold;
}
.header:not(.transparent) .header-nav-main.nav > li > a {
    color:none;
    background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.header-main .nav > li > a{
	background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
    -webkit-background-clip: text;
}
.khachhang h3{
	font-size:30px;
    background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section-title b{
	background-color:transparent !important
}
.tintuc-home h3{
	font-size:30px;
    background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer2 h2{
	background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.phonghat h3{
	background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	line-height: normal !important;
}
.thucdonpage{
 border-radius: 4px;
 position: relative;
 background: #5e3e32;
}
.thucdonpage .img01 {
    position: absolute;
    left: 0;
    top: 16px;
    z-index: 1;
    max-width: 180px;
}
.thucdonpage .img02 {
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 1;
    max-width: 180px;
}
.thucdonpage .img03 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    max-width: 100px;
}
.thucdonpage .img04 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    max-width: 100px;
    margin-bottom: 0 !important;
}
.page-template h1{
	background: -webkit-linear-gradient(45deg, #F1E075, #AE7F41 58%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	line-height: normal !important;
	font-size: 35px !important;
}