.hi-icon-wrap {	text-align: center;	margin: 0 auto;	/*padding: 2em 0 3em;*/}
.hi-icon {display: inline-block;font-size: 0px;cursor: pointer;	margin: 10px 10px;width: 100px;height: 100px;	border-radius: 50%;	text-align: center;	position: relative;	z-index: 1;	color: #fff;}
.hi-icon:after {pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.hi-icon:before {/*font-family: Verdana, Geneva, sans-serif;*/speak: none;font-size: 13px;line-height: 100px;font-style: normal;	font-weight: normal;font-variant: normal;	text-transform: none;display: block;-webkit-font-smoothing: antialiased;}

.hi-icon-construction:before {content: "a";background-image:url(../images/construction.png);text-indent:-9999px;}
.hi-icon-construction.active:before {content: "a";background-image:url(../images/constructionHover.png);text-indent:-9999px;}
.hi-icon-construction:hover:before {background:url(../images/constructionHover.png);}


.hi-icon-trading:before {content: "a";background-image:url(../images/trading.png);text-indent:-9999px;}
.hi-icon-trading.active:before {content: "a";background-image:url(../images/tradingHover.png);text-indent:-9999px;}
.hi-icon-trading:hover:before {background:url(../images/tradingHover.png);}

.hi-icon-informationSystem:before {content: "a";background-image:url(../images/informationSystems.png);text-indent:-9999px;}
.hi-icon-informationSystem.active:before {content: "a";background-image:url(../images/informationSystemsHover.png);text-indent:-9999px;}
.hi-icon-informationSystem:hover:before {background:url(../images/informationSystemsHover.png);}


.hi-icon-rentalSolutions:before {content: "a";background-image:url(../images/rentalSolutions.png);text-indent:-9999px;}
.hi-icon-rentalSolutions.active:before {content: "a";background-image:url(../images/rentalSolutionsHover.png);text-indent:-9999px;}
.hi-icon-rentalSolutions:hover:before {background:url(../images/rentalSolutionsHover.png);}


.hi-icon-supportServices:before {content: "a";background-image:url(../images/supportServices.png);text-indent:-9999px;}
.hi-icon-supportServices.active:before {content: "a";background-image:url(../images/supportServicesHover.png);text-indent:-9999px;}
.hi-icon-supportServices:hover:before {background:url(../images/supportServicesHover.png);}



/*.hi-icon-mobile:before {content: "a";background-image:url(../images/doc.png);text-indent:-9999px;}
.hi-icon-mobile:hover:before {background:url(../images/doch.png);}

.hi-icon-coach:before {content: "a";background-image:url(../images/coach.png);text-indent:-9999px;}
.hi-icon-coach.active:before {content: "a";	background-image:url(../images/coachh.png);	text-indent:-9999px;}
.hi-icon-car:before {content: "a";background-image:url(../images/car.png);text-indent:-9999px;}
.hi-icon-car.active:before {content: "a";background-image:url(../images/carh.png);text-indent:-9999px;}
.hi-icon-hotel:before {content: "a";background-image:url(../images/hotel.png);text-indent:-9999px;}
.hi-icon-hotel.active:before {content: "a";	background-image:url(../images/hotelh.png);	text-indent:-9999px;}
.hi-icon-holidays:before {content: "a";	background-image:url(../images/holidays.png);text-indent:-9999px;}
.hi-icon-holidays.active:before {content: "a";background-image:url(../images/holidaysh.png);text-indent:-9999px;}
.hi-icon-mice:before {content: "a";background-image:url(../images/mice.png);text-indent:-9999px;}
.hi-icon-mice.active:before {content: "a";	background-image:url(../images/miceh.png);text-indent:-9999px;}
.hi-icon-air:hover:before {background:url(../images/airh.png);}
.hi-icon-coach:hover:before {background:url(../images/coachh.png);}
.hi-icon-car:hover:before {background:url(../images/carh.png);}
.hi-icon-hotel:hover:before {background:url(../images/hotelh.png);}
.hi-icon-holidays:hover:before {background:url(../images/holidaysh.png);}
.hi-icon-mice:hover:before {background:url(../images/miceh.png);}
.hi-icon-cruise:hover:before {background:url(../images/cruisehover.png);}
.hi-icon-cruise:before {content: "a";background-image:url(../images/cruise.png);text-indent:-9999px;}
.hi-icon-cruise.active:before {content: "a";background-image:url(../images/cruisehover.png);text-indent:-9999px;}
.hi-icon-city:before {content: "a";background-image:url(../images/city.png);text-indent:-9999px;}
.hi-icon-city.active:before {content: "a";background-image:url(../images/cityh.png);text-indent:-9999px;}
.hi-icon-activity:before {content: "a";	background-image:url(../images/activity.png);text-indent:-9999px;}
.hi-icon-activity.active:before {content: "a";background-image:url(../images/activityh.png);text-indent:-9999px;}
.hi-icon-doc:before {content: "a";background-image:url(../images/doc.png);text-indent:-9999px;}
.hi-icon-doc.active:before {content: "a";background-image:url(../images/doch.png);text-indent:-9999px;}
.hi-icon-coupon:before {content: "a";background-image:url(../images/coupon.png);text-indent:-9999px;}
.hi-icon-coupon.active:before {content: "a";background-image:url(../images/couponh.png);text-indent:-9999px;}
.hi-icon-loyalty:before {content: "a";background-image:url(../images/loyalty.png);text-indent:-9999px;}
.hi-icon-loyalty.active:before {content: "a";background-image:url(../images/loyaltyh.png);text-indent:-9999px;}
.hi-icon-user:before {content: "a";background-image:url(../images/userLogin.png);text-indent:-9999px;}
.hi-icon-user.active:before {content: "a";background-image:url(../images/userLoginh.png);text-indent:-9999px;}
.hi-icon-user:hover:before {background:url(../images/userLoginHover.png);}
.hi-icon-agent:before {content: "a";background-image:url(../images/agentLogin.png);text-indent:-9999px;}
.hi-icon-agent.active:before {content: "a";background-image:url(../images/agentLoginh.png);text-indent:-9999px;}
.hi-icon-agent:hover:before {background:url(../images/agentLoginHover.png);}
.hi-icon-corporate:before {content: "a";background-image:url(../images/corporateLogin.png);text-indent:-9999px;}
.hi-icon-corporate.active:before {content: "a";	background-image:url(../images/corporateLoginh.png);text-indent:-9999px;}
.hi-icon-corporate:hover:before {background:url(../images/corporateLoginHover.png);}
.hi-icon-city:hover:before {background:url(../images/cityh.png);}
.hi-icon-activity:hover:before {background:url(../images/activityh.png);}
.hi-icon-doc:hover:before {background:url(../images/doch.png);}
.hi-icon-coupon:hover:before {background:url(../images/couponh.png);}
.hi-icon-loyalty:hover:before {	background:url(../images/loyaltyh.png);}
.hi-icon-screen:before {content: "document";}
.hi-icon-aboutus:hover:before {background:url(../images/aboutUsHover.png);}
.hi-icon-aboutus:before {content: "a";background-image:url(../images/aboutUs.png);text-indent:-9999px;}
.hi-icon-aboutus.active:before {content: "a";background-image:url(../images/aboutUsh.png);text-indent:-9999px;}
.hi-icon-siteMap:hover:before {background:url(../images/sitemapHover.png);}
.hi-icon-siteMap:before {content: "a";background-image:url(../images/sitemap.png);text-indent:-9999px;}
.hi-icon-siteMap.active:before {content: "a";background-image:url(../images/sitemaph.png);text-indent:-9999px;}
.hi-icon-faq:hover:before {background:url(../images/faqHover.png);}
.hi-icon-faq:before {content: "a";background-image:url(../images/faq.png);text-indent:-9999px;}
.hi-icon-faq.active:before {content: "a";background-image:url(../images/faqh.png);text-indent:-9999px;}
.hi-icon-demo:hover:before {background:url(../images/demosearchHover.png);}
.hi-icon-demo:before {content: "a";background-image:url(../images/demosearch.png);text-indent:-9999px;}
.hi-icon-demo.active:before {content: "a";background-image:url(../images/demosearchh.png);text-indent:-9999px;}
.hi-icon-earth:before {content: "\e002";}
.hi-icon-support:before {content: "\e000";}
.hi-icon-locked:before {content: "\e001";}
.hi-icon-cog:before {content: "\e003";}
.hi-icon-clock:before {content: "\e004";}
.hi-icon-videos:before {content: "\e005";}
.hi-icon-list:before {content: "\e006";}
.hi-icon-refresh:before {content: "\e007";}
.hi-icon-images:before {content: "\e008";}
.hi-icon-pencil:before {content: "\e00b";}
.hi-icon-link:before {content: "\e00c";}
.hi-icon-mail:before {content: "\e00d";}
.hi-icon-location:before {content: "\e00e";}
.hi-icon-archive:before {content: "\e00f";}
.hi-icon-chat:before {content: "\e010";}
.hi-icon-bookmark:before {content: "\e011";}
.hi-icon-user:before {content: "\e012";}
.hi-icon-contract:before {content: "\e013";}
.hi-icon-star:before {content: "\e014";}
*//*Icons for holiday section */
/*.hi-icon-adv:before {content: "a";background-image:url(../images/holiday/icons/adventure.png);text-indent:-9999px;}
.hi-icon-adv.active:before {content: "a";background-image:url(../images/holiday/icons/adventureHover.png);text-indent:-9999px;}
.hi-icon-adv:hover:before {background:url(../images/holiday/icons/adventureHover.png);}


.hi-icon-beach:before {content: "a";background-image:url(../images/holiday/icons/beach.png);text-indent:-9999px;}
.hi-icon-beach.active:before {content: "a";background-image:url(../images/holiday/icons/beachHover.png);text-indent:-9999px;}
.hi-icon-beach:hover:before {background:url(../images/holiday/icons/beachHover.png);}


.hi-icon-enter:before {content: "a";background-image:url(../images/holiday/icons/enterainment.png);text-indent:-9999px;}
.hi-icon-enter.active:before {content: "a";background-image:url(../images/holiday/icons/enterainmentHover.png);text-indent:-9999px;}
.hi-icon-enter:hover:before {background:url(../images/holiday/icons/enterainmentHover.png);}


.hi-icon-spa:before {content: "a";background-image:url(../images/holiday/icons/spa.png);text-indent:-9999px;}
.hi-icon-spa.active:before {content: "a";background-image:url(../images/holiday/icons/spaHover.png);text-indent:-9999px;}
.hi-icon-spa:hover:before {background:url(../images/holiday/icons/spaHover.png);}


.hi-icon-mountain:before {content: "a";background-image:url(../images/holiday/icons/mountains.png);text-indent:-9999px;}
.hi-icon-mountain.active:before {content: "a";background-image:url(../images/holiday/icons/mountainsHover.png);text-indent:-9999px;}
.hi-icon-mountain:hover:before {background:url(../images/holiday/icons/mountainsHover.png);}


.hi-icon-historical:before {content: "a";background-image:url(../images/holiday/icons/historical.png);text-indent:-9999px;}
.hi-icon-historical.active:before {content: "a";background-image:url(../images/holiday/icons/historicalHover.png);text-indent:-9999px;}
.hi-icon-historical:hover:before {background:url(../images/holiday/icons/historicalHover.png);}


.hi-icon-fixed:before {content: "a";background-image:url(../images/holiday/icons/fixedDeparuture.png);text-indent:-9999px;}
.hi-icon-fixed.active:before {content: "a";background-image:url(../images/holiday/icons/fixedDeparutureHover.png);text-indent:-9999px;}
.hi-icon-fixed:hover:before {background:url(../images/holiday/icons/fixedDeparutureHover.png);}


.hi-icon-nri:before {content: "a";background-image:url(../images/holiday/icons/nri.png);text-indent:-9999px;}
.hi-icon-nri.active:before {content: "a";background-image:url(../images/holiday/icons/nriHover.png);text-indent:-9999px;}
.hi-icon-nri:hover:before {background:url(../images/holiday/icons/nriHover.png);}


.hi-icon-pilgrimage:before {content: "a";background-image:url(../images/holiday/icons/pilgrimage.png);text-indent:-9999px;}
.hi-icon-pilgrimage.active:before {content: "a";background-image:url(../images/holiday/icons/pilgrimageHover.png);text-indent:-9999px;}
.hi-icon-pilgrimage:hover:before {background:url(../images/holiday/icons/pilgrimageHover.png);}



.hi-icon-wildLife:before {content: "a";background-image:url(../images/holiday/icons/wildLife.png);text-indent:-9999px;}
.hi-icon-wildLife.active:before {content: "a";background-image:url(../images/holiday/icons/wildLifeHover.png);text-indent:-9999px;}
.hi-icon-wildLife:hover:before {background:url(../images/holiday/icons/wildLifeHover.png);}



.hi-icon-honeymoon:before {content: "a";background-image:url(../images/holiday/icons/honeyMoon.png);text-indent:-9999px;}
.hi-icon-honeymoon.active:before {content: "a";background-image:url(../images/holiday/icons/honeyMoonHover.png);text-indent:-9999px;}
.hi-icon-honeymoon:hover:before {background:url(../images/holiday/icons/honeyMoonHover.png);}



.hi-icon-cityBreaks:before {content: "a";background-image:url(../images/holiday/icons/cityBreaks.png);text-indent:-9999px;}
.hi-icon-cityBreaks.active:before {content: "a";background-image:url(../images/holiday/icons/cityBreaksHover.png);text-indent:-9999px;}
.hi-icon-cityBreaks:hover:before {background:url(../images/holiday/icons/cityBreaksHover.png);}

.hi-icon-conferenceMice:before {content: "a";background-image:url(../images/ConferenceGeneralIcon.png);text-indent:-9999px;}
.hi-icon-conferenceMice.active:before {content: "a";background-image:url(../images/ConferenceHoverIcon.png);text-indent:-9999px;}
.hi-icon-conferenceMice:hover:before {background:url(../images/ConferenceHoverIcon.png);}


.hi-icon-exhibitionMice:before {content: "a";background-image:url(../images/ExhibitionGeneralIcon.png);text-indent:-9999px;}
.hi-icon-exhibitionMice.active:before {content: "a";background-image:url(../images/ExhibitionHoverIcon.png);text-indent:-9999px;}
.hi-icon-exhibitionMice:hover:before {background:url(../images/ExhibitionHoverIcon.png);}


.hi-icon-incentiveMice:before {content: "a";background-image:url(../images/incentiveGeneralIcon.png);text-indent:-9999px;}
.hi-icon-incentiveMice.active:before {content: "a";background-image:url(../images/incentiveHoverIcon.png);text-indent:-9999px;}
.hi-icon-incentiveMice:hover:before {background:url(../images/incentiveHoverIcon.png);}


.hi-icon-meetingMice:before {content: "a";background-image:url(../images/meetingGeneralIcon.png);text-indent:-9999px;}
.hi-icon-meetingMice.active:before {content: "a";background-image:url(../images/meetingHoverIcon.png);text-indent:-9999px;}
.hi-icon-meetingMice:hover:before {background:url(../images/meetingHoverIcon.png);}


.hi-icon-visae:before {content: "a";background-image:url(../images/Visa/visaeGeneral.png);text-indent:-9999px;}
.hi-icon-visae.active:before {content: "a";background-image:url(../images/Visa/visaeHover.png);text-indent:-9999px;}
.hi-icon-visae:hover:before {background:url(../images/Visa/visaeHover.png);}

.hi-icon-forExchange:before {content: "a";background-image:url(../images/Visa/forgineExchangeGeneral.png);text-indent:-9999px;}
.hi-icon-forExchange.active:before {content: "a";background-image:url(../images/Visa/forgineExchangeHover.png);text-indent:-9999px;}
.hi-icon-forExchange:hover:before {background:url(../images/Visa/forgineExchangeHover.png);}

.hi-icon-passport:before {content: "a";background-image:url(../images/Visa/passportGeneral.png);text-indent:-9999px;}
.hi-icon-passport.active:before {content: "a";background-image:url(../images/Visa/passportHover.png);text-indent:-9999px;}
.hi-icon-passport:hover:before {background:url(../images/Visa/passportHover.png);}

.hi-icon-travelInsurance:before {content: "a";background-image:url(../images/Visa/travelInsuranceGeneral.png);text-indent:-9999px;}
.hi-icon-travelInsurance.active:before {content: "a";background-image:url(../images/Visa/travelInsuranceHover.png);text-indent:-9999px;}
.hi-icon-travelInsurance:hover:before {background:url(../images/Visa/travelInsuranceHover.png);}
*/
/************** Download Ticket Section******************/
/*.hi-icon-airTicket:before {content: "a";background-image:url(../images/downloadTicket/AirTicketGeneral.png);text-indent:-9999px;}
.hi-icon-airTicket.active:before {content: "a";background-image:url(../images/downloadTicket/AirTicketHover.png);text-indent:-9999px;}
.hi-icon-airTicket:hover:before {background:url(../images/downloadTicket/AirTicketHover.png);}


.hi-icon-coachTicket:before {content: "a";background-image:url(../images/downloadTicket/CoachTicketGeneral.png);text-indent:-9999px;}
.hi-icon-coachTicket.active:before {content: "a";background-image:url(../images/downloadTicket/CoachTicketHover.png);text-indent:-9999px;}
.hi-icon-coachTicket:hover:before {background:url(../images/downloadTicket/CoachTicketHover.png);}



.hi-icon-carTicket:before {content: "a";background-image:url(../images/downloadTicket/CarTicketGeneral.png);text-indent:-9999px;}
.hi-icon-carTicket.active:before {content: "a";background-image:url(../images/downloadTicket/CarTicketHover.png);text-indent:-9999px;}
.hi-icon-carTicket:hover:before {background:url(../images/downloadTicket/CarTicketHover.png);}


.hi-icon-hotelReceipt:before {content: "a";background-image:url(../images/downloadTicket/HotelReceiptGeneral.png);text-indent:-9999px;}
.hi-icon-hotelReceipt.active:before {content: "a";background-image:url(../images/downloadTicket/HotelReceiptHover.png);text-indent:-9999px;}
.hi-icon-hotelReceipt:hover:before {background:url(../images/downloadTicket/HotelReceiptHover.png);}

.hi-icon-airIVMTicket:before {content: "a";background-image:url(../images/IVMTicket/AirIVMTicketGeneral.png);text-indent:-9999px;}
.hi-icon-airIVMTicket.active:before {content: "a";background-image:url(../images/IVMTicket/AirIVMTicketHover.png);text-indent:-9999px;}
.hi-icon-airIVMTicket:hover:before {background:url(../images/IVMTicket/AirIVMTicketHover.png);}

.hi-icon-hotelIVMReceipt:before {content: "a";background-image:url(../images/IVMTicket/HotelIVMReceiptGeneral.png);text-indent:-9999px;}
.hi-icon-hotelIVMReceipt.active:before {content: "a";background-image:url(../images/IVMTicket/HotelIVMReceiptHover.png);text-indent:-9999px;}
.hi-icon-hotelIVMReceipt:hover:before {background:url(../images/IVMTicket/HotelIVMReceiptHover.png);}
*/


/* Effect 1 */
.hi-icon-effect-1 .hi-icon {background: rgba(255,255,255,0.1);-webkit-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;transition: background 0.2s, color 0.2s;}
.hi-icon-effect-1 .hi-icon:after {top: -7px;left: -7px;	padding: 7px;box-shadow: 0 0 0 4px #fff;-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-webkit-transform: scale(.8);-moz-transition: -moz-transform 0.2s, opacity 0.2s;-moz-transform: scale(.8);-ms-transform: scale(.8);transition: transform 0.2s, opacity 0.2s;transform: scale(.8);opacity: 0;}
/* Effect 1a */
.hi-icon-effect-1a .hi-icon:hover {	background: rgba(255,255,255,1);color: #41ab6b;}
.hi-icon-effect-1a .hi-icon:hover:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
/* Effect 1b */
.hi-icon-effect-1b .hi-icon:hover {background: rgba(255,255,255,1);color: #41ab6b;}
.hi-icon-effect-1b .hi-icon:after {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.hi-icon-effect-1b .hi-icon:hover:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
/* Effect 2 */
.hi-icon-effect-2 .hi-icon {color: #eea303;box-shadow: 0 0 0 3px #fff;-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}
.hi-icon-effect-2 .hi-icon:after {top: -2px;left: -2px;padding: 2px;z-index: -1;background: #fff;-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-moz-transition: -moz-transform 0.2s, opacity 0.2s;transition: transform 0.2s, opacity 0.2s;}
/* Effect 2a */
.hi-icon-effect-2a .hi-icon:hover {color: #eea303;}
.hi-icon-effect-2a .hi-icon:hover:after {-webkit-transform: scale(0.85);-moz-transform: scale(0.85);-ms-transform: scale(0.85);transform: scale(0.85);}
/* Effect 2b */
.hi-icon-effect-2b .hi-icon:hover:after {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 0;-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;-moz-transition: -moz-transform 0.4s, opacity 0.2s;transition: transform 0.4s, opacity 0.2s;}
.hi-icon-effect-2b .hi-icon:hover {color: #fff;}
/* Effect 3 */
.hi-icon-effect-3 .hi-icon {box-shadow: 0 0 0 4px #fff;-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}
.hi-icon-effect-3 .hi-icon:after {top: -2px;left: -2px;padding: 2px;z-index: -1;background: #fff;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}
/* Effect 3a */
.hi-icon-effect-3a .hi-icon {color: #f06060;}
.hi-icon-effect-3a .hi-icon:hover {color: #fff;}
.hi-icon-effect-3a .hi-icon:hover:after {-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;}
/* Effect 3b */
.hi-icon-effect-3b .hi-icon {color: #fff;}
.hi-icon-effect-3b .hi-icon:hover {color: #f06060;}
.hi-icon-effect-3b .hi-icon:after {-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;}
.hi-icon-effect-3b .hi-icon:hover:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
/* Effect 4 */
.hi-icon-effect-4 .hi-icon {width: 92px;height: 92px;box-shadow: 0 0 0 4px rgba(255,255,255,1);}
.hi-icon-effect-4a .hi-icon {-webkit-transition: box-shadow 0.2s;-moz-transition: box-shadow 0.2s;transition: box-shadow 0.2s;}
.hi-icon-effect-4 .hi-icon:before {line-height: 92px;}
.hi-icon-effect-4 .hi-icon:after {top: -4px;left: -4px;padding: 0;z-index: 10;border: 4px dashed #fff;}
.hi-icon-effect-4 .hi-icon:hover {box-shadow: 0 0 0 0 rgba(255,255,255,0);color: #fff;}
/* Effect 4b */
.hi-icon-effect-4b .hi-icon:hover {-webkit-transition: box-shadow 0.2s;-moz-transition: box-shadow 0.2s;transition: box-shadow 0.2s;}
.hi-icon-effect-4b .hi-icon:hover:after {-webkit-animation: spinAround 9s linear infinite;-moz-animation: spinAround 9s linear infinite;animation: spinAround 9s linear infinite;}
@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

/* Effect 5 */
.hi-icon-effect-5 .hi-icon {box-shadow: 0 0 0 4px rgba(168,118,23,1);overflow: hidden;-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.hi-icon-effect-5 .active{background: rgba(255,255,255,1);color: rgb(30,87,153);box-shadow: 0 0 0 8px rgba(255,255,255,0.3);}
.hi-icon-effect-5 .hi-icon:after {display: none;}
.hi-icon-effect-5 .hi-icon:hover {background: rgba(255,255,255,1);color: rgb(30,87,153);box-shadow: 0 0 0 8px rgba(254,240,213,0.3);}
.hi-icon-effect-5a .hi-icon:hover:before {-webkit-animation: toRightFromLeft 0.3s forwards;-moz-animation: toRightFromLeft 0.3s forwards;animation: toRightFromLeft 0.3s forwards;}
@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
.hi-icon-effect-5b .hi-icon:hover:before {-webkit-animation: toLeftFromRight 0.3s forwards;-moz-animation: toLeftFromRight 0.3s forwards;animation: toLeftFromRight 0.3s forwards;}
@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

.hi-icon-effect-5c .hi-icon:hover:before {-webkit-animation: toTopFromBottom 0.3s forwards;-moz-animation: toTopFromBottom 0.3s forwards;animation: toTopFromBottom 0.3s forwards;}
@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
.hi-icon-effect-5d .hi-icon:hover:before {-webkit-animation: toBottomFromTop 0.3s forwards;-moz-animation: toBottomFromTop 0.3s forwards;animation: toBottomFromTop 0.3s forwards;}
@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
/* Effect 6 */
.hi-icon-effect-6 .hi-icon {box-shadow: 0 0 0 4px rgba(255,255,255,1);-webkit-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;transition: background 0.2s, color 0.2s;}
.hi-icon-effect-6 .hi-icon:hover {background: rgba(255,255,255,1);color: #64bb5d;}
.hi-icon-effect-6 .hi-icon:hover:before {-webkit-animation: spinAround 2s linear infinite;-moz-animation: spinAround 2s linear infinite;animation: spinAround 2s linear infinite;}
/* Effect 7 */
.hi-icon-effect-7 .hi-icon {box-shadow: 0 0 0 4px rgba(255,255,255,1);-webkit-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;transition: background 0.2s, color 0.2s;}
.hi-icon-effect-7 .hi-icon:hover {color: #fff;}
.hi-icon-effect-7 .hi-icon:after {top: -8px;left: -8px;padding: 8px;z-index: -1;opacity: 0;}
/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {box-shadow: 0 0 0 rgba(255,255,255,1);-webkit-transition: opacity 0.2s, box-shadow 0.2s;-moz-transition: opacity 0.2s, box-shadow 0.2s;	transition: opacity 0.2s, box-shadow 0.2s;}
.hi-icon-effect-7a .hi-icon:hover:after {opacity: 1;box-shadow: 3px 3px 0 rgba(255,255,255,1);}
.hi-icon-effect-7a .hi-icon:before {-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);opacity: 0.7;-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-moz-transition: -moz-transform 0.2s, opacity 0.2s;transition: transform 0.2s, opacity 0.2s;}
.hi-icon-effect-7a .hi-icon:hover:before {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after {box-shadow: 3px 3px rgba(255,255,255,1);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;-moz-transition: opacity 0.2s, -moz-transform 0.2s;transition: opacity 0.2s, transform 0.2s;}
.hi-icon-effect-7b .hi-icon:hover:after {opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.hi-icon-effect-7b .hi-icon:before {-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);opacity: 0.7;-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-moz-transition: -moz-transform 0.2s, opacity 0.2s;transition: transform 0.2s, opacity 0.2s;}
.hi-icon-effect-7b .hi-icon:hover:before {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
/* Effect 8 */
.hi-icon-effect-8 .hi-icon {background: rgba(255,255,255,0.1);-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;transition: transform ease-out 0.1s, background 0.2s;}
.hi-icon-effect-8 .hi-icon:after {top: 0;left: 0;padding: 0;z-index: -1;box-shadow: 0 0 0 2px rgba(255,255,255,0.1);opacity: 0;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
.hi-icon-effect-8 .hi-icon:hover {background: rgba(255,255,255,0.05);-webkit-transform: scale(0.93);-moz-transform: scale(0.93);-ms-transform: scale(0.93);	transform: scale(0.93);	color: #fff;}
.hi-icon-effect-8 .hi-icon:hover:after {-webkit-animation: sonarEffect 1.3s ease-out 75ms;-moz-animation: sonarEffect 1.3s ease-out 75ms;animation: sonarEffect 1.3s ease-out 75ms;}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}
/* Effect 9 */
.hi-icon-effect-9 .hi-icon {-webkit-transition: box-shadow 0.2s;-moz-transition: box-shadow 0.2s;transition: box-shadow 0.2s;}
.hi-icon-effect-9 .hi-icon:after {top: 0;left: 0;padding: 0;box-shadow: 0 0 0 3px #fff;-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-moz-transition: -moz-transform 0.2s, opacity 0.2s;	transition: transform 0.2s, opacity 0.2s;}
/* Effect 9a */
.hi-icon-effect-9a .hi-icon:hover:after {-webkit-transform: scale(0.85);-moz-transform: scale(0.85);-ms-transform: scale(0.85);transform: scale(0.85);opacity: 0.5;}
.hi-icon-effect-9a .hi-icon:hover {	box-shadow: 0 0 0 10px rgba(255,255,255,1);color: #fff;}
/* Effect 9b */
.hi-icon-effect-9b .hi-icon:hover:after {-webkit-transform: scale(0.85);-moz-transform: scale(0.85);-ms-transform: scale(0.85);transform: scale(0.85);}
.hi-icon-effect-9b .hi-icon:hover {box-shadow: 0 0 0 10px rgba(255,255,255,0.4);color: #fff;}