/*
Theme Name: BatDongSan42
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.isures-global--form {
    background-image: url(assets/images/background-form.jpg);
}
.box-image:hover::before, .post-item:hover .box-image::before , .img:hover > .img-inner::before{
-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.box-image::before, .img > .img-inner::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
.vploader{position:fixed;width:100%;height:100%;background-color:#0a885f;z-index:999}
.vploader img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.vploader:after{content:'';position:absolute;left:50%;top:50%;border:5px solid #fff;border-top-color:transparent;border-radius:50%;width:140px;height:140px;margin-top:-70px;margin-left:-70px;animation:spin 2s linear infinite;opacity:.25}
@keyframes spin {
		  	0% { transform: rotate(0deg); }
		  	100% { transform: rotate(360deg); }
		}
.vpicon-play {
	background-image: url(/wp-content/uploads/2021/06/hexagon-icon.png);
	background-size: 100% auto;
	text-align: center;
	width: 50px;
	padding: 10px 6px
}

@media (min-width:768px) {
	.vpicon-play {
		width: 72px;
		padding: 16px 10px
	}
}

.vpicon-play a {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
	transition: all .5s
}

.vpicon-play:hover a {
	transform: scale(1.1)
}
.vpicon-play a img, .vpicon-play:hover a img{
	width:54px;
	height: 54px;
}
.vpicon-play:hover:before,
.vpicon-play:hover:after {
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.vpicon-play:hover:after {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.vpicon-play:before,
.vpicon-play:after {
	background-image: url(/wp-content/uploads/2021/06/hexagon-icon.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100% auto;
	content: '';
	-webkit-animation-name: hotSpotBig;
	animation-name: hotSpotBig;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.vpicon-play:after {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}
@-webkit-keyframes hotSpotBig{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
@keyframes hotSpotBig{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
.absolute-center-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
@media (min-width: 768px)
.d-md-none {
    display: none!important;
}
::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background: var(--primary-color);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
    background-color: #f5f5f5;
}
.box-image:hover::before, .post-item:hover .box-image::before , .img:hover > .img-inner::before{
-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.box-image::before, .img > .img-inner::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
.porperty-details:before, .porperty-details:after {
    content: ' ';
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 12px;
    border: 4px solid #ffffff;
  z-index:10;
}
.porperty-details:hover::before {
  border-color: var(--primary-color);
  opacity: 0.7;

}
.porperty-details:hover::after {
    border-color: var(--primary-color);
 opacity: 0.7;
}
.porperty-details .banner .text-box-content h2, .porperty-details .banner .text-box-content h3, .text-primary{
	
	color:  var(--primary-color);
}
.isures-form--secon .email-register input[type="email"]::placeholder {
    color: #ffffff;
}
.isures-form--secon .email-register input[type="email"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;
}

.isures-form--secon .email-register input[type="email"]::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff;
}
.z-index-99{
	z-index: 99;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}