/*  Modal SHow*/
#modal-container {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  z-index: 999999;
}
.modal-active {
/*   overflow: hidden; */
}
#modal-container .content-contact-form {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}
#modal-container .content-contact-form .modal-contact-form {
  background: white;
  padding: 50px;
  display: inline-block;
  border-radius: 3px;
  font-weight: 300;
  position: relative;
}
#modal-container .content-contact-form .modal-contact-form h2 {
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 15px;
}
#modal-container .content-contact-form .modal-contact-form p {
  font-size: 18px;
  line-height: 22px;
}

#modal-container.show-contact-form {
  transform: scale(1);
}
#modal-container.show-contact-form .content-contact-form {
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.show-contact-form .content-contact-form .modal-contact-form {
  opacity: 1;
  animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  width:600px;
}
#modal-container.show-contact-form + .content {
  animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.show-contact-form.out {
  animation: quickScaleDown 0s 0.5s linear forwards;
}
#modal-container.show-contact-form.out .content-contact-form {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.show-contact-form.out
  .content-contact-form
  .modal-contact-form {
  animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.show-contact-form.out + .content {
  animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.show-contact-form .content-contact-form .modal-contact-form p{
	margin: 0;
}

#cn-accept-cookie { 
    cursor: pointer; 
    color: white; 
} 
#modal-container.show-contact-form .content-contact-form .modal-contact-form p.sub-title-form-contact { 
    margin: 10px 0; 
    font-size: 14px; 
} 
#modal-container.show-contact-form .content-contact-form .modal-contact-form p.bottom-sub-title-form-contact { 
    font-size: 14px; 
} 
.content-contact-form .title-form-contact { 
    margin-bottom: 0; 
} 
#modal-container.show-contact-form .content-contact-form .modal-contact-form { 
    width: 950px; 
} 
.form-contact-us-left { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
} 
.form-contact-us-right { 
    padding: 0 30px 30px 30px; 
} 
.show-on-desktop { 
    display: block; 
} 
.show-on-mobile { 
    display: none; 
} 
.home-services .services-wrapper { 
    --column: 1; 
} 
.icon-close-contact-us { 
    position: absolute; 
    right: 15px; 
    top: 15px; 
    cursor: pointer; 
    z-index: 999; 
    font-size: 25px; 
} 
#modal-container{
	display:none
}
.detail-short{
	position:static;
	width:100%;
	padding:20px
}
.detail-short .text{
	height:auto;
}
.blog-header.post-detail{
	padding-top:0px !important;
	padding-bottom:0px !important;
	margin-top 0px !important
}
.detail-short h1{
	font-size:48px
}
@media (max-width:1024px){
	.blog-header.post-detail{
		margin-top:80px !important;
	}
	section.header-page{
    padding-top: 80px !important;
}
	
}

@media (max-width: 992px) { 
    #modal-container.show-contact-form .content-contact-form .modal-contact-form { 
        width: unset; 
        overflow-y: scroll; 
        height: 650px; 
    } 
    #hsForm_1cf92662-08b2-40c6-b7e3-e7ecc7735be6 { 
        margin: 0 auto !important; 
    } 
} 
@media (max-width: 550px) { 
    .show-on-desktop { 
        display: none; 
    } 
    .show-on-mobile { 
        display: block; 
    } 
    .form-contact-us-left { 
        justify-content: center; 
    } 
    .form-contact-us-right { 
        padding: 0 15px; 
    } 
}

}