/*CSS brought over from hover topics Type: WYSIWYG*/
.serviceColumn h1 {color: #e6ea28; size: 20px;}
.serviceColumn h3 {color: #c5c5c5; size: 15px;}
.serviceColumn .container {
 position: relative;
 width: 300px;
padding:0;
}
.serviceColumn {
 float: left;
 width: 300px;
 margin-bottom: 16px;
 margin-top: 30px;
 margin-left: 30px;
 padding: 0 8px;
}
.serviceColumn .image {
 display: in-lineblock;
 width: 300px;
 height: 300px;
}
.serviceColumn .overlay {
 position: absolute;
 bottom: 100%;
 left: 0;
 right: 0;
 background-color: #0071bc;
 overflow: hidden;
 width: 100%;
 height:0;
 transition: .5s ease;
}

.serviceColumn .container:hover .overlay {
 bottom: 0;
 height: 100%;
}

.serviceColumn .text {
 white-space: nowrap; 
 color: white;
 text-align: left;
 font-size: 13px;
 position: absolute;
 overflow: hidden;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}

#PageMain { margin-top: 0px; }

.service-package-header .price-header {
 background: #024E80;
}

.service-package-header .price .sale-price {
 color: #b30000;
}

.service-package-header .price .sale-price span {
font-size: 14px;
color: #555555;
}


.home-hero .block-bg-img{padding: 125px 15px;}