.dl-promo-item {text-align: center;background-color: #fff;box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, .1);overflow: hidden;position: relative;padding: 40px;transition: all 0.3s ease-in-out;z-index: 1;}.dl-promo-item .promo-icon {width: 60px;height: 60px;font-size: 20px;line-height: 60px;color: #263a4f;transition: all 0.3s ease-in-out;}.dl-align-center .dl-promo-item .promo-icon {margin: 0 auto;}.dl-align-right .dl-promo-item .promo-icon {margin-left: auto;}.dl-promo-item h3 {font-size: 24px;font-weight: 500;color: #263a4f;transition: all 0.3s ease-in-out;}.dl-promo-item P {color: #555;font-size: 14px;transition: all 0.3s ease-in-out;}.dl-promo-item .read-more {font-size: 12px;color: #263a4f;text-transform: uppercase;letter-spacing: 1px;font-weight: 600;transition: all 0.3s ease-in-out;}.dl-promo-item .read-more:hover {color: #444;}.dl-promo-item .overlay-icon {position: absolute;right: 10px;bottom: 10px;font-size: 90px;color: #ffc105;opacity: 0.2;}.dl-promo-item:hover P, .dl-promo-item:hover .read-more, .dl-promo-item:hover h3, .dl-promo-item:hover .promo-icon {color: #fff;}.dl-promo-item span {background: #ffc105 none repeat scroll 0 0;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 50%;display: block;height: 0;position: absolute;transform: translate(-50%, -50%);transition: width 0.6s ease 0s, height 0.6s ease 0s;width: 0;z-index: -1;}.dl-promo-item:hover span {height: 1660px;width: 1660px;}