/*S2-SOLUTIONS ===============================  *//*  */
/*S-FONTS ============================================ */
#what_swot .swot_txt,
#what_swot .swot_box { font-family: 'Geologica', sans-serif;}
#what_swot .text_wrap { font-family: 'El Messiri', sans-serif;}
#what_swot .text_wrap.A div { font-family: 'PT Sans', sans-serif;}
/*E-FONTS ============================================ */

/*S-GLOBALS ============================================ VEDI FX_CORE */
#what_swot #logo_wrap 	{ display:none }
#what_swot #nav_wrap 	{ display:none }
/*E-GLOBALS ============================================ VEDI FX_CORE */




/*S-SWOT ============================================ */
#swot_wrap		{ position:absolute; 
					display: flex;	flex-wrap: wrap; 
					justify-content: center;
				}
/* MOBILE-FIRST ----------------- */			
#swot_wrap		{ top: 22%; left:55%; width:250px; margin-left: -125px;	}			
@media screen and (min-width: 768px) {
#swot_wrap		{ top: 20%;left: 50%; width: 40%; max-width: 500px;	margin-left: -20%;	}		
}
@media screen and (min-width: 1290px) {
#swot_wrap		{ margin-left: -250px;	}		
}	
/* ---------- */				
.swot				{ position:relative; border-right :1px solid transparent; transition: all 2s; cursor:pointer;}
.swot.TL			{ border-bottom:1px solid #AAA; border-right :1px solid #AAA; text-align: right;}
.swot.TR			{ border-bottom:1px solid #AAA; }
.swot.BL			{ border-right :1px solid #AAA; text-align: right;}
.swot.BR			{/**/}
/* MOBILE-FIRST ----------------- */
.swot				{ width: 100px; height: 120px;}
@media screen and (min-width: 768px) {
.swot				{ width: 45%; height: 250px;}
}
/* ---------- */	
.swot_box			{ position:absolute; background:#e84249; opacity:1; transition: opacity 500ms; }	/**/
.swot_box span 		{ display:block; position:relative; color:white;  font-weight:400; text-align:center; }
/* MOBILE-FIRST ----------------- */	
.swot_box			{ width:100px; height:100px; }
.swot_box span 		{ top:6px; font-size:70px;  }
@media screen and (min-width: 768px) {
.swot_box			{ width:150px; height:150px;}
.swot_box span 		{ top:30px; font-size:70px;  }
}	
.swot.TL .swot_box 	{ bottom:10px; 	right:10px; }				
.swot.TR .swot_box 	{ bottom:10px; 	left:10px; 	}				
.swot.BL .swot_box 	{ top:10px; 	right:10px; }
.swot.BR .swot_box 	{ top:10px; 	left:10px; 	}

/* ---------- *//**/	
.swot_txt			{ position:absolute; 
						opacity:0; transition: opacity 500ms;  
					/*	padding: 10%;*/
						font-weight:100;
						color: #FFF;	
					/*	text-shadow: 1px 1px 2px #444; */
					}
/* MOBILE-FIRST ----------------- */					
		 .swot_txt 	{ width:120px;  font-size: 14px; }
.swot.TL .swot_txt	{ bottom:10px; right:10px;}	
.swot.TR .swot_txt 	{ bottom:10px; left:10px;}
.swot.BL .swot_txt	{ top:10px; right:10px;}	
.swot.BR .swot_txt 	{ top:10px; left:10px;}
@media screen and (min-width: 768px) {
.swot_txt 			{  width:auto; font-size: 20px; }
}				 
/* ---------- */
.swot.active .swot_box  { opacity:0; /*display:none;	*/}				
.swot.active .swot_txt 	{ opacity:1; 	}				
/*E-SWOT ============================================ */




/*S-SUB-NAVIGATION --------------------------- */
/* ARROWS ---------------- */
#what_swot .ion-ios-arrow-down 	{ bottom:2%; left: 50%; margin-left: -15px; color:#999;  }
/* MOBILE-FIRST ----------------- */
#what_swot .ion-ios-arrow-down 	{ font-size: 32px;  }
@media screen and (min-width: 768px) {
#what_swot .ion-ios-arrow-down 	{ font-size: 50px; }
}
/* TEXT ---------------- */
#what_swot .subnav_txt			{ position:absolute; left:50%; bottom:8%; margin-left: -22px; color:#999; }	
#what_swot .subnav_txt:hover	{ cursor:pointer; opacity:0.8; }	
/*E-SUB-NAVIGATION --------------------------- */