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


}
#header{
  display: none;
}
.row-img-sec1 img{
      border-width: 1px;
    border-radius: 10px;
    border-style: double;
    border-color: rgb(255, 232, 172);
    border-radius: 10px;
    filter: drop-shadow(rgb(255, 229, 160) 1px 1px 2px);
}
.row-img-sec1 .col{
      padding: 0 5px 10px;
}
.icon-box-sec1{
  border-width: 1px;
    border-radius: 10px;
    border-style: solid;
    border-color: rgb(250, 239, 210);
    box-shadow: rgb(255, 229, 160) 1px 1px 2px 0px;
        background-color: rgb(10, 54, 67);
    padding: 15px;
}
.icon-box-sec1 ul{

}
.icon-box-sec1 ul li{
      padding-left: 24px;
      position: relative;
      counter-increment: linum;
      list-style-type: none;
      margin-left: 0;
      text-align: left;
      font-size: 14px;
}
.icon-box-sec1 ul li::before{
      content: "";
  position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    width: 21px;
    height: 21px;
    top: 2px;
    background-image: url(images/sao.svg);
}
.icon-box-sec1 .but-in{
  font-size: 14px;
  font-weight: bold;
  /* line-height: 1.6; */
  color: rgb(241, 243, 244);
  text-align: center;
  border-width: 1px;
  border-radius: 10px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
}
.but-in{
    animation-name: pulse;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes pulse{
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
}
.text-lydo{
  font-size: 30px;
}
.col-lydo .col-inner{
  border-width: 2px;
    border-radius: 3px;
    border-style: solid;
    border-color: rgb(2, 32, 47);
    background-color: rgba(253, 252, 252, 0);
}
.col-lydo .icon-box{
  padding: 10px;
  font-size: 14px;
}
.icon-baogia{
  align-items: center;
}
.icon-baogia p{
  font-size: 12px;
  margin-bottom: 0;
}
.text-thongtin{

}
.text-thongtin p{
  line-height: 1.6;
  color: rgb(255, 222, 136);
  text-align: center;
  font-size: 10px;
  margin-bottom: 0;
}
.col-baogia .col-inner{
  background-color: rgb(10, 54, 67);
  border-radius: 10px;
  padding: 20px;
  color: #fff;
  border-radius: 15px;
}
#newsletter-form{

}
#newsletter-form h3{
line-height: 1.6;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 16px;
}
#newsletter-form input.wpcf7-tel{
  border-width: 2px;
  border-style: solid;
  border-color: rgb(47, 161, 120);
  height: 42px;
  font-weight: 400;
}
#newsletter-form label.num-ac{
  font-size: 14px;
    line-height: 1.6;
    color: rgb(255, 255, 255);
}
#newsletter-form .wpcf7-form-control.wpcf7-checkbox{
  /* border-width: 2px; */
  /* border-style: solid; */
  /* border-color: rgb(47, 161, 120); */
  /* background-color: rgb(255, 255, 255); */
  /* padding: 5px; */
  /* margin-bottom: 0; */
}
#newsletter-form .wpcf7-form-control.wpcf7-checkbox label{
  margin-bottom: 0;
}
#newsletter-form .wpcf7-checkbox .wpcf7-list-item{width: 100%;margin-right: 0;margin: 0;padding: 0;/* display: -webkit-inline-box; */}
#newsletter-form .wpcf7-checkbox .wpcf7-list-item-label{
  color: rgb(0, 0, 0);
  font-weight: 400;
}
.but-nhan{
  font-size: 15px;
  font-weight: bold;
  line-height: 2;
  color: rgb(10, 54, 67) !important;
  text-align: center;
  cursor: pointer;
  user-select: none;
  background-image: linear-gradient(rgb(255, 226, 89), rgb(255, 167, 81));
  background-color: initial;
  background-size: initial;
  background-origin: initial;
  background-position: initial;
  background-repeat: initial;
  background-attachment: initial;
  border-radius: 8px !important;
  display: block !important;
  width: 100%;
  margin-bottom: 0;
  margin-right: 0 !important;
  margin-top: 18px !important;
}
#newsletter-form .wpcf7-spinner{
  display: none;
}
.text-chinhsach{
    background-color: rgb(10, 54, 67);
    padding: 15px;
    border-radius: 10px;
}
.text-chinhsach h3{font-size: 18px;font-weight: bold;line-height: 1.6;color: rgb(255, 255, 255);text-align: center;margin-bottom: 0;}
.text-chinhsach h4{background-image: linear-gradient(rgb(252, 255, 166), rgb(255, 227, 202));background-color: initial;background-size: initial;background-origin: initial;background-position: initial;background-repeat: initial;background-attachment: initial;font-family: Montserrat, sans-serif;font-weight: bold;line-height: 1.6;color: rgb(0, 0, 0);text-align: center;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 36px;margin-bottom: 0;}
.title-tq{

}
.title-tq h3{
  font-size: 26px;
      line-height: 1.6;
    color: rgb(10, 54, 67);
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.28) 1px 2px 3px;
}
.col-bottom{
  padding-bottom: 0 !important;
}
.text-tq{border-width: 1px;border-radius: 10px;border-style: solid;border-color: rgb(255, 22, 22);background-color: rgb(10, 54, 67);padding: 10px;margin-left: -45px;color: #fff;}
.text-tq p{
  color: #fff;
}
.form-baogia{

}
.form-baogia .col{
  padding-bottom: 0;
}
.form-baogia .wpcf7-spinner{
  display: none;
}
.box-thi{
      background-color: rgb(10, 54, 67);
}
.box-thi .box-text{
  padding: 10px;
}
.box-thi .box-text h3{
  font-size: 30px;
    line-height: 1.6;
    color: rgb(255, 255, 255);
    text-align: center;
}
.box-thi .box-text ul{

}
.box-thi .box-text ul li{position: relative;color: #fff;text-align: left;padding-left: 25px;list-style-type: none;margin-left: 0;/* margin-bottom: 0; */}
.box-thi .box-text ul li::before{
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  width: 20px;
  height: 20px;
  top: 2px;
  background-image: url(images/dongho.svg);
}
.box-thi .box-text a.button{
  margin-top: 0;
}
.gal-tienich{

}
.gal-tienich .box-badge .box-text{
  bottom: 0;
}
.gal-tienich .box-badge .box-text p{
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
}
.form-footer{
border-width: 3px;
    border-radius: 10px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    background-color: rgba(6, 66, 59, 0);
    padding: 30px;
    text-align: center;
}
.form-footer h3{
      font-size: 20px;
    line-height: 1.6;
    color: rgb(255, 255, 255);
    text-align: center;
}
.menu-footer{

}
.menu-footer a{
      font-size: 16px;
      line-height: 1.6;
      color: rgb(250, 239, 210);
      text-decoration-line: underline;
      text-align: left;
      padding: 0;
      font-style: italic;
      font-weight: 700;
}
#button-contact-vr{
        top: auto;
        left: 25px;
        right: auto;
        bottom: 25px;
        z-index: 90000050;
        position: fixed !important;
        display: block;
}
#button-contact-vr .phone{display: block;margin-bottom: 10px;}
#button-contact-vr .phone img{
  width: 53px;
}
#button-contact-vr .tell{background-color: rgb(10, 54, 67);border-radius: 50px;display: block;border: 1px solid #fff;}
#button-contact-vr .tell img{width: 50px;border-radius: 25px;border: 1px solid #fff;padding: 7px;
  animation-name: swing;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
#button-contact-vr .tell span{color: #fff;padding: 0 10px;}
@keyframes swing{
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}
40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
}
.but-nhanf-fix{
    top: calc(100% - 70px);
    left: 507px;
    position: fixed;
    z-index: 90000050;
}
.but-nhanf-fix a{

}
#newsletter-form .wpcf7-checkbox .wpcf7-list-item input{
  margin-bottom: 0;
  border: unset;
}
#newsletter-form [data-name="checkbox-881"]{border-width: 2px;border-style: solid;border-color: rgb(47, 161, 120);background-color: rgb(255, 255, 255);}
.col-baogia form{
  margin-bottom: 10px;
}
@media(max-width:549px){
  .text-tq{
    margin-left: 0;
  }
  .box-thi .box-text h3 {
    font-size: 23px;
    line-height: 1.6;
  }
  .gal-tienich .box-badge .box-text p{
    font-size: 13px;
  }
}