/* Element Style */
.articlewrap {text-align:center;background-size:60em!important; box-shadow: inset 0 0 80px rgba(0,0,0,1); height:500px;position:relative;
				-webkit-transition: all 0.3s!important;
	  			   -moz-transition: all 0.3s!important;
					-ms-transition: all 0.3s!important;
						transition: all 0.3s!important;
-webkit-transition-timing-function: cubic-bezier(0.675, 0.075, 0.450, 0.925)!important;
   -moz-transition-timing-function: cubic-bezier(0.675, 0.075, 0.450, 0.925)!important;
    -ms-transition-timing-function: cubic-bezier(0.675, 0.075, 0.450, 0.925)!important;
     -o-transition-timing-function: cubic-bezier(0.675, 0.075, 0.450, 0.925)!important;
        transition-timing-function: cubic-bezier(0.675, 0.075, 0.450, 0.925)!important; /* custom */
}
.articlewrap:hover {background-size:82em!important; box-shadow:none!important;}
.articlewrap .articletext {text-align:left; bottom:60px; padding:0 60px;position:absolute;}
.articletext p {color:#fff;}
.articletext h2 {font-weight:bold!important;color:#fff!important;font-size:26px; border-bottom:1px solid rgba(255,255,255,0.35); padding-bottom: 22px; display:inline-block;}
.articletext span {display:inline-block; padding:20px 0; margin-bottom:12px;  color:#fff!important;}
.articlewrap span a {color:#fff;}
.articletext .morelink  {float:none!important;background: rgba(0,0,0,0.2)!important; border:1px solid rgba(255,255,255,0.65); color:#fff!important; font-size:12px; padding:10px 32px; text-transform:uppercase; font-weight:bold; }
.articletext .morelink:hover {background:#fff!important; color:#333!important;}
.articleswrap .col-1,
.articleswrap .col-2,
.articleswrap .col-3,
.articleswrap .col-4,
.articleswrap .col-5,
.articleswrap .col-6  {width:33.3%!important}
.articlewrap:before {
    background: rgba(0,0,0,0.2) !important; 
	content:"";
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 1),
				inset 0 0 0 rgba(0, 0, 0, 1),
				inset 0 0 0 rgba(0, 0, 0, 1),	
				inset 0 0 0 rgba(0, 0, 0, 1);
				-webkit-transition: all 0.3s!important;
	 			   -moz-transition: all 0.3s!important;
					-ms-transition: all 0.3s!important;
						transition: all 0.3s!important;
-webkit-transition-timing-function: cubic-bezier(0.675, 0.075, 0.450, 0.925)!important;
   -moz-transition-timing-function: cubic-bezier(0.675, 0.075, 0.450, 0.925)!important;
    -ms-transition-timing-function: cubic-bezier(0.675, 0.075, 0.450, 0.925)!important;
     -o-transition-timing-function: cubic-bezier(0.675, 0.075, 0.450, 0.925)!important;
        transition-timing-function: cubic-bezier(0.675, 0.075, 0.450, 0.925)!important; /* custom */
}
.articlewrap:hover:before {
	background: rgba(0,0,0,0) !important;
	box-shadow: inset 43em 0 0 rgba(0, 0, 0, 0.2),
				inset 0 43em 0 rgba(0, 0, 0, 0.2),
				inset -43em 0 0 rgba(0, 0, 0, 0.2),
				inset 0 -43em 0 rgba(0, 0, 0, 0.2);
}
	
@media screen and (max-width: 1100px){
.articleswrap .col-1,
.articleswrap .col-2,
.articleswrap .col-3,
.articleswrap .col-4,
.articleswrap .col-5,
.articleswrap .col-6 {width:50%!important;}
}
@media screen and (max-width: 767px){
.articleswrap .col-1,
.articleswrap .col-2,
.articleswrap .col-3,
.articleswrap .col-4,
.articleswrap .col-5,
.articleswrap .col-6 {width:100%!important;}
.articlewrap {height:auto!important; padding:100px 0!important;}
.articlewrap:before, .articlewrap:hover:before {box-shadow:none!important;}
.articlewrap .articletext {padding:0 10px!important;text-align:center!important;position:relative!important;bottom:0!important;}
.articletext h2 {font-size:36px;}
}
/* IE FIX */
.articleswrap .wallpage {position:static!important;}