.so-widget-panels { text-align:center; }

.so-widget-panels h2 { margin-bottom:60px; }

.so-widget-panels .panels { display:none; }
.so-widget-panels .panels.slick-initialized { display:block; }

.so-widget-panels .slick-list { overflow:visible; }

.so-widget-panels .panel a { display:block; outline-width:0; position:relative; transition:box-shadow 0.6s, transform 0.6s; }
.so-widget-panels .panel a:hover { box-shadow:6px 6px 12px rgba(0, 0, 0, 0.3); transform:scale(1.05); z-index:1; }

.so-widget-panels .panel .overlay { background-color:rgba(0, 0, 0, 0.4); opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; transition:opacity 0.6s; }
.so-widget-panels.hover .panel .overlay { opacity:1; }
.so-widget-panels.hover .panel a:hover .overlay { opacity:0; }

.so-widget-panels .panel img { display:block; width:100%; }

.so-widget-panels .panel .content { padding:0 15px; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; }
.so-widget-panels .panel .content.has-icon { padding-bottom:72px; }

.so-widget-panels .panel .icon { display:inline-block; width:72px; height:72px; transform:scale(0); transition:transform 0.6s; }
.so-widget-panels .panel a:hover .icon { transform:scale(1); }

.so-widget-panels .panel .title { color:#fff; font-size:30px; font-weight:400; line-height:1; margin:15px 0; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); text-transform:uppercase; }

.so-widget-panels .arrows .slick-arrow { background-color:#10367A; color:#fff; display:inline-block; font-size:24px; margin:60px 6px 0; outline-width:0; text-align:center; transition:transform 0.6s; width:48px; height:48px; }
.so-widget-panels .arrows .slick-arrow:hover { transform:scale(1.05); }
.so-widget-panels .arrows .slick-arrow i { line-height:48px; }

@media (max-width:575px) {
	.so-widget-panels .panels { margin:0 auto; width:300px; max-width:100%; }
}