/* @media screen and (min-width:641px) and (max-width:985px){} */
.row, .flex, .flex-wrap{
    display: flex;
    flex-wrap: wrap;
}
.flex-row{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.flex-row-reverse{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-column-reverse{
    display: flex;
    flex-direction: column-reverse;   
}
.align-center {
    -webkit-box-align: center!important;
    align-items: center!important;
}
.justify-content{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-left{justify-content: flex-start;}
.justify-right{justify-content: flex-end;}
.text-align-left{text-align: left;}
.text-align-right{text-align: right;}
.text-align-center{text-align: center;}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-12 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.col-10 {
    max-width: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%
}

.col-11 {
    max-width: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%
}
.noscroll{overflow: hidden !important;}
.relative {position: relative !important;}
/* .fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    right: 0;
    bottom: 0;
    padding: 0 !important;
    margin: 0 !important;
}
.bg-fill {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50%;
} */

.noscroll{overflow: hidden !important;}
body.index #container {
    background: rgba(5, 150, 231,.1);
}
#wrapper {margin-top: 50px;}
.main {
  width: 100% !important;
  max-width: 992px;
  min-width:641px;
  margin:0 !important;
  position: relative;
}
.column {width: 100% !important;}
.content-main{padding: 20px;overflow: hidden;}
.cols-1 .item,
.cols-2 .item,
.cols-3 .item,
.cols-4 .item,
.cols-5 .item {
  width: 100%;
  padding: 5px 0;
  float: left;
}
h1{font-size:26px;line-height: 1.2;}
h2{font-size:18px;}

.btn-more {
  /* background: linear-gradient(to right, #0596e7 0%, #015cd0 100%);
  border-radius: 50px;
  padding: 5px 40px;
  margin: 10px auto;
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  width: 50%; */
  border-radius: 7px;
  padding: 5px 40px;
  margin-top: 10px;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  color: #007533;
  border: 1px solid #007533;
}

/* Header */
#header {
  height: 55px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  /* width: 100%; */
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 3%);
  background: rgba(255,255,255,.95);
/*   backdrop-filter: blur(15px); */
}
.logo {  
  display: block;
  height: 50px;
  width: 100px;
  transition: .1s;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.35s;
}
.logo img{width: 100%;height: 100%;}
.logo.small {
    width: 60px;
    height: 50px;
}
.logo1 {
  width: 100px;
  height: 110px;
  margin-left: calc(50% - 50px);
  display: block;
  z-index: 4;
  background: url('../images/logo.svg') no-repeat center center /100%;
}
.hotline{display: none;}
/* end header */

/* Search */
#search {
  position: absolute;
  display: block;
  z-index: 2;
  left: 10px;
  top: 60px;
  right: 10px;
  transition: .1s;
}
#header .main.active #search {
  top: 10px;
  left: 60px;
  right: 100px;
}
#search form{display: flex;}
#input-search {
  width: 100%;
  height: 38px;
  border: none;
  font-size: 14px;
  padding: 0 40px 0 20px;
  background: #fff;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  box-sizing: border-box;
  color: #999;
}
#button-search {
  width: 38px;
  height: 38px;
  border: 0;
  margin-left: -35px;
  cursor: pointer;
  border-radius: 0 24px 24px 0;
  -webkit-border-radius: 0 24px 24px 0;
  -moz-border-radius: 0 24px 24px 0;
  background: none;
  padding: 0;
}
.icon-search {width: 24px;height: 24px;display: block;}
.icon-search svg {fill: #4285f4;}
/* end header */

/* toggle menu */
/*.toggle-menu {
  width: 50px;
  height: 50px;
  display: inline-block;
  position: relative;
  z-index: 2;
  float: left;
}
.toggle-menu.open-menu{
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4;
}
.toggle-menu.open-menu i{background: #fff;}
.toggle-menu.open-menu span{color:#fff;bottom: -12px;}

.toggle-menu i {
  position: absolute;
  left: 8px;
  display: block;
  height: 2px;
  background: #333;
  width: 35px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.toggle-menu i:nth-child(1) {top: 10px;width: 30px;}
.toggle-menu i:nth-child(2) {top: 17px;}
.toggle-menu i:nth-child(3) {top: 24px;width: 30px;}
.open-menu i:nth-child(1) {
  top: 25px;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.open-menu i:nth-child(2) {background: transparent;}
.open-menu i:nth-child(3) {
  top: 25px;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
.toggle-menu > span{
  color: #333;
  position: absolute;
  bottom: 0;
  left: calc(50% - 17px);
  font-size: 12px;
}
.toggle-menu > span::before{content:'Menu';}
.toggle-menu.open-menu > span::before{content: 'Close';}
*/
/* toggle menu */
.header-mobile__menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 6;
    background-color: var(--color-white);
}
.header-mobile__menu-toggle.open-menu{
    position: fixed;
    bottom: 20px;
    left: calc(50% - 25px);
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
}
.header-mobile__menu-toggle.open-menu i{background: #fff;}
.header-mobile__menu-toggle.open-menu span{color:#fff;bottom: -12px;}

.header-mobile__menu-toggle i {
    display: block;
    height: 2px;
    background: var(--color-main);
    width: 30px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    margin: 4px 0;
}
.header-mobile__menu-toggle.open-menu i{margin-bottom: -2px;margin-top: 0;width: 25px;}
.header-mobile__menu-toggle.open-menu i:nth-child(1) {
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.header-mobile__menu-toggle.open-menu i:nth-child(2) {background: transparent;}
.header-mobile__menu-toggle.open-menu i:nth-child(3) {
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

/* end header-mobile__menu-toggle */
/* end toggle-menu */

/* Main Nav */
#mainnav{
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 3;
  top: 0px;
  bottom: 0px;
  left: -100%;
  background: rgba(19, 34, 65, 1);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 10px;
}
#mainnav.open{
  -moz-transition: -moz-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
  -o-transition: -o-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
  -o-transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
  -webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
  transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
  transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
/* #mainnav > .main{min-width: 100%;} */
/*#wrapper .wrap {
  -moz-transition: -moz-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
    -o-transition: -o-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
    -o-transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
    -webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
    transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
    transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
}
.open-wrapper .wrap{
  -moz-transition: -moz-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
    -o-transition: -o-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
    -o-transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
    -webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
    transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
    transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
    -webkit-transform: translate(280px, 0);
    -ms-transform: translate(280px, 0);
    transform: translate(280px, 0);
}*/
.wrapper-fixed{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
}
.wrapper-fixed.open{
  display: block;
  position: fixed;
  z-index: 2;
  background: rgba(0,0,0,0.3);
}
/* MenuTop */
#menutop li{
  float: left;
  width: 100%;
  position: relative;
  padding: 0;
}
#menutop li.havechild::before{
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 2px;
  width: 10px;
  position: absolute;
  right: 11px;
  top: 14px;
  transition: all 0.1s ease-out 0s;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  border: none !important;
  left: inherit !important;
}
#menutop li.havechild::after{
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 10px;
  width: 2px;
  position: absolute;
  right: 15px;
  top: 16px;
  transition: all 0.1s ease-out 0s;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#menutop li.open::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 20px;
  border: none !important;
  left: inherit !important;
}
#menutop li.open::after{
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 21px;
  top: 16px;
}
#menutop .has-image{background-image: none !important;}
#menutop ul a {
  padding: 5px 0;
  display: block;
  color: #333;
  text-align: center;
}
#menutop > li > a{
  line-height: 40px;
  display: block;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  padding: 0 15px;
  text-transform: uppercase;
  text-align: center;
}
#menutop .cols1,
#menutop .cols2,
#menutop .cols3,
#menutop .cols4,
#menutop .cols5{
  display: none;
  float: left;
  background: #eee;
  padding: 0 20px;
  width: 100%;
}
.havesubchild.open>a{font-weight: bold;}
/* End main Nav */

/* topsl */
#topsl h2{
    font-family: 'Philosopher';
    font-size: 20px;
    font-weight: 700;
    color: rgb(255, 188, 1);
    text-transform: uppercase;
    text-shadow: 2px -1px 0px rgb(0 0 0 / 15%);
    letter-spacing: 1px;
    padding-left: 20px;
}
#topsl h3{
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: var(--color-main);
    text-transform: uppercase;
    font-family: 'Philosopher';
    margin-top: 50px;
}
.info-img img{
    box-shadow: -1rem 1.25rem 1.5rem rgb(0 0 0 / 15%), 0 1.5rem 2.2rem rgb(0 0 0 / 10%);
    border-radius: 7px;
}
.info-content-not-img{padding-top: 100px;}
.info-content-not-img span {
    text-transform: uppercase;
    font-family: 'Philosopher';
    font-size: 18px;
    font-weight: 700;
    color: rgb(255, 188, 1);
    padding-left: 20px;
}
.info-content-not-img div{color:#fff;text-align: center;line-height: 1.5;text-transform: uppercase;font-weight: 500;}

.info-content{padding: 20px;margin: 0 auto;}
.info-content h2{padding: 0 !important;}
.info-content p{margin-bottom: 10px;text-align: justify;}

.info-img{
    background-position: left top;
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

/* content-top */
.content-top{padding: 0 20px;}
.content-top .box-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    p
}
.content-top .box-title h2 {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: -1px;
}
/* dichvu */
#dichvu{align-items: flex-start;}
#dichvu .items{
  flex-basis: 100%;
  max-width: 100%;
  margin: 10px 0;
  padding: 0;
  -webkit-box-shadow: 2px 2px 15px rgb(0 48 79 / 10%);
  box-shadow: 2px 2px 15px rgb(0 48 79 / 10%);
  position: relative;
}
/*#dichvu .items::before,
#dichvu .items::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    pointer-events: none;
}
#dichvu .items::before{
    right: 0;
    bottom: 0;
    border-bottom: 3px solid #015cd0;
    border-right: 3px solid #015cd0;
}
#dichvu .items::after{
    left: 0;
    top: 0;
    border-top: 3px solid #015cd0;
    border-left: 3px solid #015cd0;
}
#dichvu .items:hover::before{
    opacity: 1;
    visibility: visible;
    height: 50%;
    width: 50%;
}
#dichvu .items:hover::after{
    opacity: 1;
    visibility: visible;
    height: 50%;
    width: 50%;
}*/
#dichvu .items div{overflow: hidden;}
#dichvu .items a{
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 15px rgb(0 48 79 / 10%);
    box-shadow: 2px 2px 15px rgb(0 48 79 / 10%);
    background-color: #fff;
     transform: scale(1);
    -webkit-transition: transform 300ms ease-out 0ms;
    -moz-transition: transform 300ms ease-out 0ms;
    -o-transition: transform 300ms ease-out 0ms;
    transition: transform 300ms ease-out 0ms;
}
#dichvu .items:hover a{
    transform: scale(1.05);
}
#dichvu .items h5{
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
}
#dichvu .items p{color: #666;line-height: 1.8;font-size: 13px;}
.vitri{
    color: #999;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.vitri span {flex-basis: 90%;}
.giathue{
    color: var(--color-second);
    font-weight: 600;
}
.timepost svg,
.vitri svg,
.giathue svg{
    width: 16px;
    height: 16px;
    fill: var(--color-link);
    vertical-align: middle;
    margin-right: 10px;
}
.vitri svg{width: 18px;height: 18px;}
.timepost svg{width: 14px;height: 14px;margin-left: 2px;}

/* content-bottom (block middle)*/
#content-bottom{padding: 20px;background: #a8c66c;}
.content-bottom .box-title h2{
  color: #015cd0;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: -1px;
}

.content-bottom .viewall{
  width: 100%;
  padding: 10px 20px;
  text-align: center;
  line-height: 1.5;
  font-size: 13px;
}
/* .content-bottom .viewall a{
  flex-shrink: 0;
  padding: 5px 10px;
  color: #0070c9;
  font-size: 13px;
  border-radius: 30px;
  margin: 0 5px;
  border: 1px solid #ddd;
}
.content-bottom .viewall a:hover{
  text-decoration: underline;
  color:#e10531;
} */

/* benefit */
.benefit_heading {}
.benefit_heading h2 {
    text-transform: uppercase;
    font-size: 20px;
    color: var(--color-link);
    margin-bottom: 20px;
    text-align: center;
}
.benefit_heading p{text-align: justify;}
.benefit .items {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 20px;
    min-height: 120px;
    border-radius: 17px;
    background: #fff;
}
.benefit .item-img {
    width: 50px;
    height: 50px;
    background: linear-gradient(97.42deg,#007533 0%,#20C063 100%,#20C063 100%);
    border-radius: 20px 4px 4px 4px;
    padding: 7px;
}
.benefit .item-content {
    padding-left:20px;
    width: 90%;
}
.benefit .item-content h3 {
    color: var(--color-link);
    font-size: 14px !important;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.benefit .item-content p{
  line-height: 1.5;
  font-size: 13px;
}

/* end content bottom */

/* bot-news (block bottom) */
#bot-news{
    padding: 20px;
    position: relative;
}
#bot-news h3{
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  color: var(--color-link);
  margin-top: 20px;
}
#bot-news .title-link {
    text-align: center;
    margin-bottom: 10px;
}
#botsl-news .box-content{padding: 10px;}
/* end bot-news */

/* botsl (block bottom) */
#botsl{
    position: relative;
    background: #e5f4fd;
}
#botsl h2 {
    background: linear-gradient(to right, #0596e7 0%, #015cd0 100%);
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 35px;
    line-height: 1.1;
}
#botsl h3{
  font-size: 16px;
  font-weight: 600;
    padding: 20px 0;
    text-transform: uppercase;
    color: var(--color-link);
    text-align: center;
}
.tuvan {
    max-width: 350px;
    margin: 30px auto;
    background: linear-gradient(to right, #015cd0 0%, #0596e7 100%);
    border-radius: 50px;
    box-shadow: 3px 3px 13px rgb(0 0 0 / 20%);
    transition: all 0.2s ease-in;
}
.tuvan a{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
    position: relative;
    padding: 10px 0 0 70px;
    line-height: 1.2;
}
.tuvan a::before{
    position: absolute;
    content: "";
    background: url('../images/icon-phone3.svg') no-repeat 0 0 / 45px;
    width: 45px;
    height: 45px;
    left: 10px;
    top:calc(50% - 22px);
}
.tuvan .phone{font-weight: 800;font-size: 30px;}
.tuvan-img{z-index: 1;}
#botsl .box-content{
    padding: 0 10px;
}
#botsl .box-content p{margin-bottom: 20px;}
#botsl .title_link{
    position: absolute;
    content: '';
    font-size: 60px;
    color: #000;
    opacity: 0.08;
    top: -35px;
    left: calc(50% - 150px);
}
/* botsl end */

/* Footer*/
#footer{
  padding: 10px;
  background: #11182f;
  font-size: 10px;
  color: #aaa;
}
/* end Footer */

/* botsl1 */
#botsl1 {
  background: #11182f;
  color: #999;
  padding: 20px;
}
#botsl1 h2{padding: 10px 0;text-transform: uppercase;}
#botsl1 .ja-box-center .box-content,
#botsl1 .ja-box-right .box-content{display: none;}
#botsl1 .ja-box h3{position: relative;line-height: 2.5;font-weight: 500;font-size: 16px;}
#botsl1 .ja-box h3::before{
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 2px;
  width: 6px;
  position: absolute;
  right: 11px;
  top: 14px;
  transition: all 0.1s ease-out 0s;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
#botsl1 .ja-box h3::after{
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 6px;
  width: 2px;
  position: absolute;
  right: 13px;
  top: 16px;
  transition: all 0.1s ease-out 0s;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#botsl1 .ja-box .box-title.open h3{color: #90F19D;}
#botsl1 .ja-box .box-title.open h3::before{
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 20px;
  background: #90F19D;
}
#botsl1 .ja-box .box-title.open h3::after{
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 17px;
  top: 18px;
  background: #90F19D;
}
#botsl1 ul.menu li a {
    display: block;
    padding: 5px 0;
    overflow: hidden;
    color: #aaa;
    font-size: 13px;
}
#botsl1 ul.menu li a:hover{color: #fff;}
/* end botsl1 */

/* Com Contact */
.contact-h1{
  text-align: center;
  text-transform: uppercase;
  margin: 20px 0;
  position: relative;
  font-size: 20px;
}
.contact-h1::before{
  position: absolute;
  background:url('../images/bg-line-contact.png') repeat-x -17px bottom;
  width: 50px;
  height: 6px;
  content: '';
  left: calc(50% - 25px);
  bottom: -10px;
}
.contact-content {
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.contact-content span{font-weight: 600;}
.contact-content h3 {
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 0;
    padding-left: 30px;
    position: relative;
    line-height: 1.5;
}
.contact-content h3.address::before, .contact-content h3.phone::before, .contact-content h3.email::before {
    position: absolute;
    content: '';
    background: url('../images/icon.png') no-repeat -308px -60px;
    width: 25px;
    height: 25px;
    left: 0;
}
.contact-content h3.phone::before {background-position: -310px -4px;}
.contact-content h3.email::before {background-position: -310px -145px;}
.contact-form {
    float: left;
    width: 100%;
    padding: 20px;
    margin: 0;
    box-sizing: border-box;
    box-shadow: 0 3px 25px -5px #ddd;
}
.contact-description {
    font-size: 13px;
    text-align: justify;
}
.contact-form h3{font-size: 20px;}
dd.sendmail{text-align: center;margin-top: 10px;}

#contact-form dl dt {float: left;text-align:left;width: 100%;}
#contact-form dl dd input.required,
#contact-form dl dd textarea.required {width: 100% !important;}
#contact-form button{
  width: 100%;
  border-radius: 17px;
  text-transform: uppercase;
}
/* end contact */

/* Pagination */
.pagination ul {text-align: right;float: right;margin: 0;display: block;width: 100%;}
.pagination ul li {display: inline-block;padding: 0px;margin: 0 5px 0 0;background: #e5e6e7; line-height: normal;float: none;}
.pagination ul li.pagination-start { border-left: solid 1px #e5e6e7; }
.pagination ul li .pagenav {padding: 5px 9px;display: inline-block;color: #aaa;cursor: pointer;}
.pagination ul li a:hover,
.pagination ul li a:focus,
.pagination ul li a:active {color: #fff;background:#ed1b2f;}
.pagination ul li span.pagenav {color: #fff;cursor: pointer;background:#ed1b2f;}
.pagination ul li.pagination-next span.pagenav,
.pagination ul li.pagination-end span.pagenav,
.pagination ul li.pagination-start span.pagenav,
.pagination ul li.pagination-prev span.pagenav {border-top-color: #353637;color: #aaa;cursor: auto;}
.vm-pagination{float: left;width: 100%;}
/* end Pagination */

/* breadcrumbs */
.breadcrumbs{
  display: flex;
  align-items: center;
  font-size:12px;
  color:#e10531;
  flex-wrap: wrap;
  padding: 5px 10px;
}
.breadcrumbs img{padding:0 2px; width: 6px;height: 8px;}
.breadcrumbs a{color:#333;}
.breadcrumbs a:hover{text-decoration: underline;text-decoration-skip: ink;}
.breadcrumbs svg{
  width: 7px;
    height: 7px;
    padding: 0 5px;
    fill: #333;
}
/* end breadcrumbs */

/* Hotline Footer fixed */
.hotline-debug{
  bottom: 74px;
  left: 10px;
    position: fixed;
    z-index: 2;
    height: 60px;
  width: 60px;
  background: rgba(237, 28, 36, 0.9);
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  display: flex;
  border-radius: 50%;
}
.hotline-debug [class^="icon-"], .hotline-debug [class*="icon-"] {
  background-image:url("../../images/icon.png");
  background-repeat:no-repeat;
    background-size:500px auto;
  height: 32px;
    width: 32px;
  display:inline-block;
}
.icon-messager{background-position: -243px -35px;}
.icon-phone{
  background-position: -197px -131px;
    float: left;
    width: 32px !important;
    height: 32px !important;
    text-align: center;
  animation: 1s ease-in-out 0s normal none infinite running quick-alo-circle-img-anim;
}
@keyframes quick-alo-circle-img-anim {
0% {transform: rotate(0deg) scale(1) skew(1deg);}
10% {transform: rotate(-25deg) scale(1) skew(1deg);}
20% {transform: rotate(25deg) scale(1) skew(1deg);}
30% {transform: rotate(-25deg) scale(1) skew(1deg);}
40% {transform: rotate(25deg) scale(1) skew(1deg);}
50% {transform: rotate(0deg) scale(1) skew(1deg);}
100% {transform: rotate(0deg) scale(1) skew(1deg);}
}

/* Debug */
.box-tool{
  width: 60px;
    height: 224px;
    position: fixed;
    background: url('../../images/bg-box-tool.png') no-repeat 0 0;
    right: 0;
    top: 50%;
    margin-top: -112px;
    z-index: 99;
    text-align: center;
    padding-top: 43px;
}
.icon-phones, .icon-mail, .icon-sms{
  width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 8px;
    position: relative;
    background: #151518;
}
.icon-phones::before, .icon-mail::before, .icon-sms::before{
  position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
}
.icon-phones::before{background: url(../images/icon.png) no-repeat -285px -3px;animation: 1s ease-in-out 0s normal none infinite running quick-alo-circle-img-anim;}
.icon-mail::before{background: url(../images/icon.png) no-repeat -286px -144px;}
.tooltip{
  position: absolute;
    right: 60px;
    top: 0;
    background: #FFF;
    padding: 5px 10px;
    box-shadow: 1px 1px 2px 1px #c1c1c1;
    color: #333333;
    display: none;
    font-weight: 600;
}
.tooltip::before{
  content: "";
    position: absolute;
    border: 1px solid #fff;
    border-bottom: rgba(0,0,0,0);
    border-right: rgba(0,0,0,0);
    box-shadow: -1px -1px 1px #c1c1c1;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    top: 11px;
    right: -5px;
    background-color: #fff;
}
.icon-phones:hover .tooltip, .icon-mail:hover .tooltip, .icon-sms:hover .tooltip{
  display: block;
}
/* Bulletin */
.bulletin {position: relative;overflow: hidden;margin:10px;}
.newspromotion{margin:0;}
.bulletin ul li {position: relative;width: 100%;line-height: normal;float:left;box-sizing: border-box;}
.bulletin.newsale{margin: 0;}
.bulletin ul li a { color: #333;display: block;padding: 5px 0;overflow: hidden;}
.bulletin ul.newsale li a{padding: 0 0 15px 0;}
.bulletin ul li h3 { font-size: 14px; font-weight:500;}
.bulletin ul li p { margin: 10px 0 0; }
.bulletin ul li a:hover,
.bulletin ul li a:focus {color:#e10531;}
.bulletin ul img { float: left;margin-right:10px;border-radius: 7px;}
.bulletin ul div { line-height: 1.2; display: block; }
.bulletin ul span { font-size: 85%; color: #999; font-weight: normal; }
/* end bulletin */

/* loading  */
.loading-ajax{
  background: url('../images/loading.svg') no-repeat center 0;
  width: 100px;
  height: 60px;
  margin: 0 auto;
  display: none;
  position: relative;
}
.loading-ajax::after {
    position: absolute;
    content: 'Đang tải';
    bottom: 0;
    width: 100px;
    height: 20px;
    text-align: center;
}
.load {
    position: absolute;
    content: '';
    background: rgba(0,0,0,.15) url('../images/loading.svg') no-repeat center center / 20%;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
}
.load1 {
    position: absolute;
    background: url('../images/loading.png') no-repeat center center / 100%;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    margin: 0;
    border-radius: 50%;
    animation: Rotate 1s linear infinite;
    display: none;
    z-index: 110000;
}
@keyframes Rotate {
  0% {
    transform: rotate(0deg) translateZ(0);
  }
  to {
    transform: rotate(1turn) translateZ(0);
  }
}
/* Video Responsive */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    text-align: center;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
/* rating */
.rating{    
  height: 30px;
  position: relative;
  float: left;
}
.rating li{
  float: left;
  line-height: 1;
  background: url('../images/actia_star.png') no-repeat 0 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.rating li span.star_yellow{
  width: 28px;
  height: 28px;
  background: url('../images/actia_star.png') no-repeat 0 -28px;
  display: block;
} 
.rating .note-star, .show-rating{
    display: inline-block;
    margin-left: 10px;
    position: relative;
    background: #52b858;
    color: #fff;
    padding: 2px 8px;
    box-sizing: border-box;
    font-size: 12px;
    border-radius: 2px;
}
.rating .note-star::after, .show-rating::after{
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(82,184,88,0);
    border-right-color: #52b858;
    border-width: 6px;
    margin-top: -6px;
}
.loading{
  background: rgba(248,248,248,.6) url('../images/loading2.gif') no-repeat center center;
    width: 150px;
    height: 30px;
    display: none;
    position: absolute;
}

/* Blog Featured */
.blog-featured.index h1{
  text-indent:-9999px;
  margin-top:-30px;
}
/* End Blog Featured */
/* Blog category */
.leading{margin-bottom: 15px;}
.leading .image-intro{width: 30%;float: left;margin-right: 10px;}
.leading .image-intro img{border-radius: 7px;}
.leading-0{margin: 15px -10px;position: relative;}
.leading-0 .image-intro{width: 100%;}
.leading-0 .image-intro img{width: 100%;height: auto;border-radius: 0;}
.leading-0 .article-title{position: absolute;content: '';bottom: 10px;left: 10px;right: 10px;}
.leading-0 .article-title a{color: #fff;font-weight: 500;font-size: 16px;}
.article-title{font-size: 14px; line-height: 1.3;font-weight: 600;margin-bottom: 5px;}
.article-title a{color: #333;}

.blog .blog-category-banner{
  background: none;
  width: 100%;
  margin: 0;
  left: 0;
}
.blog .blog-category{
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 10px;
}
.blog .blog-category h1{text-transform: uppercase; margin-bottom: 20px;position: relative;text-align: center;}
.blog-category h1 span::before{
  content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    left: calc(50% - 25px);
    bottom:-10px;
    -webkit-transform: skew(-20deg);
    -khtml-transform: skew(-20deg);
    transform: skew(-20deg);
    background-color: var(--color-link);
}
.category-desc-content p{margin-bottom: 20px;}

.show-more {
    position: relative;
    width: 100%;
    font-weight: 600;
}
.show-more::before {
    position: absolute;
    width: 100%;
    height: 105px;
    background: linear-gradient(to bottom,rgba(255 255 255/0),rgba(255 255 255/62.5),rgba(255 255 255/1));
    left: 0;
    bottom: 15px;
    content: '';
}
.show-more > span, .hide-more > span {
    display: block;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: var(--color-link);
    margin: 10px auto;
    cursor: pointer;
    padding: 5px 5px 5px 10px;
    border-radius: 4px;
    text-align: center;
    width: 200px;
}
.show-more > span::after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid var(--color-link);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

#show-more {
  padding: 5px 10px;
  border: 1px solid #ed1c24;
  text-align: center;
  border-radius: 25px;
  cursor: pointer;
  width: 200px;
  margin: 10px auto;
  background: #e10531;
  color: #fff;
}
.items-row .article-image{
  float: left;
  padding-right: 10px;
  width: 30%;
}
.items-row .article-image img{
  border-radius: 7px;
  width: 100%;
  height: 100%;
}
.cols-1 .item{float: left;padding: 10px 0;}
.cols-1 .article-image {width: 30%;height: auto;}

.create, .modified, .hits, .comment-count, .timepost, .article-category, .createdby {
    font-size: 13px;
    color: #999;
    margin-right: 10px;
    font-weight: normal;
}
.hits::before {
    width: 18px;
    height: 11px;
    margin-right: 3px;
    background-image: url('../images/icon.png');
    background-position: -51px -5px;
    background-repeat: no-repeat;
    background-size: 500px 251px;
    display: inline-block;
    vertical-align: middle;
    content: '';
}
.comment-count {cursor: pointer;}
.comment-count a {color: #076DB6;font-size: 13px;}
.comment-count svg {
    width: 12px;
    height: 12px;
    fill: #bdbdbd;
    vertical-align: middle;
}
/* end Blog */
/* children category */
.cat-children{margin: 0 -10px;}
.cat-children h2, .cat-children .category-desc{padding: 0 10px;}
.cat-children .readmore a{
  color: #333;
  font-size: 14px;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 5px;
  width: calc(100% - 20px);
  box-sizing: border-box;
  float: left;
  margin: 10px;
  text-align: center;
} 
.cat-children .readmore a:hover{color: #e10531;background-color: #eee;}
.cat-children .items{
  width: 100%;
  float: left;
  padding: 5px 10px;
  box-sizing: border-box;
}
.cat-children .items .article-image{
  width: 30%;
  height: auto;
  float: left;
  margin-right: 10px;
}
.cat-children .items h3{font-size: 14px;font-weight: 500;}
.cat-children .items h3 a{color: #333;}

.cat-children .items:first-child .article-image{width: 100%;}
.cat-children .items:first-child .article-image img{width: 100%;height: auto;}
.cat-children .items:first-child h3{font-weight: 600;font-size: 16px; padding: 5px 0;}

/* List category content */
.newlist a{
  display: block;
  color: #333;
  padding: 10px 0;
  min-height: 70px;
}
.newlist .article-image{
  float: left;
  margin-right: 10px;
  border-radius: 7px;
}
.newlist h3{font-weight: 600;letter-spacing: -0.5px;}
.left-one .article-image{
  display: block;
  width: 100%;
  height: auto;
  float: none;
}
.left-one h3{padding-top: 10px;font-size: 22px;line-height: 1.2;}
.left-one .article-introtext{font-size: 14px;color: #333;}
/* List category content end */

/* Article */
h1.contentheading{line-height: 1.2;padding: 10px 0; }

.article-meta {padding: 10px 0;}
.bgcover {
  position: relative;
  width: 100%;
  height: 200px;
  display: block;
  overflow: hidden;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bgcover .bgtrans {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    overflow: hidden;
    height: auto;
    padding: 0 10px;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,0,0,.8)),to (rgba(0,0,0,.6)),to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,.6),rgba(0,0,0,.8));
    background: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,.6),rgba(0,0,0,.8));
    background: -ms-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,.6),rgba(0,0,0,.8));
    background: -o-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,.6),rgba(0,0,0,.8));
}
.bgcover .bgtrans h1{color: #fff;}
.entry-meta {font-size: 11px;} 
.content-article h2, .content-article h3,.content-article h4, .content-article h5, .content-article p{margin-bottom: 15px;}
/* list biulding  */
.list-info-building > span {
    text-transform: uppercase;
    margin: 10px 0;
    display: block;
    font-weight: 700;
    background: #FAFAFA;
    padding: 5px;
}
.list-info-building li{position: relative;padding-left: 25px;padding-bottom: 5px;display: flex;}
.list-info-building li .price{color:var(--color-second);font-weight: 600;}
.list-info-building li::before{
    position:absolute;
    content: '';
    left: 0;
    top: 7px;
    background: url('../images/icon.png') no-repeat -50px -104px;
    width: 16px;
    height: 16px;
}
.list-info-building li.add::before{
    background-size: 220px 110px;
    background-position: -148px 0px;
}
.list-info-building li.star::before{
    background-size: 220px 110px;
    background-position: -148px -17px;
}
.list-info-building li.ketcau::before{
    background-size: 220px 110px;
    background-position: -148px -31px;
}
.list-info-building li.ketcau::before{
    background-size: 220px 110px;
    background-position: -148px -31px;
}
.list-info-building li.dientich::before{
    background-size: 220px 110px;
    background-position: -148px -46px;
}
.list-info-building li.huong::before{
    background-size: 220px 110px;
    background-position: -147px -62px;
}
.list-info-building li.dieuhoa::before{
    background-size: 220px 110px;
    background-position: -147px -78px;
}
.list-info-building li strong{min-width: 130px;}

/*box-contact */
.box-contact{
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 20px;
}
.box-expert{
    display: flex;
    align-items: center;
}
.box-expert img{
    max-width: 80px;
    height: 80px;
    border-radius: 100%;
    margin-right: 15px;
    object-fit: cover;
}
.box-info p:first-child{font-weight: 600;line-height: 1;}
.box-call a, .box-dangky a{
    background: #E22F38;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    padding: 5px 20px;
    font-size: 20px;
    display: block;
    text-align: center;
    position: relative;
    letter-spacing: 1px;
    line-height: 40px;
    height: 50px;
}
.box-call a::before{
    width: 30px;
    height: 30px;
    background-size: 80% !important;
    top: calc(50% - 15px);
    left: 30px;
    position: absolute;
    content: '';
    background: rgba(30, 30, 30, 0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    animation: 1s ease-in-out 0s normal none infinite running quick-alo-circle-img-anim;
}
.box-call a:hover{
    background: linear-gradient(97.42deg,#E22F38 0%, #C22238 100%);
}
.box-dangky a{
    margin-top: 20px;
    background: #20C063;
    letter-spacing: 0;
    font-size: 16px;
}
.box-dangky a:hover{
     background: linear-gradient(97.42deg,#007533 0%,#20C063 100%,#20C063 100%);
}
/* End Article */
/* contact us */
ul.contactus{text-align: left;}
ul.contactus li {display: block;margin-bottom: 10px;padding-left: 35px !important;min-height:23px;position:relative;}
ul.contactus li a{color: #fff;}
ul.contactus li a:hover{color: #e10531;text-decoration: underline;}
ul.contactus li:not(:first-child)::before{position:absolute;content:"";background: url('../images/icon.png') no-repeat -312px 0px;width:20px;height:20px;left:0;top: 1px;}
ul.contactus li.diachi::before {background-position:-312px -60px;}
ul.contactus li.email::before { background-position:-312px -146px;}
ul.contactus li.phone::before { background-position:-312px -5px;}
ul.contactus li.dienthoai::before { background-position:-312px -33px;}
ul.contactus li.website::before { background-position:-285px -115px;width: 32px;height: 32px;}
ul.contactus li.fax::before { background-position:-312px -90px;}
ul.contactus li.diachi .chiduong{font-weight:bold; text-decoration: underline;}

/* Social */
.social{text-align: center;}
.social a{margin:0 5px;}
.social > p{color:#aaa;padding-bottom:10px;}
.social > p > span{font-size: 10px;color:#999;}
.social [class^="icon-"] {
  background-image:url("../images/icon.png");
  background-repeat:no-repeat;
  background-size:500px auto;
  height: 35px;
  width: 35px;
  display:inline-block;
}
.icon-facebook {background-position:0 0;}
.icon-google {background-position:0 -157px;}
.icon-twitter {background-position:0 -39px;}
.icon-youtube {background-position:0 -118px;}
.icon-pinterest {background-position:0 -79px;}

/* Menu-tabs */
.menu-tabs{
  height: 50px;
  width: 100%;
  background: rgba(221, 221, 221, .9);
  margin: 0;
  display: flex;
  align-items: center;
  overflow-x: auto;
}
.menu-tabs li{margin: 0 10px;flex-shrink: 0;}
.menu-tabs li.active a{border-bottom: 2px solid #e10531;}
.menu-tabs li a{
    padding: 13px 0;
    cursor: pointer;
    color: #333;
    font-weight: 500;
}
.menu-tabs li a:hover{
    color: #e10531;
}
/* extranews - tin lien quan */
.extranews ul li a{
  color: #333;
  display: block;
  overflow: hidden;
}
.extranews ul li a:hover h3{color:#e10531;}
.older li, .popular li, .newer li {
  padding: 10px 0;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.older li a {
  color: #333;
  display: block;
}
.extranews_img {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 7px;
}
.extranews_title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}
figure {display: none;}
.extranews_timepost, .extranews_hit {
  font-size: 13px;
  color: #999;
  font-weight: normal;
}
.icon-hits {
  width: 18px;
  height: 11px;
  margin-right: 3px;
  background-image: url(../../images/icon.png);
  background-position: -51px -5px;
  background-repeat: no-repeat;
  background-size: 500px 251px;
  display: inline-block;
  vertical-align: middle;
}
/* end extranews - tin lien quan */

/* Mod ja side new */
/* news.php */
.news .item{
    width: 100%;
    padding: 10px 0;
    float: left;
    box-sizing: border-box;
    position: relative;
}
.news-img {
    width: 30%;
    float: left;
    overflow: hidden;
    border-radius: 7px;
    margin-right: 10px;
    position: relative;
}

.item-0 .news-img::before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 3%, rgb(16, 20, 38));
    z-index: 1;
    border-radius: 7px;
    pointer-events: none;
}
.item-0 .news-img{
    width: 100%;
}
.news-img img{
    width: 100%;
    height: 100%;
    display: block;
    transition: all 250ms ease-out;
}
.news-img img:hover{
    transform: scale(1.12);
    transition: all 250ms ease-out;
}
.item-0 .news-content{
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 1;
    width: 90%;
}
.item-0 .new-info {
    color: #999;
    line-height: 1.5;
    font-size: 13px;
}
.news .item-0 h5{color:#fff;font-size: 20px;}
.news .item-0 .timepost{padding:0;}

.news-content {
    width: calc(70% - 10px);
    float: left;
}
.news-content h5{font-size: 14px;font-weight: 600;}

.news-content .new-info{
  color: #999;
    line-height: 1.5;
    font-size: 13px;
}
/* slide.php */
#slidenews .item{
    width: calc(23% - 22px);
    overflow: hidden;
    float: left;
    margin: 10px;
    padding: 0;
    background: rgba(5, 150, 231,.2);
    border-radius: 12px;
}
#slidenews .item:hover{
     -webkit-box-shadow: 3px 16px 62px -32px rgba(0,0,0,.75);
    box-shadow: 3px 16px 62px -32px rgba(0,0,0,.75);
}
#slidenews .title{
    padding: 10px 6px 0 6px;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 100%;
    font-stretch: normal;
    letter-spacing: .1px;
    text-overflow: ellipsis;
    overflow: hidden;
}
#slidenews .info{
    padding-left: 5px;
    padding-bottom: 10px;
    font-size: 13px;
}
/* end mode ja side new */

/* shape */
.custom-shape-divider-bottom {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}
.custom-shape-divider-bottom svg {
    position: relative;
    display: block;
    width: calc(300% + 1.3px);
    height: 50px;
}
.custom-shape-divider-bottom .shape-fill {
    fill: #FFFFFF;
}
/* services */
.services-img{position: relative;}
.services a{
  display: block;
  height: 100%;
  position: relative;
  border-radius: 17px;
  overflow: hidden;
  margin: 10px;
  padding: 0;
  flex-basis: calc(25% - 20px);
  -webkit-box-shadow: 2px 2px 15px rgb(0 48 79 / 10%);
  box-shadow: 2px 2px 15px rgb(0 48 79 / 10%);
  transition: transform 350ms ease-out;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  background-color: #fff;
  color: #333;
}
.services h3{
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 30px 0;
}
.services .col-4:hover{
    transform: translateY(-10px);
    transition: transform 200ms ease-in-out;
}
.services .col-4:hover a{
     background: #0596e7;
     color: #fff;
     transition: all 250ms ease-in-out;
}
.services .col-4:hover a svg path{fill: #0596e7;transition: all 250ms ease-in-out;}
.custom-shape-divider-bottom-1619340898 {
    position: absolute;
    bottom: 0;
    right: 80px;
    width: 100%;
    line-height: 0;
}
.custom-shape-divider-bottom-1619340898 svg {
    position: relative;
    display: block;
    width: 400px;
    height: 150px;
}
.custom-shape-divider-bottom-1619340898 .shape-fill {
    fill: #FFFFFF;
}

/* Customer review mod TabGK5 */
#customer_review .review_item{
    margin: 0px 10px;
}
#customer_review .review_content{
    border: 1px solid #015cd0;
    border-radius: 7px;
    padding: 20px 20px 20px 70px;
    position: relative;
    background: rgba(5, 150, 231,.1);
    min-height: 130px;
    max-height: 200px;
    overflow: hidden;
}
#customer_review .review_content::before{
    position: absolute;
    content: "";
    width: 91px;
    height: 76px;
    background: url('../images/icon-quote.png') no-repeat center center / 100%;
    left: -10px;
    top: -10px;
}
#customer_review .review_content::after{
    position: absolute;
    content: "";
    border-bottom: 1px solid #015cd0;
    border-left: 1px solid #015cd0;
    left: 20px;
    bottom: -7px;
    width: 12px;
    height: 12px;
    background: #cfeafb;
    transform: rotate(315deg);
}
#customer_review .review_name{
    margin: 10px 0 0 20px;
    font-weight: 600
}
/* mod_thongtin_lienhe */
#support{
    display: flex;
    flex-direction: column;
    color: #fff;
}
#support .info-left,
#support .info-right{
  flex-basis: 100%;
  max-width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.info-right p,
.info-right .contactus{width: 100%;margin-bottom: 15px;}

/* mod_partner */
.partner{margin:20px 0; }
.partner .item{
    max-width: 170px;
    margin: 0 15px;
    transition: all .25s ease;
}
.partner .item:hover{
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    transform: scale(1.1);
}

/* slider */
#slider .box-content{position: relative;overflow: hidden;}
#slider .info-caption {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
#slider .info-chil {
    overflow: hidden;
    color: #fff;
    padding: 20px;
}
#slider .info-name {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    padding-bottom: 15px;
}
#slider p {display: none;}
#slider .info-link {text-align: center;}
#slider .info-link a {
   background: linear-gradient(97.42deg,#007533 0%,#20C063 100%,#20C063 100%);
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px;
}
/* FAQ Category and article */
.faqs-container{
    overflow: hidden;
    margin-top: 20px;
}
.faq-title{
    border-bottom: 1px solid #eee;
    padding: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
}
.faq-content{
    margin: 20px 0;
}
.faq-singular {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 0 20px 0 10px;
}
.faq-singular:last-child{
    border: none;
}

.faq-singular:hover,
.faq-singular.active,
.faq-singular.faq-open{
    background: #90F19D;
}
.faq-singular .faq-question {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 12px 0px;
    font-weight: 500;
    font-size: 14px;
}
.faq-singular .faq-question::before {
    position: absolute;
    content: "";
    color: #808080;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    font-weight: 400;
    transition: all .5s;
    width: 10px;
    height: 2px;
    background: #000;
}
.faq-singular .faq-question::after {
    display: block;
    position: absolute;
    content: "";
    top: calc(50% - 5px);
    right: -6px;
    width: 2px;
    height: 10px;
    background: #000;
    transition: 0.2s ease all;
}
.faq-singular.faq-open .faq-question::after,
.faq-singular.active .faq-question::after {
    transform: scaleY(0);
    
}
.faq-answer {
    display: none;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
}
.faq-open .faq-answer {
    margin: 0 10px 15px 0;
}



/*------------ com_user -----------------*/
/* login  */
.login,
.registration,
.reset-pass{
  width: 100%;
  margin: 20px auto;
  border: 1px solid hsl(220 9% 87%);
  border-radius: 10px;
  padding:20px;
  position: relative;
  background-color: #fff;
}
.login::before,
.registration::before{
  content: "";
  width: 100%;
  height: 30px;
  border-radius: 10px;
  position: absolute;
  top: -10px;
  background: rgb(238 238 238 /80%);
  left: 0;
  transform: scale(.95);
  -webkit-transform: scale(.95);
  -ms-transform: scale(.95);
  z-index: -1;
}
.login-fields,
.registration-fields,
.reset-fields{
  display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top:15px;
    flex-wrap: wrap;
    position: relative;
}
.login-fields label{min-width: 120px;}
.forgot-password {
    font-size: 12px;
    padding: 10px 5px 5px 0px;
    display: block;
    color: #333;
    text-decoration: underline;
}
#btn-login.active{pointer-events: none;position: relative;}
#btn-login.active span{opacity: 0;}
.login-message span,
.login-message.error span{
  border: 1px solid rgb(38, 188, 78);
  color: rgb(38, 188, 78);
  margin-bottom: 20px;
  border-radius: 7px;
  padding: 5px 10px;
  font-size: 13px;
  display: block;
}
.login-message.error span{
  border: 1px solid var(--color-second);
  color: var(--color-second);
}
/* registration */
.registration-fields label{min-width: 100px;}
.registration-fields input,
.registration-fields button,
.login-fields input,
.login-fields button,
.reset-fields button,
.reset-fields input{
  width: 100%;
  text-transform: inherit;
  background-color: rgb(242, 242, 242);
  padding: 15px;
  border: 0;
  border-radius: 8px;
  font-size: 18px;
}

#submit-registration.active{pointer-events: none;position: relative;}
#submit-registration.active span{opacity: 0;}

.register-footer, 
.login-footer,
.reset-pass-footer{margin-top: 20px; text-align: center;}
.form-icon{
  position: absolute;
  right: 10px;
  top: 15px;
  width: 20px;
  height: 20px;
}
/* message  */
#system-message{
  border: 1px solid rgb(38, 188, 78);
    color: rgb(38, 188, 78);
    margin-top: 20px;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 13px;
}
#system-message .message{
  display: flex;
  align-items: center;
}
#system-message .message svg{margin-right: 10px;}

.acount-container{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 50px 0;
}
/* .acount-sidebar{
  width: 100%;
} */
.user-name{flex-direction: column;color: var(--color-main);}
.item-acount{
  padding: 0 10px;
  display: flex;
  align-items: center;
  color: var(--color-main);
}
.item-acount.logout-fields{padding: 5px 10px;}
.item-acount svg{margin-right: 10px;}
.item-acount:hover{
  background-color:#e5e6e7;
  border-radius: 7px;
  color: var(--color-link);
}
.item-acount:hover .button{color: var(--color-link);}
.item-acount a{
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: var(--color-main);
  font-weight: 500;
  width: 100%;
  padding: 5px 0;
}
.item-acount a:active{ color: #ed1c24; }
.item-acount:hover a{color: var(--color-link);}
.item-acount a svg{margin-right: 10px;}

/* .acount-layout-inner{background: #eee;} */
.profile-info,.profile-edit{font-size: 14px;color: var(--color-main);}
.profile-info-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f5f6f6;
  height: 50px;
  line-height: 1.4;
  padding: 0 16px;
}
.profile-info-item div:last-child{font-weight: 500;}
/* .product-ticket{display: none;} */

/* ticket  */
/* .row.header {
    background: #20C063;
    font-weight: 600;
    color: #fff;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.row.items{
  justify-content: space-between;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.row:nth-child(odd) {background: #eee;}

.col-5 {
  width: 45%;
  padding: 10px;
  display: flex;
  align-items: center;
  overflow: hidden;
  line-height: 1.2;
}
.col-5:first-child {
  width: 10%;
  text-align: center;
  justify-content: center;
}
.col-5:first-child + div{
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
} */

/*------------------------- code new propertyM --------------------------*/
/* setting chung */
.bg-image {
  flex-direction: column-reverse;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
  /* min-height: 100vh; */
}
.bg-image-right{
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 100%;
  min-height: 100vh;
}
/* slider */
#slider .slider-bg{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 35%;
}
.shape-bottom {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    animation: fadeInUp;
    animation-duration: 1s;
    animation-delay: .6s;
    animation-fill-mode: forwards;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.shape-bottom svg {
    width: 200%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0px;
    transform: rotate(180deg) translateX(50%);
    left: 50%;
}
.shape-bottom svg path{fill: #0F6C8D;}