@font-face {
  font-family: "sao-builder";
   src: url("../../fonts/sao-builder.woff2") format("woff") ;
  font-weight: normal;
  font-style: normal;
}

/********************************************************************
Single Image item
*********************************************************************/
.sao-image-single{
	text-align:var(--sao-ag,center);

}
.sao-image {
	position: relative;
	z-index:1;
  
	display:inline-block;
	text-align:center;
  	transition: all 0.3s;
vertical-align: top;
max-width:100%;
overflow:hidden !important;
max-height:100%;
 
}
.sao-image:hover,
.sao-thumbnail:hover{
	transition: all 0.3s;
	overflow: hidden;
 	box-shadow:var(--sao-hv-img-sd,var(--sao-img-sd));
	border-width:var(--sao-hv-img-br-wt,var(--sao-img-br-wt)) ;
	border-style:var(--sao-hv-img-br-st,var(--sao-img-br-st)) ;
	border-color:var(--sao-hv-img-br-cr,var(--sao-img-br-cr)) ;
}
 
.sao-image,
.sao-thumbnail{
	vertical-align: top;
 
 	box-shadow:var(--sao-img-sd);
	border-width:var(--sao-img-br-wt) ;
	border-style:var(--sao-img-br-st) ;
	border-color:var(--sao-img-br-cr) ;
	border-radius:var(--sao-img-rd);
 
}
[class*='sao-crop'] .sao-image,
[class^='sao-el-']:not([class*='sao-crop']) .sao-image img{
	 	width:var(--sao-img-wt) ;
		height:var(--sao-img-ht) ;
		float:right;
		 	transition: all 0.3s;

		overflow:hidden;
		position:relative;
	 
 }
 .sao-image-crop{
	 position:relative;
	 float:right;
	 height:100%;
	 width:100%; }
  
 .sao-image  img{
	 max-width:100%;
	 height:auto;
 }
[class*='sao-crop'] .sao-image  img{
	width:100%;
	height:100%;
	transition: all 0.3s;
 	width:100%   !important;
	height:100%  !important;
 		  object-position: -99999px 99999px;
		  position:absolute;
		  right:0;
		  top:0;
  background-size: cover;
  
  background-position: center center;
}
.sao-crop-60  .sao-image-crop,
 .sao-thumbnail-crop-60 .sao-thumbnail span{
	padding-bottom:60% ;
	width:100% !important;
	height:0px !important;
}.sao-crop-75 .sao-image-crop,
 .sao-thumbnail-crop-75 .sao-thumbnail span{
	padding-bottom:75% ;
		width:100% !important;

	height:0px !important;
}
.sao-crop-100   .sao-image-crop,
 .sao-thumbnail-crop-100 .sao-thumbnail span{
	padding-bottom:100% ;
		height:0px !important;
	width:100% !important;

}
.sao-crop-135  .sao-image-crop,
.sao-thumbnail-crop-135 .sao-thumbnail span{
	padding-bottom:135% ;
		height:0px !important;
			width:100% !important;


}
  [class^='sao-el-']:not([class*='sao-crop']) figcaption{
 	border-radius: var(--sao-img-rd);
 }
.sao-image figcaption {
     padding: 20px;
    position: absolute;
    top: 0;
	pointer-events: none;
    bottom: 0;
    left: 0;
    right: 0;
  	 transition:all 0.3s ;

	background: var(--sao-cap-bg,rgba(0,0,0,0.5));
	color: var(--sao-cap-cr,#ffffff);
 
	 opacity:0;
}
.sao-image figcaption::after,
.sao-image figcaption::before{
		border-color: var(--sao-cap-cr,#ffffff)  !important;
		color: var(--sao-cap-cr,#ffffff) !important;
}

.sao-image:hover figcaption{
	 	 transition: all 0.3s;
		 opacity:1;
}
 [class*='sao-hover-icon-']{
	
width: 50px;
height: 50px;
 float: right;
 border-radius: 100px;
position: absolute;
top: 50%;
cursor: pointer;
left: 50%;
pointer-events: all;
  	 	 transition:font 0.3s;

transform: translate(-50%, -50%);
}
 

.sao-hover-icon-play::before{
content:"\F006";
font-size:50px;
    font-family: 'sao-builder';
  	 	 transition:font 0.3s;

 }
 .sao-hover-icon-zoom::before{
content:"\F005";
font-size:50px;
    font-family: "sao-builder";
  	 	 transition:font 0.3s;

 }
  [class*='sao-hover-icon-']:hover::before{
  	 	 transition:font 0.3s;
font-size:60px !important;
 

  }
  
  
  
  
  
  .sao-hover-caption{
    	font-size:var(--sao-cap-fn-sz,--sao-font-large);
	font-weight:var(--sao-cap-fn-wt,700);
	font-style:var(--sao-cap-fn-st);
     	line-height:var(--sao-cap-li-ht,calc(1em + 12px));

 
  
	top:50%;
 	transform:translate(00%,-50%);
	width:100%;
	position:relative;
 	overflow:hidden;
	padding:var(--sao-pd,20px);
}

/********************************************************************
 Image Gallery
*********************************************************************/
[class^='sao-el-'].sao-image-gallery{
	text-align:var(--sao-ag,center);

}

 
.sao-image-gallery .sao-flex .sao-image img{
	width:100%;
} 
.sao-image-gallery .sao-image-list .sao-image {
	float:none;
	display:inline-block;
}

/*********** Image text ***********************/
/****************************************************************************************************************************************
							
															Icon Text 1 Element AND Mutli Text Element
													
*******************************************************************************************************************************************/
 
.sao-image-one,
.sao-image-one-multi .sao-item{
 	display:inline-grid;
	position:relative;
 	grid-template-columns:  var(--sao-img-wt,25%) auto;
 
 }
[class*='sao-image-one']  figure img{
	width:100% !important;

 } 
 
[class*='sao-image-one']::before{
	display:none !important;
}
  
[class*='sao-image-one'] .sao-details  {
 	 padding-right:var(--sao-dt-pd-rt,var(--sao-pd));
	 z-index:1;
	 margin:var(--sao-dt-ver,0 auto auto);
	text-align:var(--sao-ag,right);
 } 
 [class*='sao-image-one'].sao-image-left .sao-details{
	 	 padding-right:0px !important;
		padding-left:var(--sao-dt-pd-rt,var(--sao-pd));

 } 
   
 
[class*='sao-image-one'].sao-image-left {
 	 direction:ltr;
}
 
[class*='sao-image-one'].sao-image-left .sao-bg{
	  right:0px;
	  left:auto;
	  
  }
 [class*='sao-image-one'] .sao-image{
	 width:100%;
	 margin:var(--sao-img-ver,0 auto auto);
 }
 [class*='sao-image-one'] .sao-line:before{
		float:var(--sao-ag,right);

 }
 [class*='sao-image-one']:is(.sao-boxed-item-2,.sao-boxed-multi-2) .sao-icon{
	text-align:center;
}

 @media (max-width: 1199px) {
	 [class*='sao-image-one'] .sao-details  {
 	 padding-right:var(--sao-pd) !important;
 } 
 [class*='sao-image-one'].sao-image-left .sao-details{
	 	 padding-right:0px !important;
		padding-left:var(--sao-pd) !important;

 } 
   
 }
/*********** Image text ***********************/
/****************************************************************************************************************************************
							
															Image Text 2
													
*******************************************************************************************************************************************/
 
 .sao-image-two,
.sao-image-two-multi .sao-item{
 	display:inline-block;
	position:relative;
	overflow:hidden;
 	text-align:var(--sao-ag,center);
 }
  [class*='sao-image-two']:is(.sao-boxed-item-2,.sao-boxed-multi-2) .sao-bg{
 	 top:auto;
 	 bottom:0;
	 
 }
 [class*='sao-image-two'] .sao-image{
 	float:var(--sao-ag,center);
 }
  [class*='sao-image-two']:is(.sao-boxed-item-3,.sao-boxed-multi-3,.sao-boxed-item-4,.sao-boxed-multi-4) .sao-bg{
 	 top:auto;
 	 bottom:auto;
 }
 
  [class*='sao-image-two'] .sao-title{
	  margin-top:var(--sao-dt-mg-tp,var(--sao-pd)) !important;
  }
  [class*='sao-image-two'] .sao-btn{
	float:var(--sao-ag,center);
  }
  @media (max-width: 1199px) {
	[class*='sao-image-two'] .sao-title{
	  margin-top:var(--sao-pd) !important;
  }  
  }

.sao-video{
	text-align:var(--sao-ag,center);

}
 
.sao-video-warp{
	width:var(--sao-vid-wt,100%) !important;
	float:var(--sao-ag,none);

}
 
.sao-video-container {
    position: relative;
    padding-bottom: 100%;
    height: 0px !important;
    width: 100% !important;
}

 
.sao-video video,
.sao-video iframe {
    width: 100%;
    height: 100%;
	left:0px;
	top:0px;
	position:absolute;
    background: #000000;
}

  