body{
  font-family: 'Montserrat', sans-serif;
  margin: auto;
  max-width: 1920px;
}
.h1, .h2, .h3, .h4, body, h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;}
.white{color: #fff !important}
.green-eco{color: #48950E !important}
.yellow-eco{color: #FFF594 !important}
.w100{width: 100% !important}
.w95{width: 95% !important}
.w90{width: 90% !important}
.w80{width: 80% !important}
.h100{height: 100% !important;}
p {font-weight: 400;    line-height: 2;}
.colnopad { padding: 5px;}
.col0pad {padding: 0px;}
.baz-title{
	color: #48950E;
	font-size: 3rem;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.2;
}
.baz-title span{
	font-family: 'VL MonteCarloPro';
	font-size: 3.2rem;
}
ul.baz-ul {
    list-style: none;
    padding: 0;
}
.baz-ul li img {
    padding-right: 10px;
    float: left;
}
.baz-ul li {
    margin-bottom: 15px;
    font-size: 12px;
}
ul.baz-ul span{color: #48950E; font-weight: 400; font-size: 16px;}
.section {
    padding: unset;
}
.sec_banner{background: #165422;}
.sec_banner div#animation_container {
    margin: auto;
}
.sec_vitri{
	background: #FAFFF4;
}
.sec_vitri .baz-ul li{font-size: 12px;}
.sec_tienich{
	background: url(https://cdn.azvd.asia/images/eco-green-saigon/bg-tienich-chinhsach.jpg) no-repeat;
	background-size: cover;	
}
.sec_tienich ul.baz-ul{padding-left: 30px;}
.sec_tienich .baz-ul li {
    color: #fff;
    margin-bottom: 10px;
}
.sec_tienich .baz-ul li span {
    color: #fff;
    border-radius: 2rem;
    border: 1px solid;
    padding: 5px;
    margin-right: 5px;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 12px;
}
.sec_hyatt{
	background: url(https://cdn.azvd.asia/images/eco-green-saigon/bg-khachsan.jpg) no-repeat;
	background-size: cover;	
  background-position: center right;
}
.sec_truongmamnon{
	background: url(https://cdn.azvd.asia/images/eco-green-saigon/bg-truongmamnon.jpg) no-repeat;
	background-size: cover;	
}

.sec_khonggian{
	background: url(https://cdn.azvd.asia/images/eco-green-saigon/bg-khonggian.jpg) no-repeat;
	background-size: cover;	
}
.modal-content {
    background: #e0f9ed;
}
.sec_khonggian img.img-fluid.w100 {
    height: 100%;
}
.sec_thietbi{
	background: url(https://cdn.azvd.asia/images/eco-green-saigon/bg-trangbi.jpg) no-repeat;
	background-size: cover;	
}
.sec_chinhsach{
	background: url(https://cdn.azvd.asia/images/eco-green-saigon/bg-tienich-chinhsach.jpg) no-repeat;
	background-size: cover;	
}
.sec_thietbi .baz-ul li {
    margin-bottom: 50px;
    max-height: 90px;
}
.sec_thietbi .baz-ul h5 {
    font-weight: 500;
    color: #48950E;
    margin-bottom: 0px;
}
.sec_thietbi .baz-ul li img{
	position: relative;
	bottom: 0px;
  margin-bottom: 10px;
}
.sec_thietke{
	background: url(https://cdn.azvd.asia/images/eco-green-saigon/bg-tienich-chinhsach.jpg) no-repeat;
	background-size: cover;	
}
.sec_lienhe{
	background: url(https://cdn.azvd.asia/images/eco-green-saigon/bg-lienhe.jpg) no-repeat;
	background-size: cover;	
	position: relative;
}
.sec_lienhe .bottom-img{
	position: absolute;
	bottom: 0;
	z-index: 1;
}
.foot-wave {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 3rem;
    z-index: 2;
    position: relative;
    padding: 5% 5%;
}
.foot-wave h5.baz-title,
.foot-wave h4.baz-title {
    font-size: 1.5rem;
}
.foot-wave ul.baz-ul{padding: 0}
.foot-wave ul.baz-ul svg{float: left; padding-right: 5px;}
input.form-control {
    background: #fff;
    padding-left: 5px;
    border-radius: 5px;
    /*box-shadow: 0 0 5px #e0f9ed;*/
    box-shadow: 0 0 5px #9E9E9E;
    height: 45px;
}
.bmd-form-group.is-focused .form-control, .form-control:focus{
  box-shadow: 0 0 5px #165422;
}
.form-control:invalid,
.form-control, .is-focused .form-control {
    background: #fff;
}

.buttonSubmit{
	background: #165422 !important;
	color: #FFF594 !important;
	font-size: 16px;
}
.form-group.bmd-form-group {
    padding-top: 15px;
}

.fp-viewing-vi-tri img.fancybox-image {
    background: #e4f5fe;
}
img.img-fluid.logo-hub {
    margin-bottom: 15px;
}
.slick-slide img{margin:auto;}
.slick-prev{z-index: 999}
.slick-next:before{
  content: '' !important;
  background: url(https://cdn.azvd.asia/images/next-white.svg) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  width: 50px;
  height: 80px;
  right: 55px;
}
.slick-prev:before{
  content: '' !important;
  background: url(https://cdn.azvd.asia/images/back-white.svg) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  width: 50px;
  height: 80px;
  left: 55px;
}

.call-now-button {
    display: flex;
    bottom: 5%;    
    box-shadow: 0px 0px 5px #fff;
    transition: 0.5s all;
    /*background-image: linear-gradient(45deg,#ebe20c , #73b432,#3f6ca7)*/
    background: #008749;
}
.call-now-button div a .quick-alo-ph-img-circle, .call-now-button div a .quick-alo-phone-img-circle, .call-now-button {
    /*background-color: #3a7cb6;*/
}
.call-now-button div p { font-size: 20px;}
#btn-hotline{left: 3%;}
.quick-alo-ph-img-circle {
    background: url(https://cdn.azvd.asia/images/icon-hotline-white.svg) no-repeat !important;
    background-size: contain !important;
}

.desktop-show{display: block;}
.mobile-show{display: none;}
h5.cdt-line{color: #333}
.call-button-allinone{
    position: fixed;
    bottom: 5%;
    right: 10px;
    z-index: 99;
}
.list-hotline{
    /*position: absolute;
    bottom: 10%;
    right: 10px;*/
    list-style: none;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    width: 250px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 80px;
    right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-transform-origin: 80% 105%;
    -ms-transform-origin: 80% 105%;
    transform-origin: 80% 105%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: ease-out .12s all;
    -o-transition: ease-out .12s all;
    transition: ease-out .12s all;
    z-index: 1000000;
}
.hotline-btn, .close-btn {
    color: #fff;
    padding: 20px;
    margin: auto;
    position: relative;
   /* position: absolute;
    bottom: 10%;
    right: 10px;
    background: #256e2a;    
    padding: 25px 14px;
    border-radius: 5rem;
    cursor: pointer;*/
}
.close-btn{display: none;}
#btn-hotline-allinone{
    width: 70px;
    position: absolute;
    height: 70px;
    right: 50px;
    bottom: 10px;
    background-color: #008749;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.skype {
  background: #fff;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 200px;
  height: 200px;
  position: relative;
  margin: 0 auto;
  border-radius: 150px;
  border: solid 2px #fff;
  animation: play 1.2s ease infinite;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.skype:after {
  background: #12A5F4;
  background-size: 100% 100%;
  /*content: "S";*/
  line-height: 205px;
  color: #fff;
  text-align: center;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  position: absolute;
  border-radius: 150px;
  z-index: 99999 !important;
}

@keyframes play {
  0% {
    transform: scale(1);
  }
  15% {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
  }
  25% {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2);
  }
  30% {
    transform: scale(1.2);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
  }
  80% {
    transform: scale(1);
  }
}
.list-hotline li {
    padding: 5px 0;
}
#btn-hotline-allinone .material-icons{font-size: 30px}
.float-contact .hotline {
    margin: 0;
    width: 100%;
    border: none;
    border-radius: 4px;
    padding: 10px 5px;
    text-align: left;
}
.float-contact .col{
padding:10px 20px;
}
.float-contact .hotline a{
    color:#F6DD7C;
    font-size: 20px;
}
.hotline img{
    width: 80px;
}
.float-contact .col-inner{
padding:10px;
}
button.hotline.show-for-small {
    font-size: 10px;
    /*padding: 0;*/
    border: none;
}
.color-change-5x {
	-webkit-animation: color-change-5x 2s ease-in-out infinite alternate both;
	        animation: color-change-5x 2s ease-in-out infinite alternate both;
}
@-webkit-keyframes color-change-5x {
  0% {
    background: #013e14;
  }
  100% {
    background: #008544;
  }
}
@keyframes color-change-5x {
  0% {
    background: #013e14;
  }
  100% {
    background: #008544;
  }
}


@media only screen and (min-width: 1100px){
	.sec_truongmamnon .w90{ height: 95vh }
  .sec_thietke h2,
  .sec_thietke p{padding-left: 25px;}
}
@media only screen and (max-width: 1600px) and (min-width: 1100px){
  .sec_thietbi ul li br {display: none;}
  .sec_thietbi .baz-ul li img{margin-bottom: 20px}
  .sec_tienich .baz-ul li{font-size: 10px;}
  .w80{ width: 90% !important}
  h5.baz-title.cdt-line {font-size: 18px;    line-height: 1.4;}
}
@media only screen and (max-width: 1099px){
  .sec_thietbi ul li br {display: none;}
	.call-now-button{display: none !important;}
	.desktop-show{display: none;}
	.mobile-show{display: block;}
	.sec_thietbi .baz-ul li {margin-bottom: inherit;}
	.sec_thietbi .baz-ul li img {width: 50px;}
	ul.baz-ul{padding: 0;}
  .sec_tienich ul.baz-ul{padding: 0}
	.w95,.w90,.w80{width: 100% !important}
	.sec_truongmamnon .w90{ height: 50vh }
	.baz-title,
	.baz-title span{font-size: 24px}
	.foot-wave{border-radius: 0; padding: 15px 0}
	.sec_tienich .baz-ul li span,
	.sec_tienich .baz-ul li,
	ul.baz-ul span,
	.baz-ul li{font-size: 11px}
	.sec_vitri .baz-ul li img{width: 35px}
	.sec_vitri .baz-ul li{line-height: 1.1}
	.sec_tienich .baz-ul li{margin-bottom: 5px;}
	.form-group.bmd-form-group {padding-top: 0;}
	h5.cdt-line{font-size: 13px !important;}
	.sec_hyatt {background: #fafff4;}
	.section{padding: 10px 0}
	.baz-title {text-align: center;}
	.section.sec_banner{padding: 0}
	.float-contact .hotline a{font-size: 16px;}
}