/*  2 col */
#stacks_in_3340 .wrapper-link:hover  {  -webkit-animation: wrapper-link 1.4s linear forwards !important; -moz-animation: wrapper-link 1.4s linear forwards !important; animation: wrapper-link 1.4s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00));background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00));  }	
   @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; }  30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; }  30% { opacity: 1; }}  @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; }  30% { opacity: 1; }}   
   #stacks_in_3340 .element-link, #stacks_in_3340 .wrapper-link  { 	display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%;	  }
#stacks_in_3340 * { box-sizing: border-box !important; }
 #stacks_in_3340 .extend_image_main {   	 background-image: url(../files/bg_image-3340.png) !important;  	   background-size: cover !important; background-position: 50% 50% !important; opacity: 0.8 !important;  }
#stacks_in_3340 .extend_image_main_colour {    }
#stacks_in_3340 .extend_image_main_colour_border {    }
/* Text BG left */
#stacks_in_3340 .left-box-over-bg-0 path, #stacks_in_3340 .left-box-over-bg-1 path, #stacks_in_3340 .left-box-over-bg-2 path, #stacks_in_3340 .left-box-over-bg-3 path, #stacks_in_3340 .left-box-over-bg-4 path, #stacks_in_3340 .left-box-over-bg-5 path, #stacks_in_3340 .left-box-over-bg-6 path, #stacks_in_3340 .left-box-over-bg-7 path, #stacks_in_3340 .left-box-over-bg-8 path, #stacks_in_3340 .left-box-over-bg-9 path, #stacks_in_3340 .left-box-over-bg-10 path {  fill: rgba(250, 250, 250, 0.75) !important;	  } 
#stacks_in_3340 .left-box-over-bg-0 { display: block !important; }
/* BG back shape */
#stacks_in_3340 .morph-shape-1, #stacks_in_3340 .morph-shape-1 path, #stacks_in_3340 .morph-shape-2, #stacks_in_3340 .morph-shape-2 path, #stacks_in_3340 .morph-shape-3, #stacks_in_3340 .morph-shape-3 path {  fill: rgba(104, 104, 104, 0.50) !important; 
	 
	  }
/* NOTE use the order 2 and 1 and 3 to fix consolid. css */
#stacks_in_3340 .morph-shape-2, #stacks_in_3340 .morph-shape-2 path {    }
#stacks_in_3340 .morph-shape-1, #stacks_in_3340 .morph-shape-1 path {     }
#stacks_in_3340 .morph-shape-3, #stacks_in_3340 .morph-shape-3 path {     }
	
/* foundation RTL theme fix direction:ltr */
#stacks_in_3340 .HYPE_document {  direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 400px; max-width: 1800px !important;  }	

/* IMG LINE */
#stacks_in_3340 .anim-line {  text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 450px !important; height: 450px  !important;  }
#stacks_in_3340 .anim-line path {  stroke-width: 3px !important;	stroke: rgba(255, 255, 255, 0.80) !important;   }
/*  IMG */
/*  removed below width: auto !important; fix in Edge */
#stacks_in_3340 .extend_image {  left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important;	
	border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;
     			
	 background-image: url() !important;  	
			
		
	 max-width: 70% !important; height: 90% !important; 	
	 	
	 	border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;  		
	 	
	background-size: cover !important;  }
#stacks_in_3340 .extend_image_main_overlay {  		
	 background-color: transparent !important; 	
		
		position: relative;  }
#stacks_in_3340 .extend_image_main_grid {    } 
#stacks_in_3340 .hype_box { box-sizing: border-box !important;  text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0;  }
#stacks_in_3340 .inner_slice {  z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 40% !important;  	
  -webkit-animation: fade-css 0.25s  ease-in-out both; animation: fade-css 0.25s  ease-in-out both;    } 
@keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} }
#stacks_in_3340 .inner_slice_content, #stacks_in_3340 .inner_slice_content p, #stacks_in_3340 .inner_slice_content span, #stacks_in_3340 .inner_slice_content [class*="fa fa-"],
#stacks_in_3340 .inner_slice_content h1, #stacks_in_3340 .inner_slice_content h2, #stacks_in_3340 .inner_slice_content h3, #stacks_in_3340 .inner_slice_content h4, #stacks_in_3340 .inner_slice_content h5, #stacks_in_3340 .inner_slice_content h6 { -webkit-font-smoothing: antialiased;   }
#stacks_in_3340 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_3340 .inner_slice_content a:visited [class^="fa fa-"],
#stacks_in_3340 .inner_slice_content a:link, #stacks_in_3340 .inner_slice_content a {       }	
#stacks_in_3340 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_3340 .inner_slice_content a:active [class^="fa fa-"],
#stacks_in_3340 .inner_slice_content a:hover {    }		
/* hype */
#stacks_in_3340 .viewport-morph-trigger { opacity: 0.45;  }    
#stacks_in_3340 .viewport-rotscal-trigger { opacity: 0.45;  }
#stacks_in_3340 .viewport-line-trigger { opacity: 0.45;  }
 #stacks_in_3340 .setting_panel_slide {  } 

/* BP min  */
@media screen and (min-width:   780px  ) {
	#stacks_in_3340 .anim-line {     }
	#stacks_in_3340 .inner_slice {max-width: 40% !important;}	
	#stacks_in_3340 .hype_box, #stacks_in_3340 .wrapper-link { 		  width: 60% !important; left: 40% !important;   	
		margin-top: 0 !important; margin-bottom: 10% !important;
		max-height: 400px;  }	
	#stacks_in_3340 .left-box-over-bg-0 { 	   margin-left: -10% !important; 	 	 	   }
	#stacks_in_3340 .extend_image {     top: 5% !important;          background-position: 50% 50% !important;	
		/* below desktop - 2 col only- to use in one */
			         }	
	#stacks_in_3340 .setting_panel_slide {   position: absolute !important; 	   margin-left: -5% !important;       }	 	 
	#stacks_in_3340 .inner_slice_content {  padding-top: 0px;  } 	 
}
/* Hype element center in MAX */
  #stacks_in_3340 .setting_panel_slide {    position: absolute !important; margin-left: -25%;    }
/* breakpoint MAX  */
@media screen and (max-width:   780px  ) {
	/* 2 col */
	#stacks_in_3340 .inner_slice {  max-width: 100% !important; margin-top: 350px; %%[[if !edit]]%% top: 0px !important;  %%[[endif]]%%  }
	#stacks_in_3340 .inner_slice_content {  background-color: rgba(250, 250, 250, 0.75);  background-color: transparent !important;  		
		  } 
	#stacks_in_3340 .hype_box, #stacks_in_3340 .wrapper-link {  max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 350px;  }
	#stacks_in_3340 .hype_box {  display: block !important; margin-top: 20px !important;   }
	#stacks_in_3340 .extend_image {  	   top: 5% !important;   								
			 max-width: 90% !important; height: 90% !important; 	background-position: 50% 50% !important;  }   
	  #stacks_in_3340 .anim-line {  bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important;	margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important;  min-width: 300px !important; min-height: 300px !important; max-width: 390px !important; max-height: 390px !important; 	  } 
	  #stacks_in_3340 .HYPE_document {  overflow: hidden !important; padding-top: 20px !important;   margin-bottom: 0px !important;  }  
	  #stacks_in_3340 .element-link, #stacks_in_3340 .wrapper-link, #stacks_in_3340 .wrapper-link:hover {  display: none !important;  }   
	  #stacks_in_3340 .left-box-over-bg-0 {  display: none !important; }
	  #stacks_in_3340 .setting_panel_slide {   position: absolute !important; margin-left: -25%;   }     
} 
/* BP small dev  */
@media screen and (max-width: 560px) {
#stacks_in_3340 .extend_image {    }
} 		
/* BP internal  */
@media screen and (max-width: 420px ) { #stacks_in_3340 .anim-line {   max-width: 300px !important; max-height: 300px !important;   } }

/* -- End EACH CSS Template -- */
.stacks_left {
	float:left;
}

.stacks_row {
	overflow:hidden;
	margin:0 auto;
}
#stacks_in_3316 .stacks_left {
	width:495px;
}

#stacks_in_3316 .stacks_row {
	width:495px;
}
#stacks_in_3351 {
	background-color: rgba(204, 204, 204, 0.60);
}

#stacks_in_3346 {
	background-color: rgba(204, 204, 204, 0.60);
}

#stacks_in_3348 {
	background-color: rgba(204, 204, 204, 0.60);
}

#stacks_in_3326 {
	background-color: rgba(204, 204, 204, 0.62);
}

#stacks_in_3327 {
	font-size: 108%;
}

#stacks_out_3331 {
	width: 170px;
	margin-right:0;
}