@import url("//www.wesco-inc.com/wp/wp-content/plugins/media-grid-overlay-manager/css/frontend.css");

/* ***** 8 - Full overlay + magnifier OVERLAY ***** */ 
  
		.mgom_8_0 { /* icon */
				top: 50%; left: 50%;font-size: 35px;
					
					color: #666666;opacity: 0; filter: alpha(opacity=00);
					
					transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
					-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1) 0s; /* older webkit */
					-ms-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
					
			z-index: 890; 
		}
		.mg_box:hover .mgom_8_0 {
				font-size: 43px;
					
					color: #666666;opacity: 0.9; filter: alpha(opacity=90);
					
		}
		
			.mgom_8_0 {
				margin-top: -18px;	
				margin-left: -18px; 
			}
			.mg_box:hover .mgom_8_0 {
				margin-top: -22px;	
				margin-left: -22px; 
			}
			
		.mgom_8_1 { /* full_img_layer */
				top: -100%; left: 0px;
					background-color: #ffffff;opacity: 0.2; filter: alpha(opacity=20);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
			z-index: 880; 
		}
		.mg_box:hover .mgom_8_1 {
				top: 0px;
					background-color: #ffffff;opacity: 0.6; filter: alpha(opacity=60);
					
		}
		
		.mgom_8_2 { /* txt_block */
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 0.7; filter: alpha(opacity=70);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_8_2 {
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 1; filter: alpha(opacity=100);
					
		}
		
	.mgom_8_3.mgom_txt_wrap {
		top: 0px; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_8_3.mgom_txt_wrap {
		top: 0px; left: 0px;	
	}
	
/* ***** 9 - Rotating circle + type icon OVERLAY ***** */ 
  
		.mgom_9_0 { /* central_shape */
				bottom: -100%; left: 0px;
					background-color: #4f4f4f;opacity: 0.7; filter: alpha(opacity=70);
					
					color: #fdfdfd;transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); 
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
			z-index: 1090; 
		}
		.mg_box:hover .mgom_9_0 {
				bottom: 0px; left: 0px;
					background-color: #4f4f4f;opacity: 1; filter: alpha(opacity=100);
					transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); 
		}
		
			.mgom_9_0 div, .mgom_9_0 div:before, .mgom_9_0 div:after {
				background-color: #4f4f4f;	
				border-color: #4f4f4f; 
			}
			.mg_box:hover .mgom_9_0 div, .mg_box:hover .mgom_9_0 div:before, .mg_box:hover .mgom_9_0 div:after {
				background-color: #4f4f4f;	
				border-color: #4f4f4f;	
			}
			
		.mgom_9_1 { /* txt_block */
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 0.7; filter: alpha(opacity=70);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_9_1 {
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 1; filter: alpha(opacity=100);
					
		}
		
	.mgom_9_2.mgom_txt_wrap {
		top: 0px; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_9_2.mgom_txt_wrap {
		top: 0px; left: 0px;	
	}
	
/* ***** 10 - Sliding title + excerpt OVERLAY ***** */ 
  
		.mgom_10_0 { /* title */
				text-align: center;
					font-size: 17px;
					
					color: #fdfdfd;line-height: 21px;
					font-weight: bold;
		}
		.mg_box:hover .mgom_10_0 {
				
					color: #fdfdfd;
		}
		
		.mgom_10_1 { /* descr */
				text-align: center;
					font-size: 13px;
					
					color: #fff;line-height: 17px;
					
		}
		.mg_box:hover .mgom_10_1 {
				
					color: #fff;
		}
		
		.mgom_10_2 { /* txt_block */
				top: 0px; left: -100%;
					background-color: #111;opacity: 0.2; filter: alpha(opacity=20);
					
					transition: all 400ms ease-out 0s;
					-webkit-transition: all 400ms ease-out 0s; /* older webkit */
					-ms-transition: all 400ms ease-out 0s;
					
		}
		.mg_box:hover .mgom_10_2 {
				top: 0px; left: 0px;
					background-color: #111;opacity: 0.7; filter: alpha(opacity=70);
					
		}
		
	.mgom_10_3.mgom_txt_wrap {
		top: 0px; left: -100%;	
		
					transition: all 400ms ease-out 0s;
					-webkit-transition: all 400ms ease-out 0s; /* older webkit */
					-ms-transition: all 400ms ease-out 0s;
					
		
	}
	
	.mg_box:hover .mgom_10_3.mgom_txt_wrap {
		top: 0px; left: 0px;	
	}
	
/* ***** 11 - Title + plus icon OVERLAY ***** */ 
  
		.mgom_11_0 { /* icon */
				bottom: 15px; right: 15px;font-size: 18px;
					
					color: #fff;opacity: 0.9; filter: alpha(opacity=90);
					
					transition: all 200ms linear 0s;
					-webkit-transition: all 200ms linear 0s; /* older webkit */
					-ms-transition: all 200ms linear 0s;
					
			z-index: 1090; 
		}
		.mg_box:hover .mgom_11_0 {
				font-size: 18px;
					
					color: #383838;opacity: 0.9; filter: alpha(opacity=90);
					
		}
		
		.mgom_11_1 { /* title */
				text-align: center;
					font-size: 17px;
					
					color: #222222;line-height: 18px;
					font-weight: bold;
		}
		.mg_box:hover .mgom_11_1 {
				
		}
		
		.mgom_11_2 { /* txt_block */
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 0; filter: alpha(opacity=0);
					
					transition: all 200ms linear 0s;
					-webkit-transition: all 200ms linear 0s; /* older webkit */
					-ms-transition: all 200ms linear 0s;
					
		}
		.mg_box:hover .mgom_11_2 {
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 0.8; filter: alpha(opacity=80);
					
		}
		
	.mgom_11_3.mgom_txt_wrap {
		top: 0px; left: 0px;	
		
					transition: all 200ms linear 0s;
					-webkit-transition: all 200ms linear 0s; /* older webkit */
					-ms-transition: all 200ms linear 0s;
					
		
	}
	
	.mg_box:hover .mgom_11_3.mgom_txt_wrap {
		top: 0px; left: 0px;	
	}
	
/* ***** 12 - Flickr style OVERLAY ***** */ 
  
		.mgom_12_0 { /* title */
				text-align: left;
					font-size: 15px;
					
					color: #fdfdfd;line-height: 20px;
					font-weight: bold;
		}
		.mg_box:hover .mgom_12_0 {
				
		}
		
		.mgom_12_1 { /* descr */
				text-align: left;
					font-size: 13px;
					
					color: #fff;line-height: 17px;
					
		}
		.mg_box:hover .mgom_12_1 {
				
		}
		
		.mgom_12_2 { /* txt_block */
				bottom: -100%; left: 0px;
					background-color: #000;opacity: 0.6; filter: alpha(opacity=60);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_12_2 {
				bottom: 0px; left: 0px;
					background-color: #000;opacity: 0.6; filter: alpha(opacity=60);
					
		}
		
	.mgom_12_3.mgom_txt_wrap {
		bottom: -100%; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_12_3.mgom_txt_wrap {
		bottom: 0px; left: 0px;	
	}
	
/* ***** 13 - Grayscale + corner circle OVERLAY ***** */ 
  
		.mgom_13_0 { /* corner_shape */
				bottom: -150px; right: -150px;
					background-color: #fdfdfd;opacity: 0.6; filter: alpha(opacity=60);
					
					color: #4D4D4D;
					transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
					-webkit-transition: all 400ms cubic-bezier(0.680, 0, 0.265, 1) 0s; /* older webkit */
					-ms-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
					
			z-index: 1090; 
		}
		.mg_box:hover .mgom_13_0 {
				bottom: -80px; right: -80px;opacity: 0.9; filter: alpha(opacity=90);
					
		}
		
		.mgom_13_1 { /* img_fx */
				
			z-index: 880; 
		}
		.mg_box:hover .mgom_13_1 {
				
		}
		
		.mgom_13_2 { /* txt_block */
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 0; filter: alpha(opacity=0);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_13_2 {
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 0; filter: alpha(opacity=0);
					
		}
		
	.mgom_13_3.mgom_txt_wrap {
		top: 0px; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_13_3.mgom_txt_wrap {
		top: 0px; left: 0px;	
	}
	
/* ***** 14 - Zoom image + magnifier icon OVERLAY ***** */ 
  
		.mgom_14_0 { /* icon */
				top: 50%; left: 50%;font-size: 38px;
					
					color: #fff;opacity: 0; filter: alpha(opacity=0);
					transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); 
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
			z-index: 890; 
		}
		.mg_box:hover .mgom_14_0 {
				font-size: 38px;
					
					color: #fff;opacity: 0.9; filter: alpha(opacity=90);
					transform: scale(1.0); -ms-transform: scale(1.0); -webkit-transform: scale(1.0); 
		}
		
			.mgom_14_0 {
				margin-top: -19px;	
				margin-left: -19px; 
			}
			.mg_box:hover .mgom_14_0 {
				margin-top: -19px;	
				margin-left: -19px; 
			}
			
		.mgom_14_1 { /* img_fx */
				
			z-index: 880; 
		}
		.mg_box:hover .mgom_14_1 {
				
		}
		
		.mgom_14_2 { /* txt_block */
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 0; filter: alpha(opacity=0);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_14_2 {
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 0; filter: alpha(opacity=0);
					
		}
		
	.mgom_14_3.mgom_txt_wrap {
		top: 0px; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_14_3.mgom_txt_wrap {
		top: 0px; left: 0px;	
	}
	
/* ***** 15 - Split overlay + circle OVERLAY ***** */ 
  
		.mgom_15_0 { /* central_shape */
				top: 0px; left: 0px;
					background-color: #333;opacity: 0; filter: alpha(opacity=0);
					
					color: #fff;transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); 
					transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
					-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1) 0s; /* older webkit */
					-ms-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
					
			z-index: 1090; 
		}
		.mg_box:hover .mgom_15_0 {
				top: 0px; left: 0px;
					background-color: #333;opacity: 0.9; filter: alpha(opacity=90);
					transform: scale(1.0); -ms-transform: scale(1.0); -webkit-transform: scale(1.0); 
		}
		
			.mgom_15_0 div, .mgom_15_0 div:before, .mgom_15_0 div:after {
				background-color: #333;	
				border-color: #333; 
			}
			.mg_box:hover .mgom_15_0 div, .mg_box:hover .mgom_15_0 div:before, .mg_box:hover .mgom_15_0 div:after {
				background-color: #333;	
				border-color: #333;	
			}
			
		.mgom_15_1 { /* vert_split_layer */
				
					background-color: #ffffff;opacity: 0.1; filter: alpha(opacity=10);
					
					transition: all 200ms ease 0s;
					-webkit-transition: all 200ms ease 0s; /* older webkit */
					-ms-transition: all 200ms ease 0s;
					
			z-index: 880; 
		}
		.mg_box:hover .mgom_15_1 {
				
					background-color: #ffffff;opacity: 0.4; filter: alpha(opacity=40);
					
		}
		
			.mgom_15_1 div {
					
					background-color: #ffffff;
					transition: all 200ms ease 0s;
					-webkit-transition: all 200ms ease 0s; /* older webkit */
					-ms-transition: all 200ms ease 0s;
					
			}
			.mg_box:hover .mgom_15_1 div {
					
					background-color: #ffffff;
			}
			
		.mgom_15_2 { /* txt_block */
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 0; filter: alpha(opacity=0);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_15_2 {
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 0; filter: alpha(opacity=0);
					
		}
		
	.mgom_15_3.mgom_txt_wrap {
		top: 0px; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_15_3.mgom_txt_wrap {
		top: 0px; left: 0px;	
	}
	
/* ***** 16 - Curtain + type icon + socials OVERLAY ***** */ 
  
		.mgom_16_0 { /* icon */
				top: 50%; left: 50%;font-size: 27px;
					
					color: #ffffff;opacity: 0.9; filter: alpha(opacity=90);
					transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); 
					transition: all 400ms ease-in-out 0s;
					-webkit-transition: all 400ms ease-in-out 0s; /* older webkit */
					-ms-transition: all 400ms ease-in-out 0s;
					
			z-index: 1090; 
		}
		.mg_box:hover .mgom_16_0 {
				font-size: 27px;
					
					color: #ffffff;opacity: 0.4; filter: alpha(opacity=40);
					transform: scale(1.0); -ms-transform: scale(1.0); -webkit-transform: scale(1.0); 
		}
		
			.mgom_16_0 {
				margin-top: -14px;	
				margin-left: -14px; 
			}
			.mg_box:hover .mgom_16_0 {
				margin-top: -14px;	
				margin-left: -14px; 
			}
			
		.mgom_16_1 { /* full_img_layer */
				top: 0px; left: 0px;
					background-color: #242424;opacity: 0; filter: alpha(opacity=0);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
			z-index: 880; 
		}
		.mg_box:hover .mgom_16_1 {
				top: 0px; left: 0px;
					background-color: #242424;opacity: 0.1; filter: alpha(opacity=10);
					
		}
		
		.mgom_16_2 { /* title */
				text-align: center;
					font-size: 15px;
					
					color: #383838;line-height: 17px;
					text-transform: uppercase;
		}
		.mg_box:hover .mgom_16_2 {
				
					color: #5c5c5c;
		}
		
		.mgom_16_3 { /* separator */
				
					color: #cfcfcf;
					border-bottom: 1px dotted #cfcfcf;
					
		}
		.mg_box:hover .mgom_16_3 {
				
		}
		
		.mgom_16_4 { /* socials */
				
					color: #b2b2b2;font-size: 18px;
					line-height: 32px;
					
		}
		.mg_box:hover .mgom_16_4 {
				
					color: #808080;
		}
		
			.mgom_16_4 span {
				font-size: 18px;
					
			}
			.mg_box:hover .mgom_16_4 span {
				
					color: #b2b2b2;
			}
			.mg_box:hover .mgom_16_4 span:hover,
			.mgom_16_4 span:hover {
				
					color: #808080;
			}
		.mgom_16_5 { /* txt_block */
				bottom: -100%; left: 0px;
					background-color: #ffffff;opacity: 1; filter: alpha(opacity=100);
					padding-top: 13px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; 
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_16_5 {
				bottom: 0px; left: 0px;
					background-color: #ffffff;opacity: 1; filter: alpha(opacity=100);
					
		}
		
	.mgom_16_6.mgom_txt_wrap {
		bottom: -100%; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		padding-top: 13px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; 
	}
	
	.mg_box:hover .mgom_16_6.mgom_txt_wrap {
		bottom: 0px; left: 0px;	
	}