/*===============================================
** Image Boxes Css
*===============================================*/
.image-box{ text-align:center; padding:2%; }
.image-box-thumb{ margin-bottom:30px; overflow:hidden; overflow:hidden; }
.image-box-thumb img{ -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;  }
.image-box-content{ padding:0 20px; font-size:14px; }
.image-box:hover img{ -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }

/*===============================================
** Infocard Css
*===============================================*/
.wild-info-card{ border:1px solid #efefef; text-align:center; }
.wild-info-card-text{ padding:35px 20px 20px 20px; }
.wild-info-card-link a{ display:block; padding:15px; background-color:#82cc00; text-transform:uppercase; letter-spacing:1px; font-weight:600; color:#ffffff; }

/*===============================================
** Image With Text Css
*===============================================*/
.image-with-text-over{ position:relative; text-align:center; overflow:hidden; color:#ffffff; }
.image-with-text-front, .image-with-text-back{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; z-index: 30; -webkit-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -transition: opacity .5s ease-in-out; padding:0 20px; }
.image-with-text-over .shadow { background-color: rgba(0,0,0,0.4); z-index: 20; position: absolute; width: 100%; height: 100%; left: 0;  }
.image-with-text-back{ opacity:0; }

.image-with-text-front i{ border:3px solid; padding:12px; font-size:34px; display:inline-block; }
.image-with-text-front h3{ margin:20px 0 0; color:#ffffff; text-transform:uppercase; }

.image-with-text-over:hover .image-with-text-back{ opacity:1; }
.image-with-text-over:hover .image-with-text-front{ opacity:0; }

/*===============================================
** Icon Box Css
*===============================================*/
.iconbox{ text-align:center; position:relative; margin:10px 0; background-color:#f8f8f8; padding:30px; }
.iconbox-icon{ width:100px; height:100px; border:2px solid; border-radius:50px; margin:0 auto 30px; color:#82cc00; font-size:50px; display:table; -webkit-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.iconbox-icon i{ display:table-cell; vertical-align:middle; }
.iconbox-content a{ letter-spacing:2px; font-weight:700; font-size:13px; text-transform:uppercase; border-bottom:2px solid; padding:8px; }
.iconbox:hover .iconbox-icon{ background-color:#82cc00; color:#ffffff; -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); }

/*===============================================
** Pricing Box Css
*===============================================*/
.pricing-col{ text-align:center; background-color:#ffffff; box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); }
.package-name{ padding:30px; background-color:#82cc00; }
.package-name h2{ margin:0; color:#ffffff; text-transform:uppercase; }
.package-price{ font:700 46px 'Sintony'; color:#000000; padding:30px 30px 20px; position:relative; }
.package-price sup, .package-price sub{ font-size:15px; margin:0 5px; }
.package-price sub{ position:relative; bottom:12px; }
.package-price:after{ content:''; position:absolute; bottom:0; left:0; right:0; width:60px; height:2px; background-color:#f2f2f2; margin:0 auto; }
.package-row{ padding:30px; }
.package-btn .button{ margin:0; display:block; padding:25px; }