\\r\\n \\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/common/chart.component.html\n// module id = ./src/app/components/common/chart.component.html\n// module chunks = main","import { Component,Input,ViewChild } from '@angular/core';\r\nimport { DynamicFlow_Column,ChartCommonDataColors,ChartDataColors } from '@app/models/dashboard/dynamicDashboard';\r\nimport { BaseChartDirective } from 'ng2-charts/ng2-charts';\r\n\r\n\r\n@Component({\r\n selector: 'chart-control',\r\n templateUrl: './chart.component.html'\r\n})\r\nexport class DynamicChartComponent {\r\n \r\n\r\n constructor(){ \r\n }\r\n \r\n @ViewChild(\"baseChart\") chart: BaseChartDirective; \r\n @Input() dynamicFlow_Column: DynamicFlow_Column; \r\n \r\n ngAfterViewInit() { \r\n if (this.dynamicFlow_Column && this.chart) { \r\n this.reloadChart();\r\n }\r\n}\r\n\r\nreloadChart() {\r\n if (this.chart !== undefined && (!!this.dynamicFlow_Column)) {\r\n this.chart.ngOnDestroy(); \r\n this.chart.chartType = this.dynamicFlow_Column.Chart_Type;\r\n this.chart.datasets = this.dynamicFlow_Column.DataColumns_DataSet;\r\n this.chart.labels = this.dynamicFlow_Column.DataColumns_Heading;\r\n this.chart.options = this.dynamicFlow_Column.Chart_Options; \r\n if(this.chart.chartType != null && (!this.chart.chartType.toLowerCase().startsWith('line')))\r\n {\r\n let currentColorSet: Array\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/common/confirmation-popup/confirmation-popup.component.html\n// module id = ./src/app/components/common/confirmation-popup/confirmation-popup.component.html\n// module chunks = main","import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\r\n//const template: string = require('./myModal.html');\r\n\r\n@Component({\r\n selector: 'app-confirmation-popup',\r\n templateUrl: './confirmation-popup.component.html'\r\n})\r\nexport class ConfirmationPopupComponent implements OnInit {\r\n\r\n @Input('show-modal') showModal: boolean=false;\r\n @Input('title') title: string;\r\n @Input('sub-title') subTitle: string;\r\n @Input('cancel-label') cancelLabel: string;\r\n @Input('positive-label') positiveLabel: string;\r\n id: any;\r\n index: any;\r\n @Output('closed') closeEmitter: EventEmitter\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n Confirmation
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/common/help-desk/helpDesk.component.html\n// module id = ./src/app/components/common/help-desk/helpDesk.component.html\n// module chunks = main","import { Component } from \"@angular/core\";\r\nimport { TransactionHistoryService } from \"@app/services/transactionHistory/transactionHistory.service\";\r\nimport { ValueType } from \"@app/common/valuetype\";\r\nimport { TransactionFilterModel } from \"@app/models/customer-transaction-history/Transaction-Filter-model\";\r\nimport { HelpDeskModel, TicketCountModel } from \"@app/models/merchant-settlement-model/merchant-settlement-model\";\r\nimport { Router, ActivatedRoute } from \"@angular/router\";\r\n\r\n@Component({\r\n selector: 'HelpDesk',\r\n templateUrl: './helpDesk.component.html',\r\n})\r\nexport class HelpDeskComponent {\r\n EntityTypeId: string = \"0\";\r\n\r\n ngOnInit() {\r\n this.EntityTypeId = localStorage.getItem('EntityType');\r\n this.setDate();\r\n this.route.params.subscribe(params => {\r\n if (params['MerchantId']) {\r\n this.issuerFilter.MerchantCode = params['MerchantId'];\r\n //this.getIssuerDetails();\r\n }\r\n if (params['OutletId']) {\r\n this.issuerFilter.OutletId = params['OutletId'];\r\n //this.getIssuerDetails();\r\n }\r\n if (params['TerminalId']) {\r\n this.issuerFilter.TerminalId = params['TerminalId'];\r\n console.log(this.issuerFilter.TerminalId);\r\n }\r\n });\r\n this.getIssuerDetails();\r\n this.getIssuerType();\r\n this.getIssuerStatus();\r\n this.getTicketType();\r\n this.getTicketCount();\r\n }\r\n constructor(private transactionhistoryService: TransactionHistoryService, private router: Router,\r\n private route: ActivatedRoute) { }\r\n\r\n issuerType = new Array\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n Help Desk
\\r\\n\\r\\n \\r\\n Selected\\r\\n Terminal:{{issuerFilter.TerminalId}}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n Search Filter
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Merchant Code is required\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Ticket Details
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Ticket Id | \\r\\nOutlet Name | \\r\\nIssue Type | \\r\\n \\r\\nRaised On | \\r\\nRaised By | \\r\\nStatus | \\r\\nComments | \\r\\nAction | \\r\\n{{ objDetails.TicketId }} | \\r\\n{{ objDetails.OutletName }} | \\r\\n{{ objDetails.IssueTypeData }} | \\r\\n \\r\\n{{ objDetails.RaisedOnDate }} | \\r\\n{{ objDetails.RaisedBy }} | \\r\\n{{ objDetails.StatusData }} | \\r\\n{{ objDetails.Comments }} | \\r\\n\\r\\n \\r\\n \\r\\n | \\r\\n \\r\\n
|---|
\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/common/help-desk/issueDetails.component.html\n// module id = ./src/app/components/common/help-desk/issueDetails.component.html\n// module chunks = main","import { Component, ElementRef } from \"@angular/core\";\r\nimport { HelpDeskModel } from \"@app/models/merchant-settlement-model/merchant-settlement-model\";\r\nimport { TransactionHistoryService } from \"@app/services/transactionHistory/transactionHistory.service\";\r\nimport { ActivatedRoute, Router } from \"@angular/router\";\r\nimport { ValueType } from \"@app/common/valuetype\";\r\nimport { ApiResponse } from \"@app/models/OTPResult\";\r\nimport { ToastrService } from \"ngx-toastr\";\r\nimport { AppSettings } from \"@app/common/app-setting\";\r\n\r\n@Component({\r\n selector: 'issueDetails',\r\n templateUrl: './issueDetails.component.html',\r\n})\r\nexport class IssueDetailsComponent {\r\n issuerDetails = new HelpDeskModel();\r\n saveIssuerDetails = new HelpDeskModel();\r\n issuerGridDetails = new Array\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n Issue Details
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.TicketId}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.MerchantCode}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.TerminalCode}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.OutletName}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.Address}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.IssueTypeData}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.RaisedOnDate}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.RaisedBy}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.StatusData}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.CustomerName}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.OutletPhoneNo1}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.OutletMobileNo1}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.OutletLandlineNo1}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.OutletEmail1}}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{issuerDetails.IssueDescription}}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Previous Comments
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Raised On: \\r\\n {{ objDetails.RaisedOnDate }}\\r\\n
\\r\\n Raised By: {{ objDetails.RaisedBy }}\\r\\n
\\r\\n \\r\\n {{ objDetails.Comments }}
\\r\\n Uploaded File :{{objDetails.FileName}}\\r\\n
\\r\\n \\r\\n Uploaded File :{{objDetails.FileName}}\\r\\n
\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/common/help-desk/raiseTicket.component.html\n// module id = ./src/app/components/common/help-desk/raiseTicket.component.html\n// module chunks = main","import { Component, ViewChild, ElementRef, } from \"@angular/core\";\r\nimport { NgForm } from \"@angular/forms\";\r\nimport { ToastrService } from \"ngx-toastr\";\r\nimport { TicketManagementModel, IssueType } from \"@app/models/ticketManagement/TicketManagementModel\";\r\nimport { TransactionHistoryService } from \"@app/services/transactionHistory/transactionHistory.service\";\r\nimport { ActivatedRoute, Router } from \"@angular/router\";\r\nimport { CustomerService } from \"@app/services/customer-registration/customer.service\";\r\nimport { SearchMerchant } from \"@app/models/merchant/SearchMerchant\";\r\nimport { MerchantListingService } from \"@app/services/merchant/merchant-listing/merchant-listing.service\";\r\n\r\n@Component({\r\n selector: 'raiseTicket',\r\n templateUrl: './raiseTicket.component.html',\r\n})\r\nexport class RaiseTicketComponent {\r\n isDisabled:boolean=true;\r\n temp: boolean = true;\r\n ticketManagementModel = new TicketManagementModel();\r\n ticketManagementList = new Array\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n Merchant Raise Ticket
\\r\\n\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/common/help-desk/terminalDetail.component.html\n// module id = ./src/app/components/common/help-desk/terminalDetail.component.html\n// module chunks = main","import { Component, ViewChild, } from \"@angular/core\";\r\nimport { NgForm } from \"@angular/forms\";\r\nimport { ToastrService } from \"ngx-toastr\";\r\nimport { TicketManagementModel } from \"@app/models/ticketManagement/TicketManagementModel\";\r\nimport { TransactionHistoryService } from \"@app/services/transactionHistory/transactionHistory.service\";\r\nimport { Router, ActivatedRoute } from \"@angular/router\";\r\n\r\n@Component({\r\n selector: 'terminalDetail',\r\n templateUrl: './terminalDetail.component.html',\r\n})\r\nexport class TerminalDetailComponent {\r\n tempCount: number;\r\n SkipCount:number;\r\n pageNumber: number = 1;\r\n itemPerPage:number = 10\r\n OutletId:number;\r\n ticketManagementModel=new TicketManagementModel();\r\n ticketManagementList=new Array\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n TERMINAL DETAILS
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Outlet Code | \\r\\nTerminal Number | \\r\\nSerial No | \\r\\nLast Txn Date | \\r\\nLast Settlement Date | \\r\\n
|---|---|---|---|---|
| {{list.OutletCode}} | \\r\\n{{list.TerminalNumber}} | \\r\\n{{list.SerialNo}} | \\r\\n{{list.LastTxnDate}} | \\r\\n{{list.LastSettlementDate}} | \\r\\n
\\r\\n
\\r\\n \\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/common/help-desk/ticketManagement.component.html\n// module id = ./src/app/components/common/help-desk/ticketManagement.component.html\n// module chunks = main","import { Component, ViewChild, } from \"@angular/core\";\r\nimport { NgForm } from \"@angular/forms\";\r\nimport { ToastrService } from \"ngx-toastr\";\r\nimport { TicketManagementModel } from \"@app/models/ticketManagement/TicketManagementModel\";\r\nimport { TransactionHistoryService } from \"@app/services/transactionHistory/transactionHistory.service\";\r\nimport { Router } from \"@angular/router\";\r\nimport { TicketCountModel, HelpDeskModel } from \"@app/models/merchant-settlement-model/merchant-settlement-model\";\r\nimport { DynamicFlow_Column, ChartData } from \"@app/models/dashboard/dynamicDashboard\";\r\n@Component({\r\n selector: 'ticketManagement',\r\n templateUrl: './ticketManagement.component.html',\r\n})\r\nexport class TicketManagementComponent {\r\n helpdesk=new HelpDeskModel();\r\n ticketManagementModel = new TicketManagementModel();\r\n raiseTicketDataForNavigation = new TicketManagementModel();\r\n ticketManagementList = new Array\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n Ticket Management
\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Merchant Code | \\r\\nMerchant Name | \\r\\nOutlet Code | \\r\\nOutlet Name | \\r\\n \\r\\nTerminal Number | \\r\\nCommunication Address | \\r\\nStatus | \\r\\nCity | \\r\\nState | \\r\\nAction | \\r\\n
|---|---|---|---|---|---|---|---|---|---|
| {{list.Code}} | \\r\\n{{list.Name}} | \\r\\n{{list.Address}} | \\r\\n\\r\\n \\r\\n Open Ticket:{{ticketCount.OpenTicketCount}}\\r\\n In Progress:{{ticketCount.InProgressTicketCount}}\\r\\n \\r\\n Close Ticket:{{ticketCount.ClosedTicketCount}}\\r\\n \\r\\n \\r\\n | \\r\\n {{list.City}} | \\r\\n{{list.State}} | \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n | \\r\\n
\\r\\n
\\r\\n \"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/common/list.component.html\n// module id = ./src/app/components/common/list.component.html\n// module chunks = main","import { Component,Input,ViewChild } from '@angular/core';\r\nimport { ChartData } from '@app/models/dashboard/dynamicDashboard';\r\nimport { BaseChartDirective } from 'ng2-charts/ng2-charts';\r\n\r\n@Component({\r\n selector: 'list-control',\r\n templateUrl: './list.component.html'\r\n})\r\nexport class DynamicListComponent {\r\n \r\n\r\n constructor(){ \r\n \r\n }\r\n \r\n @ViewChild(\"baseChart\") chart: BaseChartDirective; \r\n @Input() DataListItem: Array\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n | {{header}}\\r\\n | \\r\\n \\r\\n
|---|
| {{eachRecord}} | \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/common/loader/loader.component.html\n// module id = ./src/app/components/common/loader/loader.component.html\n// module chunks = main","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport { Subscription } from 'rxjs/Subscription';\r\nimport { LoaderService } from '@app/services/shared/loader.service';\r\nimport { LoaderState } from '@app/models/common/loaderState';\r\nimport { Router } from '@angular/router';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { AppSettings } from'@app/common/app-setting'\r\n\r\n@Component({\r\n selector: 'angular-loader',\r\n templateUrl: 'loader.component.html',\r\n styleUrls: ['loader.component.css']\r\n})\r\nexport class LoaderComponent implements OnInit, OnDestroy {\r\n show = 0;\r\n private subscription: Subscription;\r\n\r\n public sessionIdleTimeInSecond: number = 1;\r\n private interval: Subscription;\r\n constructor(\r\n private router: Router,\r\n private loaderService: LoaderService,\r\n private toastr: ToastrService\r\n ) { }\r\n ngOnInit() {\r\n this.subscription = this.loaderService.loaderState\r\n .subscribe((state: LoaderState) => {\r\n this.show = state.show;\r\n //Reset idle time if request has been made\r\n if (this.show > 0) {\r\n this.sessionIdleTimeInSecond = 0;\r\n }\r\n });\r\n this.loaderService.checkUserSessionIdleTime().subscribe(num => {\r\n this.checkUserSessionIdleTime()\r\n });;\r\n\r\n }\r\n ngOnDestroy() {\r\n this.subscription.unsubscribe();\r\n }\r\n checkUserSessionIdleTime() {\r\n if (this.show > 0) {\r\n this.sessionIdleTimeInSecond = 0;\r\n }\r\n else {\r\n ++this.sessionIdleTimeInSecond;\r\n if (this.sessionIdleTimeInSecond == 5000) {\r\n this.toastr.warning(\"Your session will be expired in 1 minute.\");\r\n }\r\n if (this.sessionIdleTimeInSecond == 6000) { //if user is idle for 10 min then logout \r\n localStorage.clear();\r\n this.router.navigate([AppSettings.LoginPath]);\r\n }\r\n }\r\n\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/components/common/loader/loader.component.ts","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'pb-not-found',\r\n template: `Component Not Found 404
`\r\n})\r\nexport class NotFoundComponent {\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/components/common/not-found/not-found.component.ts","module.exports = \"| {{ map.header }} | \\r\\n
|---|
| \\r\\n {{ record[map.access(record)] | formatCell:map.format }}\\r\\n | \\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/customer-login/change-password.component.html\n// module id = ./src/app/components/customer-login/change-password.component.html\n// module chunks = main","import { Component, OnInit, ViewChild } from '@angular/core';\r\nimport { NgForm, FormControl, Validators } from '@angular/forms';\r\nimport { EqualValidator } from '@app/directives/equal-validator.directive';\r\nimport { OldPasswordValidatorDirective } from '@app/directives/oldpwd-equal-validator.directive';\r\nimport { ChangePasswordModel } from '@app/models/changepasswordmodel';\r\nimport { Router,ActivatedRoute } from '@angular/router';\r\nimport { ChangePassService } from '@app/services/authentication/change-pass.service';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { ApiResponse } from '@app/models/OTPResult';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'change-password',\r\n templateUrl: './change-password.component.html'\r\n \r\n})\r\nexport class ChangePasswordComponent implements OnInit {\r\n @ViewChild (NgForm) UserForm:NgForm;\r\n changePasswordInfo : ChangePasswordModel= new ChangePasswordModel();\r\n retypePassword : string; \r\n passwordChangeResult =new ApiResponse();\r\n constructor(private router : Router,\r\n private changePassService: ChangePassService,\r\n private toastyService: ToastrService)\r\n { }\r\n \r\n ngOnInit() \r\n { }\r\n\r\n changedPassword() {\r\n \r\n this.changePassService.putPasswordChange(this.changePasswordInfo)\r\n .subscribe(\r\n data => {\r\n const result = JSON.parse(JSON.stringify(data));\r\n if(this.passwordChangeResult != undefined && this.passwordChangeResult.Status != false)\r\n {\r\n this.toastyService.success(this.passwordChangeResult.SuccessMessage);\r\n }\r\n else\r\n {\r\n this.toastyService.error(this.passwordChangeResult.ErrorMessage);\r\n }\r\n });\r\n }\r\n\r\n ResetFields()\r\n {\r\n this.UserForm.resetForm();\r\n }\r\n\r\n Cancel()\r\n {\r\n this.router.navigate(['dashboard']);\r\n }\r\n }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/components/customer-login/change-password.component.ts","module.exports = \"
\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/customer-login/forgot-password/forgetpassword.component.html\n// module id = ./src/app/components/customer-login/forgot-password/forgetpassword.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { ForgotPasswordService } from '@app/services/authentication/forgotPassword.service';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { ApiResponse, resetPassword } from '@app/models/OTPResult';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-forget-password',\r\n templateUrl: './forgetpassword.component.html'\r\n})\r\nexport class ForgetPasswordComponent implements OnInit {\r\n\r\n otpResult = new ApiResponse();\r\n reset: resetPassword = new resetPassword();\r\n errorMessageMobileNumber: string = '';\r\n errorMessageNumericMobileNumber: string = '';\r\n errorMessageOTP: string = '';\r\n errorMessageNumericOTP: string = '';\r\n hideMobileNumber:boolean = true;\r\n ngOnInit() {\r\n this.otpResult.Status = false;\r\n }\r\n constructor(private forgotPasswordService: ForgotPasswordService, private toastr: ToastrService, private router: Router) { }\r\n\r\n getOTP(reset) {\r\n if (this.reset.mobileNumber != null && this.reset.mobileNumber != undefined && this.reset.mobileNumber != \"\") {\r\n this.forgotPasswordService.getOTP(reset).subscribe(data => {\r\n this.otpResult = JSON.parse(JSON.stringify(data));\r\n if (this.otpResult != undefined && this.otpResult.Status != false) {\r\n this.toastr.success(this.otpResult.SuccessMessage, 'OTP');\r\n this.errorMessageMobileNumber = \"\";\r\n this.hideMobileNumber = false;\r\n this.errorMessageNumericMobileNumber = \"\";\r\n //this.reset.mobileNumber='';\r\n }\r\n else {\r\n this.toastr.error(this.otpResult.ErrorMessage, 'OTP');\r\n this.errorMessageMobileNumber = \"\";\r\n this.errorMessageNumericMobileNumber = \"\";\r\n this.reset.mobileNumber='';\r\n }\r\n },\r\n error => {\r\n this.toastr.error(\"Server Error\");\r\n this.errorMessageMobileNumber = \"\";\r\n this.errorMessageNumericMobileNumber = \"\";\r\n });\r\n }\r\n else if (this.reset.mobileNumber == null || this.reset.mobileNumber == undefined || this.reset.mobileNumber == \"\") {\r\n this.errorMessageMobileNumber = \"Please enter valid mobile no\";\r\n this.errorMessageNumericMobileNumber = \"\";\r\n }\r\n }\r\n\r\n keyPressMobileNumber(event: any) {\r\n const pattern = /^\\S/;\r\n let inputChar = String.fromCharCode(event.charCode);\r\n if (!pattern.test(inputChar) && event.keyCode != 8 && event.keyCode != 13) {\r\n this.errorMessageNumericMobileNumber = \"Enter only numbers\";\r\n this.errorMessageMobileNumber = \"\";\r\n event.preventDefault();\r\n }\r\n else {\r\n this.errorMessageNumericMobileNumber = \"\";\r\n this.errorMessageMobileNumber = \"\";\r\n }\r\n }\r\n\r\n keyPressOTPNumber(event: any) {\r\n const pattern = /[0-9\\ ]/;\r\n let inputChar = String.fromCharCode(event.charCode);\r\n if (!pattern.test(inputChar) && event.keyCode != 8) {\r\n this.errorMessageNumericOTP = \"Only numbers are allowed\";\r\n this.errorMessageOTP = \"\";\r\n event.preventDefault();\r\n }\r\n else {\r\n this.errorMessageNumericOTP = \"\";\r\n this.errorMessageOTP = \"\";\r\n }\r\n }\r\n resetPassword(number: string, otp: string) {\r\n if (this.reset.otp != null && this.reset.otp != undefined && this.reset.otp != \"\") {\r\n this.forgotPasswordService.resetPassword(number, otp).subscribe(\r\n response => {\r\n this.otpResult = JSON.parse(JSON.stringify(response));\r\n if (this.otpResult != undefined && this.otpResult.Status != false) {\r\n this.toastr.success(this.otpResult.SuccessMessage, 'Reset Password');\r\n this.errorMessageNumericOTP = \"\";\r\n this.errorMessageOTP = \"\";\r\n localStorage.setItem('resetMobile', this.reset.mobileNumber);\r\n this.router.navigate(['/resetpassword']);\r\n }\r\n else if (this.otpResult.Status != true) {\r\n this.toastr.error(this.otpResult.ErrorMessage, 'Reset Password');\r\n this.hideMobileNumber = false;\r\n this.errorMessageNumericOTP = \"\";\r\n this.errorMessageOTP = \"\";\r\n this.reset.otp='';\r\n }\r\n },\r\n error => {\r\n this.toastr.error(\"Server Error\");\r\n this.errorMessageNumericOTP = \"\";\r\n this.errorMessageOTP = \"\";\r\n });\r\n }\r\n else if (this.reset.otp == null || this.reset.otp == undefined || this.reset.otp == \"\") {\r\n this.errorMessageOTP = \"Please enter valid OTP\";\r\n this.errorMessageNumericOTP = \"\";\r\n }\r\n }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/components/customer-login/forgot-password/forgetpassword.component.ts","module.exports = \"\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"User](\\\"assets/images/logo.png\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/customer-login/login.component.html\n// module id = ./src/app/components/customer-login/login.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthenticationService } from '@app/services/authentication/authentication.service';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { AutharizedEndPointService } from '@app/services/base-service/autharized-endpoint.service';\r\nimport {AppComponent} from '@app/app.component';\r\n@Component({\r\n selector: 'pn-login',\r\n templateUrl: './login.component.html'\r\n})\r\n\r\nexport class LoginComponent implements OnInit {\r\n\r\n userName: string;\r\n password: string;\r\n constructor(\r\n private router: Router,\r\n private toastr: ToastrService,\r\n private authenticationService: AuthenticationService, public myapp: AppComponent\r\n \r\n ) { }\r\n\r\n ngOnInit() { \r\n \r\n this.myapp.ChangeColourForAcquirer(true);\r\n }\r\n\r\n // login() {\r\n // this.authenticationService.login(this.userName, this.password)\r\n // .subscribe(\r\n // data => {\r\n // const tempdata = JSON.parse(JSON.stringify(data));\r\n // localStorage.setItem('currentUser', JSON.stringify(tempdata));\r\n // localStorage.setItem('ChangePasswordValidation', JSON.stringify(tempdata.ChangePassword));\r\n // const currentUser = AutharizedEndPointService.UserInfo;\r\n // localStorage.setItem('userName', this.userName);\r\n // localStorage.setItem('id', currentUser.EmailAddress);\r\n // localStorage.setItem('Category', currentUser.CategoryTypeId);\r\n // localStorage.setItem('SubCategory', currentUser.SubCategoryTypeId);\r\n // localStorage.setItem('EntityType', currentUser.EntityTypeId);\r\n // localStorage.setItem('EntityId', currentUser.EntityId);\r\n // this.toastr.success('You have successfully logged in', 'Login',\r\n // {\r\n // timeOut: 2000,\r\n // });\r\n // if (tempdata.EntityTypeId == 102)\r\n // this.router.navigate(['/app/merchant/dashboard']);\r\n // else\r\n // this.router.navigate(['/home']);\r\n\r\n // },\r\n // error => {\r\n // if (error.error.error === 'invalid_grant') {\r\n // this.toastr.warning(error.error.error_description, '');\r\n // } else {\r\n // this.toastr.error('There is some issue. Please try later.!', 'Login!');\r\n // }\r\n // });\r\n // }\r\n\r\n login() {\r\n this.authenticationService.login(this.userName, this.password)\r\n .subscribe(\r\n data => {\r\n debugger;\r\n const tempdata = JSON.parse(JSON.stringify(data));\r\n console.log(tempdata);\r\n if (tempdata.IsRedirect) {\r\n //window.location.href=\"http://localhost:2115/IGLPreLogin.aspx/Login\";\r\n var el = document.createElement('form');\r\n var htmlHead = document.createElement('meta');\r\n htmlHead.charset = \"utf-8\";\r\n el.setAttribute('method', 'post');\r\n el.setAttribute('action', tempdata.RedirectUrl);\r\n el.setAttribute('enctype', 'application/x-www-form-urlencoded;charset= utf-8');\r\n var user = document.createElement('input');\r\n user.value = this.userName;\r\n user.name = \"txtUserName\";\r\n var password = document.createElement('input');\r\n password.type = 'password';\r\n password.value = this.password;\r\n password.name = \"txtPassword\";\r\n var __EVENTTARGET = document.createElement('input');\r\n __EVENTTARGET.type = 'hidden';\r\n __EVENTTARGET.value = \"lnkSubmit\";\r\n \r\n __EVENTTARGET.name = \"__EVENTTARGET\"; \r\n el.appendChild(user)\r\n el.appendChild(password)\r\n el.appendChild(__EVENTTARGET)\r\n el.style.display = 'none';\r\n document.head.appendChild(htmlHead);\r\n document.body.appendChild(el);\r\n el.submit();\r\n }\r\n else {\r\n localStorage.setItem('currentUser', JSON.stringify(tempdata));\r\n localStorage.setItem('ChangePasswordValidation', JSON.stringify(tempdata.ChangePassword));\r\n const currentUser = AutharizedEndPointService.UserInfo;\r\n localStorage.setItem('userName', this.userName);\r\n localStorage.setItem('id', currentUser.EmailAddress);\r\n localStorage.setItem('Category', currentUser.CategoryTypeId);\r\n localStorage.setItem('SubCategory', currentUser.SubCategoryTypeId);\r\n localStorage.setItem('EntityType', currentUser.EntityTypeId);\r\n localStorage.setItem('EntityId', currentUser.EntityId);\r\n localStorage.setItem('AcquirerId', currentUser.AcquirerId);\r\n this.toastr.success('You have successfully logged in', 'Login',\r\n {\r\n timeOut: 2000,\r\n });\r\n \r\n this.router.navigate(['/merchant']);\r\n \r\n \r\n }\r\n },\r\n error => {\r\n if (error.error.error === 'invalid_grant') {\r\n this.toastr.warning(error.error.error_description, '');\r\n } else {\r\n this.toastr.error('There is some issue. Please try later.!', 'Login!');\r\n }\r\n });\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/app/components/customer-login/login.component.ts","module.exports = \"\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/customer-login/resetPassword.component.html\n// module id = ./src/app/components/customer-login/resetPassword.component.html\n// module chunks = main","import { Component } from \"@angular/core\";\r\nimport { resetPassword, ApiResponse } from \"@app/models/OTPResult\";\r\nimport { ChangePassService } from \"@app/services/authentication/change-pass.service\";\r\nimport { ToastrService } from \"ngx-toastr\";\r\nimport { Router } from \"@angular/router\";\r\n\r\n@Component({\r\n selector: 'app-resetPassword',\r\n templateUrl: './resetPassword.component.html'\r\n})\r\nexport class ResetPasswordComponent{\r\n reset: resetPassword = new resetPassword();\r\n errorMessageNewPassword: string = '';\r\n errorMessageConfirmPassword: string = '';\r\n apiModel = new ApiResponse();\r\n constructor(private changePassService: ChangePassService,private toastr: ToastrService,private router: Router){\r\n\r\n }\r\n ngOnInit() {\r\n }\r\n\r\n updatePassword() {\r\n let emailPattern = this.reset.NewPassword\r\n const pattern = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*#_])[A-Za-z\\d@$!%*#_]{8,16}$/;\r\n if (!pattern.test(emailPattern)) {\r\n this.errorMessageNewPassword = \"Enter valid password\";\r\n return;\r\n }\r\n if (this.reset.NewPassword == this.reset.ConfirmNewPassword) {\r\n var tempMob = localStorage.getItem('resetMobile');\r\n this.reset.mobileNumber = tempMob;\r\n this.changePassService.updatePassword(this.reset)\r\n .subscribe(\r\n data => {\r\n this.apiModel = JSON.parse(JSON.stringify(data));\r\n if (this.apiModel.Status != false) {\r\n this.toastr.success(this.apiModel.SuccessMessage, 'Reset Password');\r\n this.router.navigate(['/login']);\r\n }\r\n else {\r\n this.toastr.error(this.apiModel.ErrorMessage, 'Reset Password');\r\n this.errorMessageNewPassword = '';\r\n }\r\n });\r\n }\r\n }\r\n\r\n clearValidation() {\r\n if (this.reset.NewPassword == this.reset.ConfirmNewPassword) {\r\n this.errorMessageConfirmPassword = '';\r\n }\r\n else {\r\n this.errorMessageConfirmPassword = 'Password does not match';\r\n }\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/app/components/customer-login/resetPassword.component.ts","module.exports = \"\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n FAQs
\\r\\nIGL Smart Card - Fleet NFC Card
\\r\\n\\r\\n\\r\\nWhat is “IGL SMART CARD FLEET” Program?
\\r\\n\\r\\n IGL Smart Card Fleet Program is a complete Fleet Management Solution. IGL Smart Card is the\\r\\n ideal choice for large and small fleet operators, who need complete control over their\\r\\n fleet. IGL Smart Card Program is a NFC based prepaid fleet card program.\\r\\n
\\r\\n
\\r\\n\\r\\nWho can enroll?
\\r\\n\\r\\n \\r\\n The membership of IGL Smart Card Fleet Program is extended to fleet owners, Cluster\\r\\n operators, fleet operators, Government, institutions, corporates as well as\\r\\n individuals. Anyone who owns commercial vehicles like trucks, buses, Goods Vehicles,\\r\\n LCVs, cars, taxis, jeeps, vans, etc. can enroll for this fleet program.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nHow to enroll?
\\r\\n\\r\\n Following is the process to become an IGL SMART CARD FLEET Member -\\r\\n
\\r\\n\\r\\n 1.\\r\\n \\r\\n Fleet customer will visit to www.iglsmartcard.com\\r\\n and Click on Registration button in the Fleet registration section.\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n 2.\\r\\n \\r\\n Once details are filled, A registration form with registration number will be generated\\r\\n and sent to registered Mobile number of the Fleet Operator.\\r\\n \\r\\n
\\r\\n\\r\\n 3.\\r\\n \\r\\n Visit IGL Corporate Office and provide registration form along with copies of\\r\\n supporting documents (Registration Certificates & Signed and Stamp Form)\\r\\n \\r\\n
\\r\\n\\r\\n 4.\\r\\n \\r\\n IGL will verify the details mentioned on portal with supporting documents and assign\\r\\n card numbers against the fleet owner’s vehicles.\\r\\n \\r\\n
\\r\\n\\r\\n 5.\\r\\n \\r\\n A Demand Draft needs to be deposit Favoring “Indraprastha Gas Limited” for issuance of\\r\\n fleet card. The cost of one card is Rs 118 (including GST).\\r\\n \\r\\n
\\r\\n\\r\\n 6.\\r\\n \\r\\n Email/ SMS will go for all portal registrations.\\r\\n \\r\\n
\\r\\n\\r\\n 7.\\r\\n \\r\\n Once registered, Customer can login to portal and change PIN for all new cards.\\r\\n \\r\\n
\\r\\n\\r\\n 8.\\r\\n \\r\\n Customer can also add new card request on portal.\\r\\n \\r\\n
\\r\\n\\r\\n 9.\\r\\n \\r\\n Once customer will visit IGL HO for Add-on cards, then IGL team can map the card\\r\\n numbers to new card request on payment of Card Fees.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nDo I have to own all the vehicles in my fleet?
\\r\\n\\r\\n \\r\\n No, you only require to control all the vehicles in your fleet. Ownership is not\\r\\n necessary. For example - if you have 10 vehicles in your fleet wherein seven are owned\\r\\n by you and three are hired but controlled by you, then you are eligible for the\\r\\n membership.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWhat happens when one of the vehicles I enroll is no longer controlled by me?
\\r\\n\\r\\n \\r\\n You can simply hotlist the fleet card assigned to that vehicle on portal.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWill I get a refund if I discontinue a vehicle or my membership?
\\r\\n\\r\\n \\r\\n No, the card cost is non - refundable if you discontinue membership, However, the\\r\\n loaded amount will be transferred back to your pool account.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nCan I add vehicles mid-way?
\\r\\n\\r\\n \\r\\n Yes, you can add vehicles by logging into your account. The card number will only be\\r\\n enabled once customer will visit IGL HO for Add-on cards, then IGL team will map the\\r\\n card numbers to new card request against payment of Card Fees.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWhat are the minimum number of vehicles I must own to be eligible for IGL Smart Fleet Card?
\\r\\n\\r\\n \\r\\n You must control a minimum of 2 vehicles to enroll for IGL Smart Card Fleet program.\\r\\n For any number less than 2, you can enroll into the IGL Smart Card Retail program.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nCan an individual become an IGL Smart Card Fleet member?
\\r\\n\\r\\n \\r\\n Only business entities and fleet owners can become a member of IGL Smart Card Fleet\\r\\n program. An individual with one vehicle can enroll for membership into the IGL Smart\\r\\n Card Retail Program.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nFor how long is my membership valid?
\\r\\n\\r\\n \\r\\n This is a lifetime membership. Enjoy!\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nHow can I discontinue my IGL Smart Card Fleet membership?
\\r\\n\\r\\n \\r\\n To discontinue your IGL Smart Card Fleet membership, please login to your account and\\r\\n raise a discontinuation request. Afterwards, Helpdesk will confirm reasons for\\r\\n discontinuation and will forward request to IGL for Processing. Contact IGL\\r\\n representative for refund of your loading amount after 7 working Days.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWhat MIS reports will I get?
\\r\\n\\r\\n \\r\\n Fleet owners can login to the portal and see various reports for their transactions. A\\r\\n dashboard is also enabled to see graphical representations.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWill I get any Transaction Alerts?
\\r\\n\\r\\n \\r\\n Yes, an email will be sent to your registered email id for every transaction. You need\\r\\n to register for SMS based transaction alerts on your login account.\\r\\n \\r\\n
\\r\\n
IGL Smart Card - Retail NFC Card
\\r\\n\\r\\n\\r\\nWhat is “IGL SMART CARD RETAIL Program?
\\r\\n\\r\\n \\r\\n IGL Smart Card - Retail is a NFC enabled smart card given to the member for each\\r\\n vehicle enrolled in the program. It carries an electronic purse which can be recharged\\r\\n and used for payments for purchase of CNG at the IGL CNG pumps.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nHow many cards will I get?
\\r\\n\\r\\n \\r\\n You will be given one smart card (called retail card) per vehicle enrolled. The Smart\\r\\n card comes with a PIN feature for secured transactions. The card can be used by\\r\\n yourself/ employee/ driver for purchase of CNG.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nHow to enroll?
\\r\\n\\r\\n Following is the process to become an IGL SMART CARD RETAIL Member -\\r\\n
\\r\\n\\r\\n 1.\\r\\n \\r\\n Retail customer will visit to \\r\\n www.iglsmartcard.com and Click on Registration button in the Retail\\r\\n registration section.\\r\\n \\r\\n
\\r\\n\\r\\n 2.\\r\\n \\r\\n Once details are filled, registration number will be generated and sent to registered\\r\\n Mobile of Retail customer.\\r\\n \\r\\n
\\r\\n\\r\\n 3.\\r\\n \\r\\n The Card activation fee needs to be deposit at IGL outlet for issuance of retail card.\\r\\n The cost of one card is Rs 50 (including GST).\\r\\n \\r\\n
\\r\\n\\r\\n 4.\\r\\n \\r\\n Once registered, Customer can login to portal and change PIN for all new cards.\\r\\n \\r\\n
\\r\\n\\r\\n 5.\\r\\n \\r\\n Customer can also add new card request on portal, Max number of cards for retail member\\r\\n - 5.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWhat should I do if I lose the card?
\\r\\n\\r\\n \\r\\n In case you lose your card or you are not able to locate the card, immediately call the\\r\\n helpline number 0120-4738005 to hotlist the card. The call centre will arrange for\\r\\n permanent/ temporary hotlisting of card immediately. You can also see the card blocked\\r\\n status on website through your login.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWhat is hotlisting of a card?
\\r\\n\\r\\n \\r\\n Hot listing the card means blocking the card for any future transactions. Once a card\\r\\n is hotlisted, no transactions can be done using that card. Hotlisting is of two types:\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n- Temporary hotlisting: Card is hotlisted but can be reactivated later. This\\r\\n option can be used if you wish to bar your card from carrying out transactions\\r\\n for a limited period or if the card is misplaced and there is a possibility of\\r\\n finding it out. This card can be reactivated through portal or Helpdesk.
\\r\\n- Permanent hotlisting: Card is permanently hotlisted and cannot be reactivated.\\r\\n If you wish to use the card again then you'll have to apply for a new card.\\r\\n This option should be used in case the card is stolen or lost.
\\r\\n
\\r\\n\\r\\nUnder what circumstances can a card be hotlisted?
\\r\\n\\r\\n \\r\\n The card can be hotlisted, if -\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n- The card has been lost, stolen, robbed or misplaced.
\\r\\n- The card membership have been cancelled for some reason.
\\r\\n
\\r\\n\\r\\nHow do I recharge my Retail/ Smart Card account?
\\r\\n\\r\\n All Digital payments method supports to recharge the Retail/ Smart Card Account:\\r\\n NEFT/ RTGS/ IMPS Mode of Payment\\r\\n
\\r\\n\\r\\n Net Banking\\r\\n
\\r\\n\\r\\n Credit/ Debit Card\\r\\n
\\r\\n\\r\\n E - Wallets\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\nIs there any Loading limit on a card?
\\r\\n\\r\\n \\r\\n Yes, you cannot load more than Rs 5000 on your card at any given point of time.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWhat are the security features in my IGL Smart Card - Retail card?
\\r\\n\\r\\n \\r\\n Each IGL Smart Card comes with a PIN, Only by entering of the correct PIN the smart\\r\\n card can be operated. If anyone enters the wrong PIN 3 times in succession, the card\\r\\n gets blocked. The card can be unblocked either by logging a request on the helpline\\r\\n number or you can also unblock your user card by logging into your web account.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWhat is a PIN?
\\r\\n\\r\\n \\r\\n PIN is a Personal Identification Number used for authentication of the card holder. PIN\\r\\n is keyed in at the time of transactions for security.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWhat should I do, If I think that an unauthorized person has found my PIN?
\\r\\n\\r\\n \\r\\n You should change your card PIN immediately through Web Login or Call Helpdesk to reset\\r\\n your PIN.\\r\\n \\r\\n
\\r\\n
EDC Terminal Transactions
\\r\\n\\r\\n\\r\\nWhat is an EDC terminal?
\\r\\n\\r\\n \\r\\n The EDC terminal is a card reading machine and a Point of Sale(POS) machine provided at\\r\\n IGL CNG pumps. The EDC terminal is used to carry out various transactions using the\\r\\n cards.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWhat transactions can be done on the EDC terminal at a retail outlet?
\\r\\nFollowing transactions can be done at a CNG outlet:
\\r\\n\\r\\n \\r\\n Purchase of CNG\\r\\n \\r\\n
\\r\\n\\r\\n Voiding an incorrect transaction\\r\\n
\\r\\n\\r\\n Loading of Card \\r\\n
\\r\\n
\\r\\n\\r\\nI purchased fuel for Rs. 500/- but by mistake the delivery boy made a swipe of Rs. 5000/-,\\r\\n What should I do?
\\r\\n\\r\\n \\r\\n The transaction can be voided at the EDC terminal after which the money will be\\r\\n credited back to your card. After voiding the erroneous transaction, a new transaction\\r\\n can be carried out.\\r\\n \\r\\n
\\r\\n
Web Transactions
\\r\\n\\r\\n\\r\\nWhy do I need a web account?
\\r\\n\\r\\n \\r\\n All the details of transactions carried out by your IGL Smart Card are captured by\\r\\n system and updated on the portal. You can access these details any time of the day from\\r\\n the confines of your office or on the move using your web login. This will help you to\\r\\n monitor and control the movements and transactions by each of your vehicles 24x7 from\\r\\n anywhere.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nHow do I login into my web account?
\\r\\n\\r\\n \\r\\n Please use your web access login and password to login into your web account.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWhat information can I get from my web account?
\\r\\n\\r\\n \\r\\n Your web account carries details of all reload, purchase and all other transactions\\r\\n carried out by all your cards. It also has details of the CCMS Recharges, individual\\r\\n user card balances, user card spend limits, CCMS balance and other ready to use reports\\r\\n and statements.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nHow do I view the limit set on individual cards?
\\r\\n\\r\\n \\r\\n Go to the my account section and Select the individual card to view limits assigned to\\r\\n the card.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\nWhat is customer profile?
\\r\\n\\r\\n \\r\\n All the details like customer name, contact details, type of vehicles owned/attached,\\r\\n etc. provided by you in the application are entered into our back end and constitute\\r\\n the customer profile.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\nMy address/ contact details have changed. What should I do?
\\r\\n\\r\\n \\r\\n You can place request on Help desk or Login to Portal for changing the details in your\\r\\n customer profile.\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n IGL Outlet Details
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n | Merchant Name | \\r\\nAddress | \\r\\nPinCode | \\r\\nLocation | \\r\\nMobile Number | \\r\\n\\r\\n
|---|---|---|---|---|
| {{Data.MerchantName}} | \\r\\n{{Data.Address}} | \\r\\n{{Data.PinCode}} | \\r\\n{{Data.Location}} | \\r\\n{{Data.MobileNumber}} | \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![](\\\"assets/images/prelogin_img/retail.png\\\")
\\r\\n
\\r\\n \\r\\n RETAIL CUSTOMER
\\r\\n\\r\\n Retail card is for individual owner of Cars, Autos, Taxis, Goods Vehicles etc.\\r\\n
The User can have access to Live Dashboards, Reports & Transaction etc. from there login ID.\\r\\n Retail IGL Smart Card can be used to pay IGL PNG Bills as well.\\r\\n
\\r\\n
\\r\\n \\r\\n ![](\\\"assets/images/prelogin_img/fleet.png\\\")
\\r\\n
\\r\\n \\r\\n FLEET CUSTOMER
\\r\\n\\r\\n Anyone who owns commercial vehicles like Trucks, Buses, Goods Vehicles, LCVs, Cars, Taxis, Jeeps,\\r\\n Vans, etc. can enroll for\\r\\n the this fleet programme. The cards will be loaded through Central Pool Account of Fleet owner. The\\r\\n Operator\\r\\n can access Live Dashboards, Reports & Transaction etc.\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n ![](\\\"assets/images/prelogin_img/cluster.png\\\")
\\r\\n
\\r\\n \\r\\n CLUSTER CUSTOMER
\\r\\n\\r\\n Cluster Program is a complete management solution for Cluster bus Operators operating under Delhi\\r\\n Integrated Multi Modal Transit System (DIMTS). IGLSmartCard is an ideal choice for complete control\\r\\n for your fleet. The Card will be loaded through central pool account and have loads of benefits.\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n IGL Smart Card Program
\\r\\nA smart way to refuel CNG at IGL CNG outlets with the IGL Smart Card, A prepaid card, that enables\\r\\n you\\r\\n to\\r\\n precisely allocate a desired amount of money from your budget for your CNG needs.\\r\\n
\\r\\nPurchase fuel through cashless transaction from the largest CNG fuel retail network in Delhi NCT.\\r\\n Exercise complete\\r\\n control of your fleet and cash through IGL Fleet Card.
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n Features
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n Instant Issuance
\\r\\n- \\r\\n
- Over the counter card issuance \\r\\n
- No lengthy process of enrollment \\r\\n
- (Mobile Number Based) \\r\\n
\\r\\n \\r\\n
\\r\\n Multiple Load Methods
\\r\\n- \\r\\n
- NEFT/ RTGS/ IMPS \\r\\n
- Credit/ Debit Cards \\r\\n
- Net Banking \\r\\n
- E-Wallets & More \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Ease Of Transaction
\\r\\n- \\r\\n
- Tap & Go NFC Card \\r\\n
- Receipt for every transaction \\r\\n
- Better Fleet Management\\r\\n
(Cashless Handling) \\r\\n
\\r\\n \\r\\n
\\r\\n Secure & Fast
\\r\\n- \\r\\n
- PIN Based Txns \\r\\n
- Card Limits (Daily, Monthly) \\r\\n
- Transaction SMS/Emails \\r\\n
- Alerts/ Notifications \\r\\n
- 24X7 Helpdesk \\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n Benefits of IGL Smart Card
\\r\\n- \\r\\n
- Cash less transactions. \\r\\n
- MIS at the click of a button. \\r\\n
- SMS alerts on transactions. \\r\\n
- Can be used only in\\r\\n IGL Outlets\\r\\n \\r\\n \\r\\n
- No need to carry any cash for fueling. \\r\\n
- Access card balance information online. \\r\\n
- No threat of theft with PIN based security. \\r\\n
- Online service to block/unblock card option. \\r\\n
- Retail Outlet Locator to locate IGL CNG Stations. \\r\\n
- Monitor all transactions anytime with the online MIS. \\r\\n
- Card based CCMS limits as well as Card based transaction limits. \\r\\n
- Electronic Funds Transfer Account can be recharged by various cashless modes including\\r\\n RTGS/NEFT/IMPS.\\r\\n \\r\\n
- Proficiently manage your working capital by allocating funds to each card from your central pool of\\r\\n funds\\r\\n (CCMS account). \\r\\n
- UNMATCHED SECURITY PIN based security is employed with separate PIN for each of the user cards and\\r\\n Control\\r\\n PIN for Control card transactions. \\r\\n
- On the spends through your cards, You can keep a check on the spends on each of your cards with\\r\\n multiple\\r\\n spend limits that you can determine and change. \\r\\n
\\r\\n
\\r\\n How to Use
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Register & Activate Cards
\\r\\n- \\r\\n
- Customer visits www.iglsmartcard.com \\r\\n
- Fills registration form (3 Step) \\r\\n
- Gets Registration Code on Mobile/ Email \\r\\n
- Provides Registration Code at Outlet \\r\\n
- Makes Payment (any Mode) \\r\\n
- Gets Welcome Kit with Active Cards \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Load Money & Set Limit
\\r\\n- \\r\\n
- Load Money On Portal And Outlet Using: \\r\\n\\r\\n
- NEFT/RTGS/IMPS \\r\\n
- Credit/ Debit Card \\r\\n
- Net Banking \\r\\n
- E-Wallets & More \\r\\n \\r\\n
- Manage Cards Limit, Fund Allocation \\r\\n
- Manage Card Operations (Temp Hotlist/ Active, Pin Change, Map vehicle, etc.) \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Make Purchase at Station
\\r\\n- \\r\\n
- Customer Visit Outlet \\r\\n
- Fill CNG in Vehicle \\r\\n
- TAP Card on Terminal for payment \\r\\n
- DSM Enters amount \\r\\n
- Authenticate with PIN \\r\\n
- Receipt print with Balance \\r\\n
- SMS/ Email sent to customer \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n support@iglsmartcard.com
\\r\\n\\r\\n 0120-4738005
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n IGL Bhawan, Plot No 4, Community Center,\\r\\n R. K. Puram, Sector 9, RK Puram, New Delhi, Delhi 110022
\\r\\n\\r\\n +91-11-46074607
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/customer-pre-login/pre-login-default.component.html\n// module id = ./src/app/components/customer-pre-login/pre-login-default.component.html\n// module chunks = main","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport { Subscription } from 'rxjs/Subscription';\r\nimport { LoaderService } from '@app/services/shared/loader.service';\r\nimport { LoaderState } from '@app/models/common/loaderState';\r\nimport { Customer } from '@app/models/customer-registration/CustomerModel';\r\nimport { ApiResponse } from '@app/models/OTPResult';\r\nimport { ToastrService } from '../../../../node_modules/ngx-toastr';\r\nimport { CustomerService } from '@app/services/customer-registration/customer.service';\r\nimport { LocationInfoDetail } from '@app/models/ProfileDetailsModel';\r\nimport { AppSettings } from '@app/common/app-setting';\r\nimport { ProfileDetailsService } from '@app/services/customerProfile/profile-details.service';\r\nimport { Country, CustomerSubTypes, ValueTypeGroupEnum } from '@app/common/app-enum';\r\nimport { NgForm } from '../../../../node_modules/@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { AuthenticationService } from '@app/services/authentication/authentication.service';\r\nimport { AutharizedEndPointService } from '@app/services/base-service/autharized-endpoint.service';\r\nimport * as jsPDF from 'jspdf';\r\nimport { VehicleDetailsService } from '@app/services/vehicleDetails/vehicledetails.service';\r\nimport { ValueTypeService } from '@app/services/valueType/valuetype.service';\r\nimport { ValueType } from '@app/common/valuetype';\r\nimport { VehicleDetailModel } from '@app/models/VehicleDetailModel';\r\n\r\n@Component({\r\n selector: 'customer-prelogin-default',\r\n templateUrl: 'pre-login-default.component.html',\r\n styleUrls: ['pre-login.component.scss']\r\n})\r\nexport class CustomerPreloginDefaultComponent implements OnInit {\r\n\r\n countNumberOfVehicles: number = 0;\r\n vehicleList = new Array\\r\\n
\\r\\n\\r\\n ![](\\\"../../../assets/images/Ig_logo.png\\\")
\\r\\n
\\r\\n \\r\\n IGL Smart Card Program
\\r\\n\\r\\n
\\r\\n REGISTRATION\\r\\n FORM - {{fleetClusterTitle}}
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n Personal\\r\\n Information\\r\\n
\\r\\n\\r\\n \\r\\n {{registrationNumber}}\\r\\n
\\r\\n Registration Code
\\r\\n\\r\\n {{customerinfo.ContactDetails.ContactPersonFirstName}}\\r\\n {{customerinfo.ContactDetails.ContactPersonLastName}}\\r\\n
\\r\\n Name
\\r\\n\\r\\n {{registrationDate|date: 'dd/MM/yyyy'}}\\r\\n
\\r\\n Registration Date
\\r\\n\\r\\n {{customerinfo.FirstName}}\\r\\n
\\r\\n Company Name
\\r\\n\\r\\n {{customerinfo.PanNumber}}\\r\\n
\\r\\n Pan
\\r\\n\\r\\n {{customerinfo.TINNo}}\\r\\n
\\r\\n Tan/Service Tax/Gst
\\r\\n\\r\\n \\r\\n Address\\r\\n
\\r\\n\\r\\n \\r\\n {{customerinfo.Address.Address1}}\\r\\n
\\r\\n Address
\\r\\n\\r\\n India\\r\\n
\\r\\n Country
\\r\\n\\r\\n {{stateName}}\\r\\n
\\r\\n State
\\r\\n\\r\\n {{cityName}}\\r\\n
\\r\\n City
\\r\\n\\r\\n {{customerinfo.Address.Location}}\\r\\n
\\r\\n Location
\\r\\n\\r\\n {{customerinfo.Address.PinCode}}\\r\\n
\\r\\n Pin Code
\\r\\n\\r\\n \\r\\n Contact\\r\\n Details\\r\\n
\\r\\n \\r\\n {{customerinfo.ContactDetails.ContactPersonFirstName}}\\r\\n
\\r\\n First Name
\\r\\n\\r\\n {{customerinfo.ContactDetails.ContactPersonLastName}}\\r\\n
\\r\\n Last Name
\\r\\n\\r\\n {{customerinfo.PrimaryEmailAddress}}\\r\\n
\\r\\n Email Id
\\r\\n\\r\\n {{customerinfo.ContactDetails.MobileNumber}}\\r\\n
\\r\\n Mobile No
\\r\\n\\r\\n {{customerinfo.ContactDetails.PhoneNumber}}\\r\\n
\\r\\n Landline No
\\r\\n\\r\\n \\r\\n Payment Details\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Card Type | \\r\\nNo. of Card | \\r\\nCard Fees | \\r\\nTax | \\r\\nTotal | \\r\\n
|---|---|---|---|---|
| {{fleetClusterTitle}} Generic Card | \\r\\n{{customerinfo.NoOfCards}} | \\r\\n{{cardFee}} | \\r\\n18% | \\r\\n{{cardPrice}} | \\r\\n
Please bring DD in\\r\\n favour of Indraprastha Gas Limited at the time\\r\\n of visiting IGL\\r\\n head office at IGL Bhawan, Plot No 4, Community Center, R. K. Puram, Sector 9,\\r\\n RK Puram, New Delhi, Delhi 110022
\\r\\n\\r\\n \\r\\n Document\\r\\n Details\\r\\n
\\r\\n Please bring below documents ( Self attested ) for KYC .\\r\\n For any\\r\\n query or information, please contact at 91-11-26171860
\\r\\n- \\r\\n
- Vehicle Registration Certificate ( RC ) of all\\r\\n vehicles \\r\\n
- PAN Card \\r\\n
- Sales Tax/ VAT/ GST Certificate \\r\\n
Note :In Case of\\r\\n School Please provide Society Registration\\r\\n Certificate.
\\r\\n\\r\\n \\r\\n Terms\\r\\n & Conditions\\r\\n
\\r\\n IGL\\r\\n Smart Card- {{fleetClusterTitle}}
\\r\\n\\r\\n\\r\\n Definitions:
\\r\\n- \\r\\n
- “IGL Smart Card” is a program designed as a Fleet\\r\\n & Retail management tool\\r\\n and targeted to CNG vehicle fleets and individual owner in Delhi & NCR by Indraprastha Gas\\r\\n Limited,\\r\\n hereinafter called as “IGL”. \\r\\n
- “IGL RO” means selected IGL retail outlets (CNG\\r\\n pumps) at which the IGL Smart Card will be accepted. \\r\\n
- “Member” means a member of the IGL Smart Card\\r\\n {{fleetClusterTitle}} Program on approval, which is, any business entity controlling a\\r\\n {{fleetClusterTitle}} of vehicles. \\r\\n
- “Card” refers to the IGL Smart Card -\\r\\n {{fleetClusterTitle}} \\r\\n
- “Vehicle” refers to any CNG consuming unit. \\r\\n
- “Data” means personal information provided in the\\r\\n application form \\r\\n
Membership & Enrollment for IGL Smart Card -\\r\\n {{fleetClusterTitle}}.
\\r\\n- \\r\\n
- Any business entity or individual with\\r\\n {{fleetClusterTitle}} size of minimum 2 vehicles can enroll into the IGL Smart Card -\\r\\n {{fleetClusterTitle}} Program. \\r\\n
- Any individual designated by the member for using\\r\\n the IGL Smart\\r\\n {{fleetClusterTitle}}\\r\\n Card must be above 18 years of age. \\r\\n
- {{fleetClusterTitle}} can comprise all types of\\r\\n vehicles. \\r\\n
- Applicants can only apply for the pre-paid\\r\\n facility on the card. \\r\\n
- Incomplete and unsigned applications are liable to\\r\\n be rejected. \\r\\n
- IGL reserves the right to grant or refuse\\r\\n membership to IGL Smart Card - {{fleetClusterTitle}} Program. \\r\\n
- Each business entity will be given only one card\\r\\n per vehicle. \\r\\n
- Cards will be delivered to the Applicants\\r\\n authorized representative only after receiving the card cost and verifying the complete\\r\\n application form. \\r\\n
- The member should take adequate precautions to\\r\\n protect the cards and prevent damage.\\r\\n \\r\\n
- For the card be lost, a fresh application can be\\r\\n made for a new one on payment. The latest charges would be available on request and can be\\r\\n viewed at the website of the Program. \\r\\n
- All cards will be provided with a PIN feature to\\r\\n be activated on first usage. \\r\\n
- Any liability arising due to card loss, misuse, or\\r\\n out of sharing of PIN consciously or otherwise, would render the member liable for all\\r\\n losses. \\r\\n
- The loss of the card should be intimated to\\r\\n HelpDesk immediately, and IGL shall arrange to hotlist the card. However, IGL will not be\\r\\n liable for any misuse whatsoever during the interim period \\r\\n
- Any change of information as provided in the IGL\\r\\n Smart Card - {{fleetClusterTitle}}\\r\\n Application Form must be notified to IGL Smart Card - {{fleetClusterTitle}} Service Centre.\\r\\n \\r\\n
- The IGL Smart Card - {{fleetClusterTitle}} Program\\r\\n has no predetermined termination date and may continue until such time as IGL decides to\\r\\n terminate the Program, at any time, with or without notice. \\r\\n
- The card cost is non-refundable. \\r\\n
- All communication will be sent to the address\\r\\n given in the IGL Smart card - {{fleetClusterTitle}} Application Form and it is the\\r\\n responsibility of the member to inform IGL Smart card Service Centre about any changes in\\r\\n the address. \\r\\n
- All communication will be deemed to have been\\r\\n received by the member and IGL bears no responsibility for communication not received or\\r\\n lost in the mail or courier. \\r\\n
- The Member permits IGL to use the ‘Data’ for\\r\\n marketing activities. However, IGL would ensure confidentiality. \\r\\n
- All telephone instructions received and verified\\r\\n shall be deemed proper and IGL shall not be liable for executing these instructions in good\\r\\n faith. All such telephone instructions will be treated as having been written and signed.\\r\\n \\r\\n
Loading & Payment - {{fleetClusterTitle}}
\\r\\n- \\r\\n
- The card will have the electronic equivalent of\\r\\n cash loaded on the NFC card which will be referred to as e-cash. The amount to be loaded\\r\\n through many options. The details are available at www.iglsmartcard.com \\r\\n \\r\\n
- The e-cash is a payment towards future purchase.\\r\\n \\r\\n
General - {{fleetClusterTitle}}
\\r\\n- \\r\\n
- IGL reserves the right to discontinue IGL Smart\\r\\n Card - {{fleetClusterTitle}} membership to any member who appears to be using the program\\r\\n in a manner inconsistent with the Terms and Conditions or intent of the Program or any\\r\\n portion of the Program. IGL also reserves the right to discontinue membership for any\\r\\n member who acts in a manner inconsistent with local or state laws, statutes or ordinances.\\r\\n \\r\\n
- All interpretations of Program rules shall be at\\r\\n the sole discretion of IGL. \\r\\n
- IGL reserves the right to add, modify, delete or\\r\\n otherwise change any of the rules, conditions, benefits, pertaining to the Program at its\\r\\n sole discretion, with or without notice.\\r\\n \\r\\n
- The Program and any benefit, offering or the like\\r\\n relating to the Program, shall not be construed as to constitute a contract or otherwise\\r\\n establish a contractual relationship between IGL and any IGL Smart Card -\\r\\n {{fleetClusterTitle}} Member. \\r\\n
- Nothing in IGL Smart Card - {{fleetClusterTitle}}\\r\\n Program rules is intended or shall be construed to create or establish any agency,\\r\\n partnership or joint venture relationship between IGL and the members and partners. \\r\\n
- Terms and conditions of IGL Smart Card\\r\\n {{fleetClusterTitle}} Program are governed by the laws of the Republic of India and will be\\r\\n restricted to the Delhi jurisdiction under the Delhi High Court. \\r\\n
- If you contact us by telephone we may record or\\r\\n monitor calls in order to avoid possible misunderstandings and help maintain customer\\r\\n service. \\r\\n
- For SMS & Internet Terms & Conditions please visit\\r\\n to www.iglsmartcard.com \\r\\n
- Any change of information must be notified on our\\r\\n Helpline No. 0120-4738005 and email us at support@iglsmartcard.com \\r\\n
- The Terms and Conditions are subject to change\\r\\n without any prior notice. \\r\\n
- The Terms and Conditions of the Prepaid Cards will\\r\\n be Part and Parcel of the Agreements signed earlier and vice versa with M/s IndusInd Bank.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n ![](\\\"assets/images/prelogin_img/logo.png\\\")
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n IGL Smart Card Program\\r\\n
\\r\\n \\r\\n LOGIN\\r\\n \\r\\n \\r\\n REGISTER\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/customer-pre-login/pre-login-header/pre-login-header.component.html\n// module id = ./src/app/components/customer-pre-login/pre-login-header/pre-login-header.component.html\n// module chunks = main","import { Component, Output, EventEmitter } from \"@angular/core\";\r\nimport { AutharizedEndPointService } from \"@app/services/base-service/autharized-endpoint.service\";\r\nimport { AuthenticationService } from \"@app/services/authentication/authentication.service\";\r\nimport { Router } from \"@angular/router\";\r\nimport { ToastrService } from \"ngx-toastr\";\r\nimport { NgForm } from \"@angular/forms\";\r\nimport { ForgotPasswordService } from \"@app/services/authentication/forgotPassword.service\";\r\nimport { resetPassword, ApiResponse } from \"@app/models/OTPResult\";\r\nimport { ChangePassService } from \"@app/services/authentication/change-pass.service\";\r\nimport { HttpClient } from \"@angular/common/http\";\r\n\r\n@Component({\r\n selector: 'prelogin-header',\r\n templateUrl: './pre-login-header.component.html',\r\n styleUrls: ['./pre-login_header.scss']\r\n})\r\nexport class PreLoginHeaderComponent {\r\n @Output() onPreLoginMenuOptionClick: EventEmitter\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/customer-pre-login/pre-login.component.html\n// module id = ./src/app/components/customer-pre-login/pre-login.component.html\n// module chunks = main","module.exports = \"\\n@import url(\\\"https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Poppins:300,400,500,600,700|Roboto:300,400,700\\\");\\n/*======================================================================================================\\r\\n\\r\\n PRE-LOGIN\\r\\n\\r\\n======================================================================================================*/\\n/*======================================================================================================\\r\\n\\r\\n BORDER RADIUS SHORT MIXIN\\r\\n\\r\\n======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n BORDER RADIUS FULL MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n BOX SHADOW MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n TRANSITION MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n DISPLAY FLEX MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX FLEX MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX FLEX DIRECTION MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX FLEX WRAP MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX FLEX FLOW MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX ORDER MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX FLEX GROW MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX FLEX SHRINK MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX FLEX BASIS MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX JUSTIFY CONTENT MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX ALIGN CONTENT MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX ALIGN ITEMS MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n FLEXBOX ALIGN ITEMS MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n ANIMATION NAME MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n ANIMATION DURATION MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n ANIMATION FILL MODE MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n/*======================================================================================================\\r\\n \\r\\n TRANSLATE 3D MIXIN\\r\\n \\r\\n ======================================================================================================*/\\n.no-padding {\\n padding: 0; }\\n.prelogin_wrapper {\\n font-family: 'Roboto', sans-serif; }\\n.faq_tc_section {\\n width: 100%;\\n overflow: hidden;\\n background: #F5F5F5;\\n margin-top: 90px; }\\n.faq_tc_section--inner {\\n background-color: #ffffff;\\n padding: 10px 4%; }\\n.faq_tc_section--inner .page_title {\\n color: #ec3237;\\n font-size: 18px;\\n text-align: center;\\n margin: 0 0 10px 0;\\n padding: 10px 0;\\n border-bottom: dashed 1px;\\n border-top: dashed 1px; }\\n.faq_tc_section--inner .sub_title {\\n color: #000;\\n background: #4ca747;\\n font-size: 18px;\\n font-weight: 400;\\n margin: 10px 0;\\n padding: 5px; }\\n.faq_tc_section--inner .tc_heading {\\n font-weight: 500;\\n color: #000;\\n font-size: 16px;\\n margin: 5px 0 0 0; }\\n.faq_tc_section--inner ul {\\n padding: 0; }\\n.faq_tc_section--inner ul li {\\n font-size: 14px;\\n color: #6a6a6a; }\\n.faq_tc_section--inner ul li a {\\n color: #ec3237; }\\n.faq_tc_section .faq_wrap blockquote {\\n padding: 5px 20px;\\n margin: 0 0 20px;\\n font-size: 16px;\\n border-left: 5px solid #F5F5F5; }\\n.faq_tc_section .faq_wrap blockquote p {\\n font-size: 12px;\\n color: #C8C8C8; }\\n.faq_tc_section .faq_wrap blockquote p cite {\\n font-style: normal; }\\n.faq_tc_section .faq_wrap blockquote h4 {\\n color: #000;\\n font-size: 14px;\\n font-weight: 500;\\n margin: 5px 0;\\n font-family: roboto; }\\n.faq_tc_section .faq_wrap blockquote p {\\n display: block;\\n font-size: 14px;\\n color: #6a6a6a; }\\n.faq_tc_section .faq_wrap blockquote p a {\\n color: #ec3237; }\\n.congrat_txt {\\n color: #FFD525; }\\n.congrat_txt label {\\n color: #FFD525;\\n padding: 0; }\\n.guid_line {\\n padding: 5px 10px;\\n margin: 0 15px 20px;\\n font-size: 14px;\\n border-left: 5px solid #FFD525; }\\n.guid_line p {\\n font-weight: 600;\\n margin-bottom: 5px; }\\n.guid_line ul {\\n list-style-type: disc; }\\n.cardNo {\\n color: #FFD525;\\n margin: 10px 0;\\n font-size: 16px;\\n font-weight: 500;\\n font-family: roboto; }\\n.cardNo label {\\n color: #FFD525;\\n padding: 0; }\\n.text_theme {\\n color: #4ca747; }\\n.ques_ans {\\n font-style: italic;\\n font-size: 12px; }\\n.ques_ans h5 {\\n margin: 0;\\n padding: 0; }\\n.ques_ans p {\\n margin: 0;\\n padding: 0; }\\n/*======================================================================================================\\r\\n\\r\\n BUTTONS\\r\\n\\r\\n======================================================================================================*/\\n.pre-register_btn {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n background-color: #40943c;\\n color: #ffffff;\\n border: 1px solid #ffffff;\\n margin: 0 0 15px 0;\\n padding: 6px 15px;\\n font-family: sans-serif;\\n text-decoration: none; }\\n.pre-register_btn:hover {\\n color: #ffffff;\\n text-decoration: none; }\\n.pre-register_btn:focus {\\n color: #ffffff;\\n text-decoration: none; }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .btn_label {\\n display: none; } }\\n.btn__otp {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -webkit-box-pack: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n border-radius: 2px;\\n border: solid 1px transparent;\\n background-color: #ec3237;\\n color: #ffffff;\\n font-size: 14px;\\n width: 7em;\\n height: 36px; }\\n.btn__otp:hover {\\n color: #ffffff; }\\n.btn__otp:focus {\\n color: #ffffff; }\\n.btn__next {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 0;\\n background-color: #ec3237;\\n border: 1px solid #ffffff;\\n color: #ffffff;\\n text-align: center;\\n width: 7em;\\n height: 36px;\\n border-radius: 1px; }\\n.btn__next:hover {\\n color: #ffffff;\\n text-decoration: none; }\\n.btn__back {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 0;\\n background-color: #ec3237;\\n border: 1px solid #ffffff;\\n color: #ffffff;\\n text-align: center;\\n width: 7em;\\n height: 36px; }\\n.btn__back:hover {\\n color: #ffffff;\\n text-decoration: none; }\\n.btn__dropdown {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -webkit-box-pack: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n background-color: #ec3237;\\n color: #ffffff;\\n border: 0;\\n font-size: 1.4rem;\\n font-weight: 500; }\\n.btn__dropdown .caret {\\n margin-left: 5px; }\\n.btn__dropdown.focus {\\n color: #ffffff; }\\n.btn__dropdown:focus {\\n color: #ffffff; }\\n.btn__dropdown:hover {\\n color: #ffffff; }\\n/*======================================================================================================\\r\\n\\r\\n MODAL POPUP\\r\\n\\r\\n======================================================================================================*/\\n.modal-dialog .modal-content {\\n border-radius: 4px;\\n -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);\\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);\\n width: 100%;\\n border: 0; }\\n.modal-dialog .modal-content .modal-header {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-border-top-left-radius: 4px;\\n -webkit-border-top-right-radius: 4px;\\n -webkit-border-bottom-right-radius: 0;\\n -webkit-border-bottom-left-radius: 0;\\n -moz-border-top-left-radius: 4px;\\n -moz-border-top-right-radius: 4px;\\n -moz-border-bottom-right-radius: 0;\\n -moz-border-bottom-left-radius: 0;\\n border-top-left-radius: 4px;\\n border-top-right-radius: 4px;\\n border-bottom-right-radius: 0;\\n border-bottom-left-radius: 0;\\n border-bottom-color: #E8E8E8;\\n background-color: #ec3237;\\n color: #ffffff; }\\n.modal-dialog .modal-content .modal-header .modal-title {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1; }\\n.modal-dialog .modal-content .modal-header .close {\\n font-size: 20px;\\n line-height: 1;\\n color: #ffffff;\\n text-shadow: 0 1px 0 #d62d32;\\n opacity: 0.5; }\\n.modal-dialog .modal-content .modal-header .close:hover, .modal-dialog .modal-content .modal-header .close:focus {\\n color: #ffffff;\\n opacity: 1; }\\n.modal-dialog .modal-footer {\\n padding: 5px;\\n border-top-color: #F5F5F5;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-pack: end;\\n -ms-flex-pack: end;\\n justify-content: flex-end; }\\n.modal-dialog .modal-footer .btn + .btn {\\n margin-left: 15px; }\\n.fileUpload input.upload {\\n position: absolute;\\n top: 0;\\n right: 0;\\n margin: 0;\\n padding: 0;\\n font-size: 20px;\\n cursor: pointer;\\n opacity: 0;\\n filter: alpha(opacity=0); }\\n.popup__wrapper {\\n position: fixed;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n z-index: -1030;\\n background-color: transparent; }\\n.popup__wrapper .popup__content {\\n border-radius: 4px;\\n background-color: #ffffff;\\n -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);\\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n -webkit-transform: translateX(-50%) translateY(-120%);\\n transform: translateX(-50%) translateY(-120%);\\n -webkit-transition: all 0.5s;\\n transition: all 0.5s;\\n visibility: hidden;\\n opacity: 0; }\\n.popup__wrapper .popup__content--header {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -webkit-box-pack: justify;\\n justify-content: space-between;\\n -ms-flex-pack: space-between;\\n -webkit-border-top-left-radius: 4px;\\n -webkit-border-top-right-radius: 4px;\\n -webkit-border-bottom-right-radius: 0;\\n -webkit-border-bottom-left-radius: 0;\\n -moz-border-top-left-radius: 4px;\\n -moz-border-top-right-radius: 4px;\\n -moz-border-bottom-right-radius: 0;\\n -moz-border-bottom-left-radius: 0;\\n border-top-left-radius: 4px;\\n border-top-right-radius: 4px;\\n border-bottom-right-radius: 0;\\n border-bottom-left-radius: 0;\\n border-bottom-color: #E8E8E8;\\n background-color: #ec3237;\\n color: #ffffff;\\n padding: 0 15px;\\n height: 50px; }\\n.popup__wrapper .popup__content--header .popup-heading {\\n color: #ffffff;\\n font-size: 18px;\\n margin: 0; }\\n.popup__wrapper .popup__content--header .popup__close {\\n fill: #ffffff;\\n width: 15px;\\n height: 15px;\\n cursor: pointer; }\\n.popup__wrapper .popup__content--body {\\n padding: 15px;\\n max-height: 400px;\\n overflow-y: auto; }\\n.popup__wrapper .popup__content--footer {\\n border-top: 1px solid #E8E8E8;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-pack: end;\\n -ms-flex-pack: end;\\n justify-content: flex-end;\\n padding: 15px; }\\n.popup__wrapper .popup__content--footer .btn + .btn {\\n margin-left: 15px; }\\n.popup__wrapper.popup__visible {\\n z-index: 1030;\\n background-color: rgba(0, 0, 0, 0.5); }\\n.popup__wrapper.popup__visible .popup__content {\\n -webkit-transform: translateX(-50%) translateY(-50%);\\n transform: translateX(-50%) translateY(-50%);\\n -webkit-transition: all 0.5s;\\n transition: all 0.5s;\\n visibility: visible;\\n opacity: 1; }\\n/*======================================================================================================\\r\\n\\r\\n HOME PAGE\\r\\n\\r\\n======================================================================================================*/\\n/*****FEATURE SECTION*****/\\n.feature {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n min-height: 450px; }\\n.feature .feature_section {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -webkit-box-pack: justify;\\n justify-content: space-between;\\n -ms-flex-pack: space-between;\\n margin-top: 25px; }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .feature .feature_section {\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column;\\n margin-top: 157px; } }\\n@media (min-width: 768px) and (max-width: 991px) {\\n .feature .feature_section {\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column;\\n margin-top: -75px; } }\\n.feature .feature_section--inner {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -webkit-box-pack: justify;\\n justify-content: space-between;\\n -ms-flex-pack: space-between;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 2px;\\n -webkit-box-shadow: 0px 2px 5px #E8E8E8;\\n box-shadow: 0px 2px 5px #E8E8E8;\\n -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\\n width: 31%; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .feature .feature_section--inner {\\n width: 100%;\\n margin-bottom: 25px; } }\\n.feature .feature_section--inner .card_bg {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -webkit-box-pack: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 20px 10px;\\n width: 100%; }\\n.feature .feature_section--inner .card_bg--img {\\n width: 180px; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .feature .feature_section--inner .card_bg--img {\\n left: auto; } }\\n.feature .feature_section--inner .feature_title {\\n font-size: 18px;\\n font-weight: 500;\\n color: #ffffff;\\n margin: 10px 0 0 0; }\\n.feature .feature_section--inner .feature_text {\\n color: #ffffff;\\n padding: 10px 12px;\\n margin: 0 20px !important;\\n min-height: 140px !important;\\n text-align: justify;\\n font-size: 16px;\\n width: 100%; }\\n.feature .feature_section--inner:last-child {\\n margin-bottom: 0; }\\n.feature .feature_section .primary_bg {\\n background-color: #ec3237; }\\n.feature .feature_section .secondary_bg {\\n background-color: #f1c71c; }\\n.feature .feature_section .tertiary_bg {\\n background-color: #4ca747; }\\n/*****CARD PROGRAM*****/\\n.cardprogram_section {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n background-color: #ec3237;\\n color: #ffffff;\\n margin: 50px 0;\\n min-height: 450px; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .cardprogram_section {\\n margin: 25px 0;\\n min-height: auto; } }\\n.cardprogram_section .cardprogram_section_wrap {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -webkit-box-pack: justify;\\n justify-content: space-between;\\n -ms-flex-pack: space-between;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 20px 0; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .cardprogram_section .cardprogram_section_wrap {\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column; } }\\n.cardprogram_section .cardprogram_section_wrap--txt {\\n width: 50%;\\n text-align: justify; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .cardprogram_section .cardprogram_section_wrap--txt {\\n width: 100%;\\n text-align: center; } }\\n.cardprogram_section .cardprogram_section_wrap--txt p {\\n font-size: 22px; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .cardprogram_section .cardprogram_section_wrap--txt p {\\n font-size: 16px; } }\\n.cardprogram_section .cardprogram_section_wrap--txt .card_title {\\n color: #ffffff;\\n font-size: 24px;\\n font-weight: 500;\\n margin: 0;\\n padding-bottom: 10px; }\\n.cardprogram_section .cardprogram_section_wrap--icon {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: space-around;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n width: 50%; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .cardprogram_section .cardprogram_section_wrap--icon {\\n width: 100%; } }\\n.cardprogram_section .cardprogram_section_wrap--icon .icon_section {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n margin: 5px 0; }\\n@media (min-width: 320px) and (max-width: 420px) {\\n .cardprogram_section .cardprogram_section_wrap--icon .icon_section {\\n font-size: 10px; } }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .cardprogram_section .cardprogram_section_wrap--icon .icon_section {\\n width: 140px;\\n text-align: center; } }\\n.cardprogram_section .cardprogram_section_wrap--icon .icon_section--bg {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -webkit-box-pack: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n background-color: #4ca747;\\n border: solid 2px #ffffff;\\n -webkit-box-shadow: 0 2px 5px #000;\\n box-shadow: 0 2px 5px #000;\\n border-radius: 50%;\\n height: 120px;\\n width: 120px;\\n margin-bottom: 5px; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .cardprogram_section .cardprogram_section_wrap--icon .icon_section--bg {\\n height: 100px;\\n width: 100px; } }\\n/*****PAYMENT METHODS*****/\\n.payment_section {\\n background-attachment: fixed;\\n background-size: cover;\\n background-position: center;\\n margin-bottom: 50px; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .payment_section {\\n margin-bottom: 25px; } }\\n.payment_section .payment_section_wrap {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -webkit-box-pack: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column;\\n background-color: #58b454;\\n padding: 20px 0;\\n min-height: 450px; }\\n.payment_section .payment_section_wrap--detail {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -webkit-box-pack: justify;\\n justify-content: space-between;\\n -ms-flex-pack: space-between; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .payment_section .payment_section_wrap--detail {\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -webkit-box-pack: center;\\n justify-content: center;\\n -ms-flex-pack: center; } }\\n.payment_section .payment_section_wrap--detail .payment_type {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .payment_section .payment_section_wrap--detail .payment_type {\\n margin-bottom: 10px;\\n width: 250px; }\\n .payment_section .payment_section_wrap--detail .payment_type:last-child {\\n margin-bottom: 0; } }\\n.payment_section .payment_section_wrap--detail .payment_type--icon {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -webkit-box-pack: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 50%;\\n height: 120px;\\n width: 120px;\\n padding: 15px;\\n background-color: #ec3237;\\n border: solid 2px #ffffff;\\n -webkit-box-shadow: 0 2px 5px #000;\\n box-shadow: 0 2px 5px #000; }\\n.payment_section .payment_section_wrap--detail .payment_type h2 {\\n font-size: 18px;\\n margin: 10px 0 5px 0; }\\n.payment_section .payment_section_wrap--detail .payment_type ul {\\n text-align: center; }\\n.payment_section .payment_section_wrap--detail .payment_type ul li {\\n font-size: 16px; }\\n/*****BENEFITS *****/\\n.benefit_section {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n background-attachment: fixed;\\n background-color: #f1c71c;\\n background-size: cover;\\n min-height: 450px; }\\n.benefit_section--wrap {\\n padding: 20px 0; }\\n.benefit_section--wrap .benefit_head {\\n color: #000;\\n margin: 0 0 5px 0;\\n font-size: 20px; }\\n.benefit_section--wrap ul {\\n list-style: disc; }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .benefit_section--wrap ul {\\n padding: 0 15px; } }\\n.benefit_section--wrap ul li {\\n color: #000;\\n font-size: 16px;\\n margin: 5px 0; }\\n.benefit_section--wrap ul li a {\\n color: #ec3237; }\\n/*****CARD USE *****/\\n.using_section {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -webkit-box-pack: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n margin: 50px 0;\\n min-height: 450px; }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .using_section {\\n margin: 25px 0; } }\\n.using_section--wrap {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -webkit-box-pack: justify;\\n justify-content: space-between;\\n -ms-flex-pack: space-between;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap; }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .using_section--wrap {\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column; } }\\n.using_section--wrap .using_box {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n width: 32%;\\n -webkit-box-shadow: 0 2px 5px #E8E8E8;\\n box-shadow: 0 2px 5px #E8E8E8; }\\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\\n .using_section--wrap .using_box {\\n height: 360px; } }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .using_section--wrap .using_box {\\n width: 100%;\\n margin-bottom: 20px; }\\n .using_section--wrap .using_box:last-child {\\n margin-bottom: 0; } }\\n.using_section--wrap .using_box--icon {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -webkit-box-pack: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-shadow: 0 1px 2px #E8E8E8;\\n box-shadow: 0 1px 2px #E8E8E8;\\n width: 100%;\\n padding: 15px; }\\n.using_section--wrap .using_box--register {\\n background-color: #ec3237; }\\n.using_section--wrap .using_box--load_rupee {\\n background-color: #4ca747; }\\n.using_section--wrap .using_box--petrol_pump {\\n background-color: #FFD525; }\\n.using_section--wrap .using_box--txt {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 15px 15px 15px;\\n width: 100%; }\\n.using_section--wrap .using_box--txt h2 {\\n font-size: 20px;\\n text-align: center;\\n margin: 10px 0; }\\n.using_section--wrap .using_box--txt ul {\\n text-align: center;\\n list-style: none;\\n width: 100%; }\\n.using_section--wrap .using_box--txt ul li {\\n font-size: 14px;\\n color: #000; }\\n/*****CONTACT*****/\\n.contact_section {\\n background-color: #4ca747; }\\n.contact_section--wrap {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -webkit-box-pack: justify;\\n justify-content: space-between;\\n -ms-flex-pack: space-between;\\n padding: 20px 0; }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .contact_section--wrap {\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column; } }\\n.contact_section--wrap .contact_box {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-right: dashed 1px #000;\\n width: 32%;\\n padding-right: 20px; }\\n.contact_section--wrap .contact_box p {\\n color: #000;\\n font-size: 14px;\\n text-align: center; }\\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\\n .contact_section--wrap .contact_box p {\\n width: 100%; } }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .contact_section--wrap .contact_box {\\n width: 100%;\\n border-right: 0;\\n border-bottom: dashed 1px #000;\\n padding: 10px 0; }\\n .contact_section--wrap .contact_box:first-child {\\n padding-top: 0; } }\\n.contact_section--wrap .contact_box:first-child {\\n border-left: dashed 1px #000; }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .contact_section--wrap .contact_box:first-child {\\n border-left: 0; } }\\n/*======================================================================================================\\r\\n\\r\\n REGISTER PAGE\\r\\n\\r\\n======================================================================================================*/\\n.register_section.in .modal-dialog {\\n -webkit-transform: translate(0, -50%);\\n transform: translate(0, -50%);\\n left: 0;\\n top: 50%; }\\n/***REGISTER***/\\n.register_section--wrap {\\n font-family: roboto; }\\n.register_section--wrap .header_register {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center; }\\n.register_section--wrap .header_register--title {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n color: #000; }\\n.register_section--wrap .header_register--title .title_icon {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -webkit-box-pack: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n border-radius: 50%;\\n background-color: #FFD525;\\n border: solid 1px #ffffff;\\n width: 50px;\\n height: 50px; }\\n.register_section--wrap .header_register--title .title_txt {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n background-color: #FFD525;\\n border: solid 1px #ffffff;\\n border-left: 0;\\n font-size: 16px;\\n padding: 5px 5px;\\n margin-left: -8px;\\n margin-right: 15px; }\\n.register_section--wrap .progressbar {\\n counter-reset: step;\\n padding-top: 4px; }\\n.register_section--wrap .progressbar span {\\n color: #4ca747; }\\n.register_section--wrap .progressbar ul {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex; }\\n.register_section--wrap .progressbar ul li {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n flex-direction: column;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n list-style-type: none;\\n position: relative;\\n text-align: center; }\\n.register_section--wrap .progressbar ul li.active_progress {\\n color: #000; }\\n.register_section--wrap .progressbar ul li.active_progress:before {\\n border-color: #4ca747;\\n background-color: #4ca747; }\\n.register_section--wrap .progressbar ul li.active_progress + li:after {\\n background-color: #4ca747; }\\n.register_section--wrap .progressbar ul li:first-child:after {\\n content: none; }\\n.register_section--wrap .progressbar ul li:before {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -webkit-box-pack: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n border-radius: 50%;\\n content: counter(step);\\n counter-increment: step;\\n width: 50px;\\n height: 50px;\\n border: 1px solid #FFD525;\\n margin: 0 auto 10px auto;\\n background-color: #FFD525;\\n z-index: 9999;\\n position: relative; }\\n.register_section--wrap .progressbar ul li:after {\\n content: '';\\n position: absolute;\\n width: 100%;\\n height: 10px;\\n background-color: #FFD525;\\n top: 21px;\\n left: -50%; }\\n.register_section--wrap .instruction {\\n color: #000;\\n text-align: center;\\n margin-top: 10px; }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .register_section--wrap .instruction {\\n margin: 0; } }\\n.register_section--wrap .instruction span {\\n color: #4ca747; }\\n.register_section--wrap .form_heading {\\n font-size: 14px;\\n font-weight: 500;\\n color: #000;\\n padding-left: 15px; }\\n.register_section--wrap .resendOTP {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n -moz-justify-content: flex-end;\\n -ms-justify-content: flex-end;\\n -webkit-box-pack: end;\\n justify-content: flex-end;\\n -ms-flex-pack: flex-end;\\n color: #FFD525;\\n text-decoration: none;\\n cursor: pointer; }\\n.register_section--wrap .form_wrap {\\n background-color: rgba(255, 255, 255, 0.8);\\n overflow: hidden; }\\n.register_section--wrap .form_wrap--inner {\\n margin: 10px auto;\\n overflow: hidden; }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .register_section--wrap .form_wrap--inner {\\n max-height: 144px;\\n overflow: auto; } }\\n.register_section--wrap .form_wrap--inner label {\\n color: #000;\\n font-weight: normal;\\n padding-left: 0;\\n font-size: 13px; }\\n.register_section--wrap .form_wrap--inner input,\\n .register_section--wrap .form_wrap--inner select {\\n height: 34px; }\\n.register_section--wrap .profileFleet .form-group label {\\n color: #000;\\n font-weight: normal;\\n padding-left: 0; }\\n.text_color {\\n color: #4ca747; }\\n.card_title {\\n font-weight: 500;\\n margin: 0; }\\n.successCardMsg {\\n font-size: 12px;\\n margin: 0; }\\n.generic_card {\\n margin-top: 3px; }\\n.generic_card .card_wrap_gen {\\n border-radius: 5px;\\n border: solid 1px #C8C8C8;\\n padding: 10px 0; }\\n.generic_card .card_wrap_gen .card_title {\\n padding: 0 10px 10px 10px;\\n border-bottom: solid 1px #C8C8C8; }\\n.generic_card .card_wrap_gen .card_text {\\n margin: 0;\\n padding: 0 10px;\\n color: #000; }\\n/*.modal.in .modal-body {\\r\\n transform: translate(0,50%);\\r\\n}\\r\\n\\r\\n.modal.fade .modal-body {\\r\\n transition: transform .3s ease-out\\r\\n}*/\\n.modal-backdrop {\\n z-index: -1; }\\n.modal-backdrop.in {\\n z-index: 1040; }\\n.title_icon_img {\\n display: inline-block;\\n background: #73d5aa;\\n padding: 10px;\\n border: 1px solid transparent;\\n border-radius: 50%; }\\n.pre_section_heading {\\n border-bottom: dashed 1px #000;\\n color: #000;\\n padding-bottom: 5px;\\n margin: 0 0 20px 0;\\n font-size: 22px; }\\n@media (min-width: 320px) and (max-width: 767px) {\\n .pre_section_heading {\\n text-align: center; } }\\n.pre_section_heading-white {\\n border-bottom: dashed 1px #000;\\n color: #000;\\n padding-bottom: 5px;\\n margin: 0 0 20px 0;\\n font-size: 22px; }\\n/*======================================================================================================\\r\\n\\r\\n ICONS\\r\\n\\r\\n======================================================================================================*/\\n.icon_card {\\n height: 170px;\\n width: 110px;\\n fill: #ffffff; }\\n@media (min-width: 320px) and (max-width: 991px) {\\n .icon_card {\\n height: 140px;\\n width: 90px; } }\\n.icon_payment {\\n height: 80px;\\n width: 80px;\\n fill: #ffffff; }\\n.icon_use {\\n height: 85px;\\n width: 85px;\\n fill: #ffffff; }\\n.icon_contact {\\n height: 60px;\\n width: 60px;\\n fill: #000; }\\n.prelogin_check .check_cont {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n margin-top: 5px; }\\n.prelogin_check .check_cont .check_btn {\\n padding-left: 30px;\\n font-size: 12px; }\\n.hvr-grow {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {\\n -webkit-transform: scale(1.1);\\n transform: scale(1.1); }\\n.hvr-shrink {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {\\n -webkit-transform: scale(0.9);\\n transform: scale(0.9); }\\n@-webkit-keyframes hvr-pulse {\\n 25% {\\n -webkit-transform: scale(1.1);\\n transform: scale(1.1); }\\n 75% {\\n -webkit-transform: scale(0.9);\\n transform: scale(0.9); } }\\n@keyframes hvr-pulse {\\n 25% {\\n -webkit-transform: scale(1.1);\\n transform: scale(1.1); }\\n 75% {\\n -webkit-transform: scale(0.9);\\n transform: scale(0.9); } }\\n.hvr-pulse {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {\\n -webkit-animation-name: hvr-pulse;\\n animation-name: hvr-pulse;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: infinite;\\n animation-iteration-count: infinite; }\\n@-webkit-keyframes hvr-pulse-grow {\\n to {\\n -webkit-transform: scale(1.1);\\n transform: scale(1.1); } }\\n@keyframes hvr-pulse-grow {\\n to {\\n -webkit-transform: scale(1.1);\\n transform: scale(1.1); } }\\n.hvr-pulse-grow {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {\\n -webkit-animation-name: hvr-pulse-grow;\\n animation-name: hvr-pulse-grow;\\n -webkit-animation-duration: 0.3s;\\n animation-duration: 0.3s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: infinite;\\n animation-iteration-count: infinite;\\n -webkit-animation-direction: alternate;\\n animation-direction: alternate; }\\n@-webkit-keyframes hvr-pulse-shrink {\\n to {\\n -webkit-transform: scale(0.9);\\n transform: scale(0.9); } }\\n@keyframes hvr-pulse-shrink {\\n to {\\n -webkit-transform: scale(0.9);\\n transform: scale(0.9); } }\\n.hvr-pulse-shrink {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {\\n -webkit-animation-name: hvr-pulse-shrink;\\n animation-name: hvr-pulse-shrink;\\n -webkit-animation-duration: 0.3s;\\n animation-duration: 0.3s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: infinite;\\n animation-iteration-count: infinite;\\n -webkit-animation-direction: alternate;\\n animation-direction: alternate; }\\n@-webkit-keyframes hvr-push {\\n 50% {\\n -webkit-transform: scale(0.8);\\n transform: scale(0.8); }\\n 100% {\\n -webkit-transform: scale(1);\\n transform: scale(1); } }\\n@keyframes hvr-push {\\n 50% {\\n -webkit-transform: scale(0.8);\\n transform: scale(0.8); }\\n 100% {\\n -webkit-transform: scale(1);\\n transform: scale(1); } }\\n.hvr-push {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-push:hover, .hvr-push:focus, .hvr-push:active {\\n -webkit-animation-name: hvr-push;\\n animation-name: hvr-push;\\n -webkit-animation-duration: 0.3s;\\n animation-duration: 0.3s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n@-webkit-keyframes hvr-pop {\\n 50% {\\n -webkit-transform: scale(1.2);\\n transform: scale(1.2); } }\\n@keyframes hvr-pop {\\n 50% {\\n -webkit-transform: scale(1.2);\\n transform: scale(1.2); } }\\n.hvr-pop {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {\\n -webkit-animation-name: hvr-pop;\\n animation-name: hvr-pop;\\n -webkit-animation-duration: 0.3s;\\n animation-duration: 0.3s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n.hvr-bounce-in {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s; }\\n.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {\\n -webkit-transform: scale(1.2);\\n transform: scale(1.2);\\n -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\\n transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }\\n.hvr-bounce-out {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s; }\\n.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {\\n -webkit-transform: scale(0.8);\\n transform: scale(0.8);\\n -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\\n transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }\\n.hvr-rotate {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {\\n -webkit-transform: rotate(4deg);\\n transform: rotate(4deg); }\\n.hvr-grow-rotate {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {\\n -webkit-transform: scale(1.1) rotate(4deg);\\n transform: scale(1.1) rotate(4deg); }\\n.hvr-float {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-float:hover, .hvr-float:focus, .hvr-float:active {\\n -webkit-transform: translateY(-8px);\\n transform: translateY(-8px); }\\n.hvr-sink {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {\\n -webkit-transform: translateY(8px);\\n transform: translateY(8px); }\\n@-webkit-keyframes hvr-bob {\\n 0% {\\n -webkit-transform: translateY(-8px);\\n transform: translateY(-8px); }\\n 50% {\\n -webkit-transform: translateY(-4px);\\n transform: translateY(-4px); }\\n 100% {\\n -webkit-transform: translateY(-8px);\\n transform: translateY(-8px); } }\\n@keyframes hvr-bob {\\n 0% {\\n -webkit-transform: translateY(-8px);\\n transform: translateY(-8px); }\\n 50% {\\n -webkit-transform: translateY(-4px);\\n transform: translateY(-4px); }\\n 100% {\\n -webkit-transform: translateY(-8px);\\n transform: translateY(-8px); } }\\n@-webkit-keyframes hvr-bob-float {\\n 100% {\\n -webkit-transform: translateY(-8px);\\n transform: translateY(-8px); } }\\n@keyframes hvr-bob-float {\\n 100% {\\n -webkit-transform: translateY(-8px);\\n transform: translateY(-8px); } }\\n.hvr-bob {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {\\n -webkit-animation-name: hvr-bob-float, hvr-bob;\\n animation-name: hvr-bob-float, hvr-bob;\\n -webkit-animation-duration: .3s, 1.5s;\\n animation-duration: .3s, 1.5s;\\n -webkit-animation-delay: 0s, .3s;\\n animation-delay: 0s, .3s;\\n -webkit-animation-timing-function: ease-out, ease-in-out;\\n animation-timing-function: ease-out, ease-in-out;\\n -webkit-animation-iteration-count: 1, infinite;\\n animation-iteration-count: 1, infinite;\\n -webkit-animation-fill-mode: forwards;\\n animation-fill-mode: forwards;\\n -webkit-animation-direction: normal, alternate;\\n animation-direction: normal, alternate; }\\n@-webkit-keyframes hvr-hang {\\n 0% {\\n -webkit-transform: translateY(8px);\\n transform: translateY(8px); }\\n 50% {\\n -webkit-transform: translateY(4px);\\n transform: translateY(4px); }\\n 100% {\\n -webkit-transform: translateY(8px);\\n transform: translateY(8px); } }\\n@keyframes hvr-hang {\\n 0% {\\n -webkit-transform: translateY(8px);\\n transform: translateY(8px); }\\n 50% {\\n -webkit-transform: translateY(4px);\\n transform: translateY(4px); }\\n 100% {\\n -webkit-transform: translateY(8px);\\n transform: translateY(8px); } }\\n@-webkit-keyframes hvr-hang-sink {\\n 100% {\\n -webkit-transform: translateY(8px);\\n transform: translateY(8px); } }\\n@keyframes hvr-hang-sink {\\n 100% {\\n -webkit-transform: translateY(8px);\\n transform: translateY(8px); } }\\n.hvr-hang {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {\\n -webkit-animation-name: hvr-hang-sink, hvr-hang;\\n animation-name: hvr-hang-sink, hvr-hang;\\n -webkit-animation-duration: .3s, 1.5s;\\n animation-duration: .3s, 1.5s;\\n -webkit-animation-delay: 0s, .3s;\\n animation-delay: 0s, .3s;\\n -webkit-animation-timing-function: ease-out, ease-in-out;\\n animation-timing-function: ease-out, ease-in-out;\\n -webkit-animation-iteration-count: 1, infinite;\\n animation-iteration-count: 1, infinite;\\n -webkit-animation-fill-mode: forwards;\\n animation-fill-mode: forwards;\\n -webkit-animation-direction: normal, alternate;\\n animation-direction: normal, alternate; }\\n.hvr-skew {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {\\n -webkit-transform: skew(-10deg);\\n transform: skew(-10deg); }\\n.hvr-skew-forward {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transform-origin: 0 100%;\\n transform-origin: 0 100%; }\\n.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {\\n -webkit-transform: skew(-10deg);\\n transform: skew(-10deg); }\\n.hvr-skew-backward {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transform-origin: 0 100%;\\n transform-origin: 0 100%; }\\n.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {\\n -webkit-transform: skew(10deg);\\n transform: skew(10deg); }\\n@-webkit-keyframes hvr-wobble-vertical {\\n 16.65% {\\n -webkit-transform: translateY(8px);\\n transform: translateY(8px); }\\n 33.3% {\\n -webkit-transform: translateY(-6px);\\n transform: translateY(-6px); }\\n 49.95% {\\n -webkit-transform: translateY(4px);\\n transform: translateY(4px); }\\n 66.6% {\\n -webkit-transform: translateY(-2px);\\n transform: translateY(-2px); }\\n 83.25% {\\n -webkit-transform: translateY(1px);\\n transform: translateY(1px); }\\n 100% {\\n -webkit-transform: translateY(0);\\n transform: translateY(0); } }\\n@keyframes hvr-wobble-vertical {\\n 16.65% {\\n -webkit-transform: translateY(8px);\\n transform: translateY(8px); }\\n 33.3% {\\n -webkit-transform: translateY(-6px);\\n transform: translateY(-6px); }\\n 49.95% {\\n -webkit-transform: translateY(4px);\\n transform: translateY(4px); }\\n 66.6% {\\n -webkit-transform: translateY(-2px);\\n transform: translateY(-2px); }\\n 83.25% {\\n -webkit-transform: translateY(1px);\\n transform: translateY(1px); }\\n 100% {\\n -webkit-transform: translateY(0);\\n transform: translateY(0); } }\\n.hvr-wobble-vertical {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {\\n -webkit-animation-name: hvr-wobble-vertical;\\n animation-name: hvr-wobble-vertical;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-timing-function: ease-in-out;\\n animation-timing-function: ease-in-out;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n@-webkit-keyframes hvr-wobble-horizontal {\\n 16.65% {\\n -webkit-transform: translateX(8px);\\n transform: translateX(8px); }\\n 33.3% {\\n -webkit-transform: translateX(-6px);\\n transform: translateX(-6px); }\\n 49.95% {\\n -webkit-transform: translateX(4px);\\n transform: translateX(4px); }\\n 66.6% {\\n -webkit-transform: translateX(-2px);\\n transform: translateX(-2px); }\\n 83.25% {\\n -webkit-transform: translateX(1px);\\n transform: translateX(1px); }\\n 100% {\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n@keyframes hvr-wobble-horizontal {\\n 16.65% {\\n -webkit-transform: translateX(8px);\\n transform: translateX(8px); }\\n 33.3% {\\n -webkit-transform: translateX(-6px);\\n transform: translateX(-6px); }\\n 49.95% {\\n -webkit-transform: translateX(4px);\\n transform: translateX(4px); }\\n 66.6% {\\n -webkit-transform: translateX(-2px);\\n transform: translateX(-2px); }\\n 83.25% {\\n -webkit-transform: translateX(1px);\\n transform: translateX(1px); }\\n 100% {\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n.hvr-wobble-horizontal {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {\\n -webkit-animation-name: hvr-wobble-horizontal;\\n animation-name: hvr-wobble-horizontal;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-timing-function: ease-in-out;\\n animation-timing-function: ease-in-out;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n@-webkit-keyframes hvr-wobble-to-bottom-right {\\n 16.65% {\\n -webkit-transform: translate(8px, 8px);\\n transform: translate(8px, 8px); }\\n 33.3% {\\n -webkit-transform: translate(-6px, -6px);\\n transform: translate(-6px, -6px); }\\n 49.95% {\\n -webkit-transform: translate(4px, 4px);\\n transform: translate(4px, 4px); }\\n 66.6% {\\n -webkit-transform: translate(-2px, -2px);\\n transform: translate(-2px, -2px); }\\n 83.25% {\\n -webkit-transform: translate(1px, 1px);\\n transform: translate(1px, 1px); }\\n 100% {\\n -webkit-transform: translate(0, 0);\\n transform: translate(0, 0); } }\\n@keyframes hvr-wobble-to-bottom-right {\\n 16.65% {\\n -webkit-transform: translate(8px, 8px);\\n transform: translate(8px, 8px); }\\n 33.3% {\\n -webkit-transform: translate(-6px, -6px);\\n transform: translate(-6px, -6px); }\\n 49.95% {\\n -webkit-transform: translate(4px, 4px);\\n transform: translate(4px, 4px); }\\n 66.6% {\\n -webkit-transform: translate(-2px, -2px);\\n transform: translate(-2px, -2px); }\\n 83.25% {\\n -webkit-transform: translate(1px, 1px);\\n transform: translate(1px, 1px); }\\n 100% {\\n -webkit-transform: translate(0, 0);\\n transform: translate(0, 0); } }\\n.hvr-wobble-to-bottom-right {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {\\n -webkit-animation-name: hvr-wobble-to-bottom-right;\\n animation-name: hvr-wobble-to-bottom-right;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-timing-function: ease-in-out;\\n animation-timing-function: ease-in-out;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n@-webkit-keyframes hvr-wobble-to-top-right {\\n 16.65% {\\n -webkit-transform: translate(8px, -8px);\\n transform: translate(8px, -8px); }\\n 33.3% {\\n -webkit-transform: translate(-6px, 6px);\\n transform: translate(-6px, 6px); }\\n 49.95% {\\n -webkit-transform: translate(4px, -4px);\\n transform: translate(4px, -4px); }\\n 66.6% {\\n -webkit-transform: translate(-2px, 2px);\\n transform: translate(-2px, 2px); }\\n 83.25% {\\n -webkit-transform: translate(1px, -1px);\\n transform: translate(1px, -1px); }\\n 100% {\\n -webkit-transform: translate(0, 0);\\n transform: translate(0, 0); } }\\n@keyframes hvr-wobble-to-top-right {\\n 16.65% {\\n -webkit-transform: translate(8px, -8px);\\n transform: translate(8px, -8px); }\\n 33.3% {\\n -webkit-transform: translate(-6px, 6px);\\n transform: translate(-6px, 6px); }\\n 49.95% {\\n -webkit-transform: translate(4px, -4px);\\n transform: translate(4px, -4px); }\\n 66.6% {\\n -webkit-transform: translate(-2px, 2px);\\n transform: translate(-2px, 2px); }\\n 83.25% {\\n -webkit-transform: translate(1px, -1px);\\n transform: translate(1px, -1px); }\\n 100% {\\n -webkit-transform: translate(0, 0);\\n transform: translate(0, 0); } }\\n.hvr-wobble-to-top-right {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {\\n -webkit-animation-name: hvr-wobble-to-top-right;\\n animation-name: hvr-wobble-to-top-right;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-timing-function: ease-in-out;\\n animation-timing-function: ease-in-out;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n@-webkit-keyframes hvr-wobble-top {\\n 16.65% {\\n -webkit-transform: skew(-12deg);\\n transform: skew(-12deg); }\\n 33.3% {\\n -webkit-transform: skew(10deg);\\n transform: skew(10deg); }\\n 49.95% {\\n -webkit-transform: skew(-6deg);\\n transform: skew(-6deg); }\\n 66.6% {\\n -webkit-transform: skew(4deg);\\n transform: skew(4deg); }\\n 83.25% {\\n -webkit-transform: skew(-2deg);\\n transform: skew(-2deg); }\\n 100% {\\n -webkit-transform: skew(0);\\n transform: skew(0); } }\\n@keyframes hvr-wobble-top {\\n 16.65% {\\n -webkit-transform: skew(-12deg);\\n transform: skew(-12deg); }\\n 33.3% {\\n -webkit-transform: skew(10deg);\\n transform: skew(10deg); }\\n 49.95% {\\n -webkit-transform: skew(-6deg);\\n transform: skew(-6deg); }\\n 66.6% {\\n -webkit-transform: skew(4deg);\\n transform: skew(4deg); }\\n 83.25% {\\n -webkit-transform: skew(-2deg);\\n transform: skew(-2deg); }\\n 100% {\\n -webkit-transform: skew(0);\\n transform: skew(0); } }\\n.hvr-wobble-top {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transform-origin: 0 100%;\\n transform-origin: 0 100%; }\\n.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {\\n -webkit-animation-name: hvr-wobble-top;\\n animation-name: hvr-wobble-top;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-timing-function: ease-in-out;\\n animation-timing-function: ease-in-out;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n@-webkit-keyframes hvr-wobble-bottom {\\n 16.65% {\\n -webkit-transform: skew(-12deg);\\n transform: skew(-12deg); }\\n 33.3% {\\n -webkit-transform: skew(10deg);\\n transform: skew(10deg); }\\n 49.95% {\\n -webkit-transform: skew(-6deg);\\n transform: skew(-6deg); }\\n 66.6% {\\n -webkit-transform: skew(4deg);\\n transform: skew(4deg); }\\n 83.25% {\\n -webkit-transform: skew(-2deg);\\n transform: skew(-2deg); }\\n 100% {\\n -webkit-transform: skew(0);\\n transform: skew(0); } }\\n@keyframes hvr-wobble-bottom {\\n 16.65% {\\n -webkit-transform: skew(-12deg);\\n transform: skew(-12deg); }\\n 33.3% {\\n -webkit-transform: skew(10deg);\\n transform: skew(10deg); }\\n 49.95% {\\n -webkit-transform: skew(-6deg);\\n transform: skew(-6deg); }\\n 66.6% {\\n -webkit-transform: skew(4deg);\\n transform: skew(4deg); }\\n 83.25% {\\n -webkit-transform: skew(-2deg);\\n transform: skew(-2deg); }\\n 100% {\\n -webkit-transform: skew(0);\\n transform: skew(0); } }\\n.hvr-wobble-bottom {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transform-origin: 100% 0;\\n transform-origin: 100% 0; }\\n.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {\\n -webkit-animation-name: hvr-wobble-bottom;\\n animation-name: hvr-wobble-bottom;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-timing-function: ease-in-out;\\n animation-timing-function: ease-in-out;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n@-webkit-keyframes hvr-wobble-skew {\\n 16.65% {\\n -webkit-transform: skew(-12deg);\\n transform: skew(-12deg); }\\n 33.3% {\\n -webkit-transform: skew(10deg);\\n transform: skew(10deg); }\\n 49.95% {\\n -webkit-transform: skew(-6deg);\\n transform: skew(-6deg); }\\n 66.6% {\\n -webkit-transform: skew(4deg);\\n transform: skew(4deg); }\\n 83.25% {\\n -webkit-transform: skew(-2deg);\\n transform: skew(-2deg); }\\n 100% {\\n -webkit-transform: skew(0);\\n transform: skew(0); } }\\n@keyframes hvr-wobble-skew {\\n 16.65% {\\n -webkit-transform: skew(-12deg);\\n transform: skew(-12deg); }\\n 33.3% {\\n -webkit-transform: skew(10deg);\\n transform: skew(10deg); }\\n 49.95% {\\n -webkit-transform: skew(-6deg);\\n transform: skew(-6deg); }\\n 66.6% {\\n -webkit-transform: skew(4deg);\\n transform: skew(4deg); }\\n 83.25% {\\n -webkit-transform: skew(-2deg);\\n transform: skew(-2deg); }\\n 100% {\\n -webkit-transform: skew(0);\\n transform: skew(0); } }\\n.hvr-wobble-skew {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {\\n -webkit-animation-name: hvr-wobble-skew;\\n animation-name: hvr-wobble-skew;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-timing-function: ease-in-out;\\n animation-timing-function: ease-in-out;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n@-webkit-keyframes hvr-buzz {\\n 50% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 100% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); } }\\n@keyframes hvr-buzz {\\n 50% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 100% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); } }\\n.hvr-buzz {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {\\n -webkit-animation-name: hvr-buzz;\\n animation-name: hvr-buzz;\\n -webkit-animation-duration: 0.15s;\\n animation-duration: 0.15s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: infinite;\\n animation-iteration-count: infinite; }\\n@-webkit-keyframes hvr-buzz-out {\\n 10% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 20% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); }\\n 30% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 40% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); }\\n 50% {\\n -webkit-transform: translateX(2px) rotate(1deg);\\n transform: translateX(2px) rotate(1deg); }\\n 60% {\\n -webkit-transform: translateX(-2px) rotate(-1deg);\\n transform: translateX(-2px) rotate(-1deg); }\\n 70% {\\n -webkit-transform: translateX(2px) rotate(1deg);\\n transform: translateX(2px) rotate(1deg); }\\n 80% {\\n -webkit-transform: translateX(-2px) rotate(-1deg);\\n transform: translateX(-2px) rotate(-1deg); }\\n 90% {\\n -webkit-transform: translateX(1px) rotate(0);\\n transform: translateX(1px) rotate(0); }\\n 100% {\\n -webkit-transform: translateX(-1px) rotate(0);\\n transform: translateX(-1px) rotate(0); } }\\n@keyframes hvr-buzz-out {\\n 10% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 20% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); }\\n 30% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 40% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); }\\n 50% {\\n -webkit-transform: translateX(2px) rotate(1deg);\\n transform: translateX(2px) rotate(1deg); }\\n 60% {\\n -webkit-transform: translateX(-2px) rotate(-1deg);\\n transform: translateX(-2px) rotate(-1deg); }\\n 70% {\\n -webkit-transform: translateX(2px) rotate(1deg);\\n transform: translateX(2px) rotate(1deg); }\\n 80% {\\n -webkit-transform: translateX(-2px) rotate(-1deg);\\n transform: translateX(-2px) rotate(-1deg); }\\n 90% {\\n -webkit-transform: translateX(1px) rotate(0);\\n transform: translateX(1px) rotate(0); }\\n 100% {\\n -webkit-transform: translateX(-1px) rotate(0);\\n transform: translateX(-1px) rotate(0); } }\\n.hvr-buzz-out {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent; }\\n.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {\\n -webkit-animation-name: hvr-buzz-out;\\n animation-name: hvr-buzz-out;\\n -webkit-animation-duration: 0.75s;\\n animation-duration: 0.75s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n.hvr-forward {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {\\n -webkit-transform: translateX(8px);\\n transform: translateX(8px); }\\n.hvr-backward {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {\\n -webkit-transform: translateX(-8px);\\n transform: translateX(-8px); }\\n.hvr-fade {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n overflow: hidden;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: color, background-color;\\n transition-property: color, background-color; }\\n.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {\\n background-color: #2098D1;\\n color: white; }\\n@-webkit-keyframes hvr-back-pulse {\\n 50% {\\n background-color: rgba(32, 152, 209, 0.75); } }\\n@keyframes hvr-back-pulse {\\n 50% {\\n background-color: rgba(32, 152, 209, 0.75); } }\\n.hvr-back-pulse {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n overflow: hidden;\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s;\\n -webkit-transition-property: color, background-color;\\n transition-property: color, background-color; }\\n.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {\\n -webkit-animation-name: hvr-back-pulse;\\n animation-name: hvr-back-pulse;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-delay: 0.5s;\\n animation-delay: 0.5s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: infinite;\\n animation-iteration-count: infinite;\\n background-color: #2098D1;\\n background-color: #2098d1;\\n color: white; }\\n.hvr-sweep-to-right {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-sweep-to-right:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #73d5aa;\\n -webkit-transform: scaleX(0);\\n transform: scaleX(0);\\n -webkit-transform-origin: 0 50%;\\n transform-origin: 0 50%;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {\\n color: white; }\\n.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {\\n -webkit-transform: scaleX(1);\\n transform: scaleX(1); }\\n.hvr-sweep-to-left {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-sweep-to-left:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #2098D1;\\n -webkit-transform: scaleX(0);\\n transform: scaleX(0);\\n -webkit-transform-origin: 100% 50%;\\n transform-origin: 100% 50%;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {\\n color: white; }\\n.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {\\n -webkit-transform: scaleX(1);\\n transform: scaleX(1); }\\n.hvr-sweep-to-bottom {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-sweep-to-bottom:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #2098D1;\\n -webkit-transform: scaleY(0);\\n transform: scaleY(0);\\n -webkit-transform-origin: 50% 0;\\n transform-origin: 50% 0;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {\\n color: white; }\\n.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {\\n -webkit-transform: scaleY(1);\\n transform: scaleY(1); }\\n.hvr-sweep-to-top {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-sweep-to-top:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #2098D1;\\n -webkit-transform: scaleY(0);\\n transform: scaleY(0);\\n -webkit-transform-origin: 50% 100%;\\n transform-origin: 50% 100%;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {\\n color: white; }\\n.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {\\n -webkit-transform: scaleY(1);\\n transform: scaleY(1); }\\n.hvr-bounce-to-right {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s; }\\n.hvr-bounce-to-right:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #2098D1;\\n -webkit-transform: scaleX(0);\\n transform: scaleX(0);\\n -webkit-transform-origin: 0 50%;\\n transform-origin: 0 50%;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {\\n color: white; }\\n.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {\\n -webkit-transform: scaleX(1);\\n transform: scaleX(1);\\n -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);\\n transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }\\n.hvr-bounce-to-left {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s; }\\n.hvr-bounce-to-left:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #2098D1;\\n -webkit-transform: scaleX(0);\\n transform: scaleX(0);\\n -webkit-transform-origin: 100% 50%;\\n transform-origin: 100% 50%;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {\\n color: white; }\\n.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {\\n -webkit-transform: scaleX(1);\\n transform: scaleX(1);\\n -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);\\n transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }\\n.hvr-bounce-to-bottom {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s; }\\n.hvr-bounce-to-bottom:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #2098D1;\\n -webkit-transform: scaleY(0);\\n transform: scaleY(0);\\n -webkit-transform-origin: 50% 0;\\n transform-origin: 50% 0;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {\\n color: white; }\\n.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {\\n -webkit-transform: scaleY(1);\\n transform: scaleY(1);\\n -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);\\n transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }\\n.hvr-bounce-to-top {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s; }\\n.hvr-bounce-to-top:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #2098D1;\\n -webkit-transform: scaleY(0);\\n transform: scaleY(0);\\n -webkit-transform-origin: 50% 100%;\\n transform-origin: 50% 100%;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {\\n color: white; }\\n.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {\\n -webkit-transform: scaleY(1);\\n transform: scaleY(1);\\n -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);\\n transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }\\n.hvr-radial-out {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n overflow: hidden;\\n background: #e1e1e1;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-radial-out:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #2098D1;\\n border-radius: 100%;\\n -webkit-transform: scale(0);\\n transform: scale(0);\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {\\n color: white; }\\n.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {\\n -webkit-transform: scale(2);\\n transform: scale(2); }\\n.hvr-radial-in {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n overflow: hidden;\\n background: #2098D1;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-radial-in:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #e1e1e1;\\n border-radius: 100%;\\n -webkit-transform: scale(2);\\n transform: scale(2);\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {\\n color: white; }\\n.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {\\n -webkit-transform: scale(0);\\n transform: scale(0); }\\n.hvr-rectangle-in {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n background: #2098D1;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-rectangle-in:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #e1e1e1;\\n -webkit-transform: scale(1);\\n transform: scale(1);\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {\\n color: white; }\\n.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {\\n -webkit-transform: scale(0);\\n transform: scale(0); }\\n.hvr-rectangle-out {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n background: #e1e1e1;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-rectangle-out:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #2098D1;\\n -webkit-transform: scale(0);\\n transform: scale(0);\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {\\n color: white; }\\n.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {\\n -webkit-transform: scale(1);\\n transform: scale(1); }\\n.hvr-shutter-in-horizontal {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n background: #2098D1;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-shutter-in-horizontal:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n background: #e1e1e1;\\n -webkit-transform: scaleX(1);\\n transform: scaleX(1);\\n -webkit-transform-origin: 50%;\\n transform-origin: 50%;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {\\n color: white; }\\n.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {\\n -webkit-transform: scaleX(0);\\n transform: scaleX(0); }\\n.hvr-shutter-out-horizontal {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n background: #e1e1e1;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-shutter-out-horizontal:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n background: #2098D1;\\n -webkit-transform: scaleX(0);\\n transform: scaleX(0);\\n -webkit-transform-origin: 50%;\\n transform-origin: 50%;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {\\n color: white; }\\n.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {\\n -webkit-transform: scaleX(1);\\n transform: scaleX(1); }\\n.hvr-shutter-in-vertical {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n background: #2098D1;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-shutter-in-vertical:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n background: #e1e1e1;\\n -webkit-transform: scaleY(1);\\n transform: scaleY(1);\\n -webkit-transform-origin: 50%;\\n transform-origin: 50%;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {\\n color: white; }\\n.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {\\n -webkit-transform: scaleY(0);\\n transform: scaleY(0); }\\n.hvr-shutter-out-vertical {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n background: #e1e1e1;\\n -webkit-transition-property: color;\\n transition-property: color;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-shutter-out-vertical:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n background: #2098D1;\\n -webkit-transform: scaleY(0);\\n transform: scaleY(0);\\n -webkit-transform-origin: 50%;\\n transform-origin: 50%;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {\\n color: white; }\\n.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {\\n -webkit-transform: scaleY(1);\\n transform: scaleY(1); }\\n.hvr-border-fade {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: box-shadow;\\n -webkit-transition-property: -webkit-box-shadow;\\n transition-property: -webkit-box-shadow;\\n transition-property: box-shadow;\\n transition-property: box-shadow, -webkit-box-shadow;\\n -webkit-box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;\\n box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; }\\n.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {\\n -webkit-box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent;\\n box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent; }\\n.hvr-hollow {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: background;\\n transition-property: background;\\n -webkit-box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;\\n box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; }\\n.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {\\n background: none; }\\n.hvr-trim {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-trim:before {\\n content: '';\\n position: absolute;\\n border: white solid 4px;\\n top: 4px;\\n left: 4px;\\n right: 4px;\\n bottom: 4px;\\n opacity: 0;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: opacity;\\n transition-property: opacity; }\\n.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {\\n opacity: 1; }\\n@-webkit-keyframes hvr-ripple-out {\\n 100% {\\n top: -12px;\\n right: -12px;\\n bottom: -12px;\\n left: -12px;\\n opacity: 0; } }\\n@keyframes hvr-ripple-out {\\n 100% {\\n top: -12px;\\n right: -12px;\\n bottom: -12px;\\n left: -12px;\\n opacity: 0; } }\\n.hvr-ripple-out {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-ripple-out:before {\\n content: '';\\n position: absolute;\\n border: #e1e1e1 solid 6px;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s; }\\n.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {\\n -webkit-animation-name: hvr-ripple-out;\\n animation-name: hvr-ripple-out; }\\n@-webkit-keyframes hvr-ripple-in {\\n 100% {\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n opacity: 1; } }\\n@keyframes hvr-ripple-in {\\n 100% {\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n opacity: 1; } }\\n.hvr-ripple-in {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-ripple-in:before {\\n content: '';\\n position: absolute;\\n border: #e1e1e1 solid 4px;\\n top: -12px;\\n right: -12px;\\n bottom: -12px;\\n left: -12px;\\n opacity: 0;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s; }\\n.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {\\n -webkit-animation-name: hvr-ripple-in;\\n animation-name: hvr-ripple-in; }\\n.hvr-outline-out {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-outline-out:before {\\n content: '';\\n position: absolute;\\n border: #e1e1e1 solid 4px;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: top, right, bottom, left;\\n transition-property: top, right, bottom, left; }\\n.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {\\n top: -8px;\\n right: -8px;\\n bottom: -8px;\\n left: -8px; }\\n.hvr-outline-in {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-outline-in:before {\\n pointer-events: none;\\n content: '';\\n position: absolute;\\n border: #e1e1e1 solid 4px;\\n top: -16px;\\n right: -16px;\\n bottom: -16px;\\n left: -16px;\\n opacity: 0;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: top, right, bottom, left;\\n transition-property: top, right, bottom, left; }\\n.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {\\n top: -8px;\\n right: -8px;\\n bottom: -8px;\\n left: -8px;\\n opacity: 1; }\\n.hvr-round-corners {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: border-radius;\\n transition-property: border-radius; }\\n.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {\\n border-radius: 1em; }\\n.hvr-underline-from-left {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n overflow: hidden; }\\n.hvr-underline-from-left:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 0;\\n right: 100%;\\n bottom: 0;\\n background: #2098D1;\\n height: 4px;\\n -webkit-transition-property: right;\\n transition-property: right;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {\\n right: 0; }\\n.hvr-underline-from-center {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n overflow: hidden; }\\n.hvr-underline-from-center:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 50%;\\n right: 50%;\\n bottom: 0;\\n background: #2098D1;\\n height: 4px;\\n -webkit-transition-property: left, right;\\n transition-property: left, right;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {\\n left: 0;\\n right: 0; }\\n.hvr-underline-from-right {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n overflow: hidden; }\\n.hvr-underline-from-right:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 100%;\\n right: 0;\\n bottom: 0;\\n background: #2098D1;\\n height: 4px;\\n -webkit-transition-property: left;\\n transition-property: left;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {\\n left: 0; }\\n.hvr-overline-from-left {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n overflow: hidden; }\\n.hvr-overline-from-left:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 0;\\n right: 100%;\\n top: 0;\\n background: #2098D1;\\n height: 4px;\\n -webkit-transition-property: right;\\n transition-property: right;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {\\n right: 0; }\\n.hvr-overline-from-center {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n overflow: hidden; }\\n.hvr-overline-from-center:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 50%;\\n right: 50%;\\n top: 0;\\n background: #2098D1;\\n height: 4px;\\n -webkit-transition-property: left, right;\\n transition-property: left, right;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {\\n left: 0;\\n right: 0; }\\n.hvr-overline-from-right {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n overflow: hidden; }\\n.hvr-overline-from-right:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 100%;\\n right: 0;\\n top: 0;\\n background: #2098D1;\\n height: 4px;\\n -webkit-transition-property: left;\\n transition-property: left;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {\\n left: 0; }\\n.hvr-reveal {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n overflow: hidden; }\\n.hvr-reveal:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 0;\\n right: 0;\\n top: 0;\\n bottom: 0;\\n border-color: #2098D1;\\n border-style: solid;\\n border-width: 0;\\n -webkit-transition-property: border-width;\\n transition-property: border-width;\\n -webkit-transition-duration: 0.1s;\\n transition-duration: 0.1s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n border-width: 4px; }\\n.hvr-underline-reveal {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n overflow: hidden; }\\n.hvr-underline-reveal:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: #2098D1;\\n height: 4px;\\n -webkit-transform: translateY(4px);\\n transform: translateY(4px);\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {\\n -webkit-transform: translateY(0);\\n transform: translateY(0); }\\n.hvr-overline-reveal {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n overflow: hidden; }\\n.hvr-overline-reveal:before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 0;\\n right: 0;\\n top: 0;\\n background: #2098D1;\\n height: 4px;\\n -webkit-transform: translateY(-4px);\\n transform: translateY(-4px);\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {\\n -webkit-transform: translateY(0);\\n transform: translateY(0); }\\n.hvr-glow {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: box-shadow;\\n -webkit-transition-property: -webkit-box-shadow;\\n transition-property: -webkit-box-shadow;\\n transition-property: box-shadow;\\n transition-property: box-shadow, -webkit-box-shadow; }\\n.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {\\n -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }\\n.hvr-shadow {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: box-shadow;\\n -webkit-transition-property: -webkit-box-shadow;\\n transition-property: -webkit-box-shadow;\\n transition-property: box-shadow;\\n transition-property: box-shadow, -webkit-box-shadow; }\\n.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {\\n -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);\\n box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); }\\n.hvr-grow-shadow {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: box-shadow, transform;\\n -webkit-transition-property: -webkit-box-shadow, -webkit-transform;\\n transition-property: -webkit-box-shadow, -webkit-transform;\\n transition-property: box-shadow, transform;\\n transition-property: box-shadow, transform, -webkit-box-shadow, -webkit-transform; }\\n.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {\\n -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);\\n box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);\\n -webkit-transform: scale(1.1);\\n transform: scale(1.1); }\\n.hvr-box-shadow-outset {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: box-shadow;\\n -webkit-transition-property: -webkit-box-shadow;\\n transition-property: -webkit-box-shadow;\\n transition-property: box-shadow;\\n transition-property: box-shadow, -webkit-box-shadow; }\\n.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {\\n -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);\\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }\\n.hvr-box-shadow-inset {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: box-shadow;\\n -webkit-transition-property: -webkit-box-shadow;\\n transition-property: -webkit-box-shadow;\\n transition-property: box-shadow;\\n transition-property: box-shadow, -webkit-box-shadow;\\n -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;\\n box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent; }\\n.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {\\n -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;\\n box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent; }\\n.hvr-float-shadow {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-float-shadow:before {\\n pointer-events: none;\\n position: absolute;\\n z-index: -1;\\n content: '';\\n top: 100%;\\n left: 5%;\\n height: 10px;\\n width: 90%;\\n opacity: 0;\\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform, opacity;\\n -webkit-transition-property: opacity, -webkit-transform;\\n transition-property: opacity, -webkit-transform;\\n transition-property: transform, opacity;\\n transition-property: transform, opacity, -webkit-transform; }\\n.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {\\n -webkit-transform: translateY(-5px);\\n transform: translateY(-5px); }\\n.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {\\n opacity: 1;\\n -webkit-transform: translateY(5px);\\n transform: translateY(5px); }\\n.hvr-shadow-radial {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-shadow-radial:before, .hvr-shadow-radial:after {\\n pointer-events: none;\\n position: absolute;\\n content: '';\\n left: 0;\\n width: 100%;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n background-repeat: no-repeat;\\n height: 5px;\\n opacity: 0;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: opacity;\\n transition-property: opacity; }\\n.hvr-shadow-radial:before {\\n bottom: 100%;\\n background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%); }\\n.hvr-shadow-radial:after {\\n top: 100%;\\n background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%); }\\n.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {\\n opacity: 1; }\\n.hvr-bubble-top {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-bubble-top:before {\\n pointer-events: none;\\n position: absolute;\\n z-index: -1;\\n content: '';\\n border-style: solid;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n left: calc(50% - 10px);\\n top: 0;\\n border-width: 0 10px 10px 10px;\\n border-color: transparent transparent #e1e1e1 transparent; }\\n.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {\\n -webkit-transform: translateY(-10px);\\n transform: translateY(-10px); }\\n.hvr-bubble-right {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-bubble-right:before {\\n pointer-events: none;\\n position: absolute;\\n z-index: -1;\\n content: '';\\n border-style: solid;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n top: calc(50% - 10px);\\n right: 0;\\n border-width: 10px 0 10px 10px;\\n border-color: transparent transparent transparent #e1e1e1; }\\n.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {\\n -webkit-transform: translateX(10px);\\n transform: translateX(10px); }\\n.hvr-bubble-bottom {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-bubble-bottom:before {\\n pointer-events: none;\\n position: absolute;\\n z-index: -1;\\n content: '';\\n border-style: solid;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n left: calc(50% - 10px);\\n bottom: 0;\\n border-width: 10px 10px 0 10px;\\n border-color: #e1e1e1 transparent transparent transparent; }\\n.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {\\n -webkit-transform: translateY(10px);\\n transform: translateY(10px); }\\n.hvr-bubble-left {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-bubble-left:before {\\n pointer-events: none;\\n position: absolute;\\n z-index: -1;\\n content: '';\\n border-style: solid;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n top: calc(50% - 10px);\\n left: 0;\\n border-width: 10px 10px 10px 0;\\n border-color: transparent #e1e1e1 transparent transparent; }\\n.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {\\n -webkit-transform: translateX(-10px);\\n transform: translateX(-10px); }\\n.hvr-bubble-float-top {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-bubble-float-top:before {\\n position: absolute;\\n z-index: -1;\\n content: '';\\n left: calc(50% - 10px);\\n top: 0;\\n border-style: solid;\\n border-width: 0 10px 10px 10px;\\n border-color: transparent transparent #e1e1e1 transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {\\n -webkit-transform: translateY(10px);\\n transform: translateY(10px); }\\n.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {\\n -webkit-transform: translateY(-10px);\\n transform: translateY(-10px); }\\n.hvr-bubble-float-right {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-bubble-float-right:before {\\n position: absolute;\\n z-index: -1;\\n top: calc(50% - 10px);\\n right: 0;\\n content: '';\\n border-style: solid;\\n border-width: 10px 0 10px 10px;\\n border-color: transparent transparent transparent #e1e1e1;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {\\n -webkit-transform: translateX(-10px);\\n transform: translateX(-10px); }\\n.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {\\n -webkit-transform: translateX(10px);\\n transform: translateX(10px); }\\n.hvr-bubble-float-bottom {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-bubble-float-bottom:before {\\n position: absolute;\\n z-index: -1;\\n content: '';\\n left: calc(50% - 10px);\\n bottom: 0;\\n border-style: solid;\\n border-width: 10px 10px 0 10px;\\n border-color: #e1e1e1 transparent transparent transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {\\n -webkit-transform: translateY(-10px);\\n transform: translateY(-10px); }\\n.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {\\n -webkit-transform: translateY(10px);\\n transform: translateY(10px); }\\n.hvr-bubble-float-left {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-bubble-float-left:before {\\n position: absolute;\\n z-index: -1;\\n content: '';\\n top: calc(50% - 10px);\\n left: 0;\\n border-style: solid;\\n border-width: 10px 10px 10px 0;\\n border-color: transparent #e1e1e1 transparent transparent;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform; }\\n.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {\\n -webkit-transform: translateX(10px);\\n transform: translateX(10px); }\\n.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {\\n -webkit-transform: translateX(-10px);\\n transform: translateX(-10px); }\\n.hvr-icon-back {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-left: 2.2em;\\n -webkit-transition-duration: 0.1s;\\n transition-duration: 0.1s; }\\n.hvr-icon-back:before {\\n content: \\\"\\\\f137\\\";\\n position: absolute;\\n left: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.1s;\\n transition-duration: 0.1s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {\\n -webkit-transform: translateX(-4px);\\n transform: translateX(-4px); }\\n.hvr-icon-forward {\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.1s;\\n transition-duration: 0.1s; }\\n.hvr-icon-forward:before {\\n content: \\\"\\\\f138\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.1s;\\n transition-duration: 0.1s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {\\n -webkit-transform: translateX(4px);\\n transform: translateX(4px); }\\n@-webkit-keyframes hvr-icon-down {\\n 0%,\\n 50%,\\n 100% {\\n -webkit-transform: translateY(0);\\n transform: translateY(0); }\\n 25%,\\n 75% {\\n -webkit-transform: translateY(6px);\\n transform: translateY(6px); } }\\n@keyframes hvr-icon-down {\\n 0%,\\n 50%,\\n 100% {\\n -webkit-transform: translateY(0);\\n transform: translateY(0); }\\n 25%,\\n 75% {\\n -webkit-transform: translateY(6px);\\n transform: translateY(6px); } }\\n.hvr-icon-down {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em; }\\n.hvr-icon-down:before {\\n content: \\\"\\\\f01a\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0); }\\n.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {\\n -webkit-animation-name: hvr-icon-down;\\n animation-name: hvr-icon-down;\\n -webkit-animation-duration: 0.75s;\\n animation-duration: 0.75s;\\n -webkit-animation-timing-function: ease-out;\\n animation-timing-function: ease-out; }\\n@-webkit-keyframes hvr-icon-up {\\n 0%,\\n 50%,\\n 100% {\\n -webkit-transform: translateY(0);\\n transform: translateY(0); }\\n 25%,\\n 75% {\\n -webkit-transform: translateY(-6px);\\n transform: translateY(-6px); } }\\n@keyframes hvr-icon-up {\\n 0%,\\n 50%,\\n 100% {\\n -webkit-transform: translateY(0);\\n transform: translateY(0); }\\n 25%,\\n 75% {\\n -webkit-transform: translateY(-6px);\\n transform: translateY(-6px); } }\\n.hvr-icon-up {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em; }\\n.hvr-icon-up:before {\\n content: \\\"\\\\f01b\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0); }\\n.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {\\n -webkit-animation-name: hvr-icon-up;\\n animation-name: hvr-icon-up;\\n -webkit-animation-duration: 0.75s;\\n animation-duration: 0.75s;\\n -webkit-animation-timing-function: ease-out;\\n animation-timing-function: ease-out; }\\n.hvr-icon-spin {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em; }\\n.hvr-icon-spin:before {\\n content: \\\"\\\\f021\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transition-duration: 1s;\\n transition-duration: 1s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-in-out;\\n transition-timing-function: ease-in-out; }\\n.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg); }\\n@-webkit-keyframes hvr-icon-drop {\\n 0% {\\n opacity: 0; }\\n 50% {\\n opacity: 0;\\n -webkit-transform: translateY(-100%);\\n transform: translateY(-100%); }\\n 51%,\\n 100% {\\n opacity: 1; } }\\n@keyframes hvr-icon-drop {\\n 0% {\\n opacity: 0; }\\n 50% {\\n opacity: 0;\\n -webkit-transform: translateY(-100%);\\n transform: translateY(-100%); }\\n 51%,\\n 100% {\\n opacity: 1; } }\\n.hvr-icon-drop {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em; }\\n.hvr-icon-drop:before {\\n content: \\\"\\\\f041\\\";\\n position: absolute;\\n right: 1em;\\n opacity: 1;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0); }\\n.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {\\n opacity: 0;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-animation-name: hvr-icon-drop;\\n animation-name: hvr-icon-drop;\\n -webkit-animation-duration: 0.5s;\\n animation-duration: 0.5s;\\n -webkit-animation-delay: 0.3s;\\n animation-delay: 0.3s;\\n -webkit-animation-fill-mode: forwards;\\n animation-fill-mode: forwards;\\n -webkit-animation-timing-function: ease-in-out;\\n animation-timing-function: ease-in-out;\\n -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);\\n animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }\\n.hvr-icon-fade {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em; }\\n.hvr-icon-fade:before {\\n content: \\\"\\\\f00c\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.5s;\\n transition-duration: 0.5s;\\n -webkit-transition-property: color;\\n transition-property: color; }\\n.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {\\n color: #0F9E5E; }\\n@-webkit-keyframes hvr-icon-float-away {\\n 0% {\\n opacity: 1; }\\n 100% {\\n opacity: 0;\\n -webkit-transform: translateY(-1em);\\n transform: translateY(-1em); } }\\n@keyframes hvr-icon-float-away {\\n 0% {\\n opacity: 1; }\\n 100% {\\n opacity: 0;\\n -webkit-transform: translateY(-1em);\\n transform: translateY(-1em); } }\\n.hvr-icon-float-away {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em; }\\n.hvr-icon-float-away:before, .hvr-icon-float-away:after {\\n content: \\\"\\\\f055\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome; }\\n.hvr-icon-float-away:after {\\n opacity: 0;\\n -webkit-animation-duration: 0.5s;\\n animation-duration: 0.5s;\\n -webkit-animation-fill-mode: forwards;\\n animation-fill-mode: forwards; }\\n.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {\\n -webkit-animation-name: hvr-icon-float-away;\\n animation-name: hvr-icon-float-away;\\n -webkit-animation-timing-function: ease-out;\\n animation-timing-function: ease-out; }\\n@-webkit-keyframes hvr-icon-sink-away {\\n 0% {\\n opacity: 1; }\\n 100% {\\n opacity: 0;\\n -webkit-transform: translateY(1em);\\n transform: translateY(1em); } }\\n@keyframes hvr-icon-sink-away {\\n 0% {\\n opacity: 1; }\\n 100% {\\n opacity: 0;\\n -webkit-transform: translateY(1em);\\n transform: translateY(1em); } }\\n.hvr-icon-sink-away {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em; }\\n.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {\\n content: \\\"\\\\f056\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0); }\\n.hvr-icon-sink-away:after {\\n opacity: 0;\\n -webkit-animation-duration: 0.5s;\\n animation-duration: 0.5s;\\n -webkit-animation-fill-mode: forwards;\\n animation-fill-mode: forwards; }\\n.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {\\n -webkit-animation-name: hvr-icon-sink-away;\\n animation-name: hvr-icon-sink-away;\\n -webkit-animation-timing-function: ease-out;\\n animation-timing-function: ease-out; }\\n.hvr-icon-grow {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-grow:before {\\n content: \\\"\\\\f118\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {\\n -webkit-transform: scale(1.3) translateZ(0);\\n transform: scale(1.3) translateZ(0); }\\n.hvr-icon-shrink {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-shrink:before {\\n content: \\\"\\\\f119\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {\\n -webkit-transform: scale(0.8);\\n transform: scale(0.8); }\\n@-webkit-keyframes hvr-icon-pulse {\\n 25% {\\n -webkit-transform: scale(1.3);\\n transform: scale(1.3); }\\n 75% {\\n -webkit-transform: scale(0.8);\\n transform: scale(0.8); } }\\n@keyframes hvr-icon-pulse {\\n 25% {\\n -webkit-transform: scale(1.3);\\n transform: scale(1.3); }\\n 75% {\\n -webkit-transform: scale(0.8);\\n transform: scale(0.8); } }\\n.hvr-icon-pulse {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em; }\\n.hvr-icon-pulse:before {\\n content: \\\"\\\\f015\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {\\n -webkit-animation-name: hvr-icon-pulse;\\n animation-name: hvr-icon-pulse;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: infinite;\\n animation-iteration-count: infinite; }\\n@-webkit-keyframes hvr-icon-pulse-grow {\\n to {\\n -webkit-transform: scale(1.3);\\n transform: scale(1.3); } }\\n@keyframes hvr-icon-pulse-grow {\\n to {\\n -webkit-transform: scale(1.3);\\n transform: scale(1.3); } }\\n.hvr-icon-pulse-grow {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em; }\\n.hvr-icon-pulse-grow:before {\\n content: \\\"\\\\f015\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {\\n -webkit-animation-name: hvr-icon-pulse-grow;\\n animation-name: hvr-icon-pulse-grow;\\n -webkit-animation-duration: 0.3s;\\n animation-duration: 0.3s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: infinite;\\n animation-iteration-count: infinite;\\n -webkit-animation-direction: alternate;\\n animation-direction: alternate; }\\n@-webkit-keyframes hvr-icon-pulse-shrink {\\n to {\\n -webkit-transform: scale(0.8);\\n transform: scale(0.8); } }\\n@keyframes hvr-icon-pulse-shrink {\\n to {\\n -webkit-transform: scale(0.8);\\n transform: scale(0.8); } }\\n.hvr-icon-pulse-shrink {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em; }\\n.hvr-icon-pulse-shrink:before {\\n content: \\\"\\\\f015\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {\\n -webkit-animation-name: hvr-icon-pulse-shrink;\\n animation-name: hvr-icon-pulse-shrink;\\n -webkit-animation-duration: 0.3s;\\n animation-duration: 0.3s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: infinite;\\n animation-iteration-count: infinite;\\n -webkit-animation-direction: alternate;\\n animation-direction: alternate; }\\n@-webkit-keyframes hvr-icon-push {\\n 50% {\\n -webkit-transform: scale(0.5);\\n transform: scale(0.5); } }\\n@keyframes hvr-icon-push {\\n 50% {\\n -webkit-transform: scale(0.5);\\n transform: scale(0.5); } }\\n.hvr-icon-push {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-push:before {\\n content: \\\"\\\\f006\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {\\n -webkit-animation-name: hvr-icon-push;\\n animation-name: hvr-icon-push;\\n -webkit-animation-duration: 0.3s;\\n animation-duration: 0.3s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n@-webkit-keyframes hvr-icon-pop {\\n 50% {\\n -webkit-transform: scale(1.5);\\n transform: scale(1.5); } }\\n@keyframes hvr-icon-pop {\\n 50% {\\n -webkit-transform: scale(1.5);\\n transform: scale(1.5); } }\\n.hvr-icon-pop {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-pop:before {\\n content: \\\"\\\\f005\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {\\n -webkit-animation-name: hvr-icon-pop;\\n animation-name: hvr-icon-pop;\\n -webkit-animation-duration: 0.3s;\\n animation-duration: 0.3s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n.hvr-icon-bounce {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-bounce:before {\\n content: \\\"\\\\f087\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {\\n -webkit-transform: scale(1.5);\\n transform: scale(1.5);\\n -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\\n transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }\\n.hvr-icon-rotate {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-rotate:before {\\n content: \\\"\\\\f0c6\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {\\n -webkit-transform: rotate(20deg);\\n transform: rotate(20deg); }\\n.hvr-icon-grow-rotate {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-grow-rotate:before {\\n content: \\\"\\\\f095\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {\\n -webkit-transform: scale(1.5) rotate(12deg);\\n transform: scale(1.5) rotate(12deg); }\\n.hvr-icon-float {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-float:before {\\n content: \\\"\\\\f01b\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {\\n -webkit-transform: translateY(-4px);\\n transform: translateY(-4px); }\\n.hvr-icon-sink {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-sink:before {\\n content: \\\"\\\\f01a\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: transform;\\n -webkit-transition-property: -webkit-transform;\\n transition-property: -webkit-transform;\\n transition-property: transform;\\n transition-property: transform, -webkit-transform;\\n -webkit-transition-timing-function: ease-out;\\n transition-timing-function: ease-out; }\\n.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {\\n -webkit-transform: translateY(4px);\\n transform: translateY(4px); }\\n@-webkit-keyframes hvr-icon-bob {\\n 0% {\\n -webkit-transform: translateY(-6px);\\n transform: translateY(-6px); }\\n 50% {\\n -webkit-transform: translateY(-2px);\\n transform: translateY(-2px); }\\n 100% {\\n -webkit-transform: translateY(-6px);\\n transform: translateY(-6px); } }\\n@keyframes hvr-icon-bob {\\n 0% {\\n -webkit-transform: translateY(-6px);\\n transform: translateY(-6px); }\\n 50% {\\n -webkit-transform: translateY(-2px);\\n transform: translateY(-2px); }\\n 100% {\\n -webkit-transform: translateY(-6px);\\n transform: translateY(-6px); } }\\n@-webkit-keyframes hvr-icon-bob-float {\\n 100% {\\n -webkit-transform: translateY(-6px);\\n transform: translateY(-6px); } }\\n@keyframes hvr-icon-bob-float {\\n 100% {\\n -webkit-transform: translateY(-6px);\\n transform: translateY(-6px); } }\\n.hvr-icon-bob {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-bob:before {\\n content: \\\"\\\\f077\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0); }\\n.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {\\n -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;\\n animation-name: hvr-icon-bob-float, hvr-icon-bob;\\n -webkit-animation-duration: .3s, 1.5s;\\n animation-duration: .3s, 1.5s;\\n -webkit-animation-delay: 0s, .3s;\\n animation-delay: 0s, .3s;\\n -webkit-animation-timing-function: ease-out, ease-in-out;\\n animation-timing-function: ease-out, ease-in-out;\\n -webkit-animation-iteration-count: 1, infinite;\\n animation-iteration-count: 1, infinite;\\n -webkit-animation-fill-mode: forwards;\\n animation-fill-mode: forwards;\\n -webkit-animation-direction: normal, alternate;\\n animation-direction: normal, alternate; }\\n@-webkit-keyframes hvr-icon-hang {\\n 0% {\\n -webkit-transform: translateY(6px);\\n transform: translateY(6px); }\\n 50% {\\n -webkit-transform: translateY(2px);\\n transform: translateY(2px); }\\n 100% {\\n -webkit-transform: translateY(6px);\\n transform: translateY(6px); } }\\n@keyframes hvr-icon-hang {\\n 0% {\\n -webkit-transform: translateY(6px);\\n transform: translateY(6px); }\\n 50% {\\n -webkit-transform: translateY(2px);\\n transform: translateY(2px); }\\n 100% {\\n -webkit-transform: translateY(6px);\\n transform: translateY(6px); } }\\n@-webkit-keyframes hvr-icon-hang-sink {\\n 100% {\\n -webkit-transform: translateY(6px);\\n transform: translateY(6px); } }\\n@keyframes hvr-icon-hang-sink {\\n 100% {\\n -webkit-transform: translateY(6px);\\n transform: translateY(6px); } }\\n.hvr-icon-hang {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-hang:before {\\n content: \\\"\\\\f078\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0); }\\n.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {\\n -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;\\n animation-name: hvr-icon-hang-sink, hvr-icon-hang;\\n -webkit-animation-duration: .3s, 1.5s;\\n animation-duration: .3s, 1.5s;\\n -webkit-animation-delay: 0s, .3s;\\n animation-delay: 0s, .3s;\\n -webkit-animation-timing-function: ease-out, ease-in-out;\\n animation-timing-function: ease-out, ease-in-out;\\n -webkit-animation-iteration-count: 1, infinite;\\n animation-iteration-count: 1, infinite;\\n -webkit-animation-fill-mode: forwards;\\n animation-fill-mode: forwards;\\n -webkit-animation-direction: normal, alternate;\\n animation-direction: normal, alternate; }\\n@-webkit-keyframes hvr-icon-wobble-horizontal {\\n 16.65% {\\n -webkit-transform: translateX(6px);\\n transform: translateX(6px); }\\n 33.3% {\\n -webkit-transform: translateX(-5px);\\n transform: translateX(-5px); }\\n 49.95% {\\n -webkit-transform: translateX(4px);\\n transform: translateX(4px); }\\n 66.6% {\\n -webkit-transform: translateX(-2px);\\n transform: translateX(-2px); }\\n 83.25% {\\n -webkit-transform: translateX(1px);\\n transform: translateX(1px); }\\n 100% {\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n@keyframes hvr-icon-wobble-horizontal {\\n 16.65% {\\n -webkit-transform: translateX(6px);\\n transform: translateX(6px); }\\n 33.3% {\\n -webkit-transform: translateX(-5px);\\n transform: translateX(-5px); }\\n 49.95% {\\n -webkit-transform: translateX(4px);\\n transform: translateX(4px); }\\n 66.6% {\\n -webkit-transform: translateX(-2px);\\n transform: translateX(-2px); }\\n 83.25% {\\n -webkit-transform: translateX(1px);\\n transform: translateX(1px); }\\n 100% {\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n.hvr-icon-wobble-horizontal {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-wobble-horizontal:before {\\n content: \\\"\\\\f061\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0); }\\n.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {\\n -webkit-animation-name: hvr-icon-wobble-horizontal;\\n animation-name: hvr-icon-wobble-horizontal;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-timing-function: ease-in-out;\\n animation-timing-function: ease-in-out;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n@-webkit-keyframes hvr-icon-wobble-vertical {\\n 16.65% {\\n -webkit-transform: translateY(6px);\\n transform: translateY(6px); }\\n 33.3% {\\n -webkit-transform: translateY(-5px);\\n transform: translateY(-5px); }\\n 49.95% {\\n -webkit-transform: translateY(4px);\\n transform: translateY(4px); }\\n 66.6% {\\n -webkit-transform: translateY(-2px);\\n transform: translateY(-2px); }\\n 83.25% {\\n -webkit-transform: translateY(1px);\\n transform: translateY(1px); }\\n 100% {\\n -webkit-transform: translateY(0);\\n transform: translateY(0); } }\\n@keyframes hvr-icon-wobble-vertical {\\n 16.65% {\\n -webkit-transform: translateY(6px);\\n transform: translateY(6px); }\\n 33.3% {\\n -webkit-transform: translateY(-5px);\\n transform: translateY(-5px); }\\n 49.95% {\\n -webkit-transform: translateY(4px);\\n transform: translateY(4px); }\\n 66.6% {\\n -webkit-transform: translateY(-2px);\\n transform: translateY(-2px); }\\n 83.25% {\\n -webkit-transform: translateY(1px);\\n transform: translateY(1px); }\\n 100% {\\n -webkit-transform: translateY(0);\\n transform: translateY(0); } }\\n.hvr-icon-wobble-vertical {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-wobble-vertical:before {\\n content: \\\"\\\\f062\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0); }\\n.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {\\n -webkit-animation-name: hvr-icon-wobble-vertical;\\n animation-name: hvr-icon-wobble-vertical;\\n -webkit-animation-duration: 1s;\\n animation-duration: 1s;\\n -webkit-animation-timing-function: ease-in-out;\\n animation-timing-function: ease-in-out;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n@-webkit-keyframes hvr-icon-buzz {\\n 50% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 100% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); } }\\n@keyframes hvr-icon-buzz {\\n 50% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 100% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); } }\\n.hvr-icon-buzz {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-buzz:before {\\n content: \\\"\\\\f017\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0); }\\n.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {\\n -webkit-animation-name: hvr-icon-buzz;\\n animation-name: hvr-icon-buzz;\\n -webkit-animation-duration: 0.15s;\\n animation-duration: 0.15s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: infinite;\\n animation-iteration-count: infinite; }\\n@-webkit-keyframes hvr-icon-buzz-out {\\n 10% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 20% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); }\\n 30% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 40% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); }\\n 50% {\\n -webkit-transform: translateX(2px) rotate(1deg);\\n transform: translateX(2px) rotate(1deg); }\\n 60% {\\n -webkit-transform: translateX(-2px) rotate(-1deg);\\n transform: translateX(-2px) rotate(-1deg); }\\n 70% {\\n -webkit-transform: translateX(2px) rotate(1deg);\\n transform: translateX(2px) rotate(1deg); }\\n 80% {\\n -webkit-transform: translateX(-2px) rotate(-1deg);\\n transform: translateX(-2px) rotate(-1deg); }\\n 90% {\\n -webkit-transform: translateX(1px) rotate(0);\\n transform: translateX(1px) rotate(0); }\\n 100% {\\n -webkit-transform: translateX(-1px) rotate(0);\\n transform: translateX(-1px) rotate(0); } }\\n@keyframes hvr-icon-buzz-out {\\n 10% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 20% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); }\\n 30% {\\n -webkit-transform: translateX(3px) rotate(2deg);\\n transform: translateX(3px) rotate(2deg); }\\n 40% {\\n -webkit-transform: translateX(-3px) rotate(-2deg);\\n transform: translateX(-3px) rotate(-2deg); }\\n 50% {\\n -webkit-transform: translateX(2px) rotate(1deg);\\n transform: translateX(2px) rotate(1deg); }\\n 60% {\\n -webkit-transform: translateX(-2px) rotate(-1deg);\\n transform: translateX(-2px) rotate(-1deg); }\\n 70% {\\n -webkit-transform: translateX(2px) rotate(1deg);\\n transform: translateX(2px) rotate(1deg); }\\n 80% {\\n -webkit-transform: translateX(-2px) rotate(-1deg);\\n transform: translateX(-2px) rotate(-1deg); }\\n 90% {\\n -webkit-transform: translateX(1px) rotate(0);\\n transform: translateX(1px) rotate(0); }\\n 100% {\\n -webkit-transform: translateX(-1px) rotate(0);\\n transform: translateX(-1px) rotate(0); } }\\n.hvr-icon-buzz-out {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative;\\n padding-right: 2.2em;\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s; }\\n.hvr-icon-buzz-out:before {\\n content: \\\"\\\\f023\\\";\\n position: absolute;\\n right: 1em;\\n padding: 0 1px;\\n font-family: FontAwesome;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0); }\\n.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {\\n -webkit-animation-name: hvr-icon-buzz-out;\\n animation-name: hvr-icon-buzz-out;\\n -webkit-animation-duration: 0.75s;\\n animation-duration: 0.75s;\\n -webkit-animation-timing-function: linear;\\n animation-timing-function: linear;\\n -webkit-animation-iteration-count: 1;\\n animation-iteration-count: 1; }\\n.hvr-curl-top-left {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-curl-top-left:before {\\n pointer-events: none;\\n position: absolute;\\n content: '';\\n height: 0;\\n width: 0;\\n top: 0;\\n left: 0;\\n background: white;\\n background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);\\n filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');\\n z-index: 1000;\\n -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);\\n box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: width, height;\\n transition-property: width, height; }\\n.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {\\n width: 25px;\\n height: 25px; }\\n.hvr-curl-top-right {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-curl-top-right:before {\\n pointer-events: none;\\n position: absolute;\\n content: '';\\n height: 0;\\n width: 0;\\n top: 0;\\n right: 0;\\n background: white;\\n background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);\\n -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);\\n box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: width, height;\\n transition-property: width, height; }\\n.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {\\n width: 25px;\\n height: 25px; }\\n.hvr-curl-bottom-right {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-curl-bottom-right:before {\\n pointer-events: none;\\n position: absolute;\\n content: '';\\n height: 0;\\n width: 0;\\n bottom: 0;\\n right: 0;\\n background: white;\\n background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);\\n -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);\\n box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: width, height;\\n transition-property: width, height; }\\n.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {\\n width: 25px;\\n height: 25px; }\\n.hvr-curl-bottom-left {\\n display: inline-block;\\n vertical-align: middle;\\n -webkit-transform: perspective(1px) translateZ(0);\\n transform: perspective(1px) translateZ(0);\\n -webkit-box-shadow: 0 0 1px transparent;\\n box-shadow: 0 0 1px transparent;\\n position: relative; }\\n.hvr-curl-bottom-left:before {\\n pointer-events: none;\\n position: absolute;\\n content: '';\\n height: 0;\\n width: 0;\\n bottom: 0;\\n left: 0;\\n background: white;\\n background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);\\n -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);\\n box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);\\n -webkit-transition-duration: 0.3s;\\n transition-duration: 0.3s;\\n -webkit-transition-property: width, height;\\n transition-property: width, height; }\\n.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {\\n width: 25px;\\n height: 25px; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/customer-pre-login/pre-login.component.scss\n// module id = ./src/app/components/customer-pre-login/pre-login.component.scss\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'customer-prelogin',\r\n templateUrl: 'pre-login.component.html',\r\n styleUrls: ['pre-login.component.scss']\r\n})\r\nexport class CustomerPreloginComponent implements OnInit {\r\n menuId: number = 1;\r\n constructor(private router: Router, private activatedRoute: ActivatedRoute) {\r\n //this.apiResponse.Status = false;\r\n }\r\n\r\n ngOnInit() {\r\n window.scrollTo(0, 0);\r\n //this.commonEndpoint.CheckIsUserAlreadyLogin();\r\n this.activatedRoute.queryParams.subscribe(params => {\r\n if (params[\"id\"] && +params[\"id\"]==3) {\r\n this.menuId = 3;\r\n }\r\n })\r\n this.CheckIsUserAlreadyLogin();\r\n }\r\n preLoginMenuOptionClick(value) {\r\n this.menuId = value;\r\n }\r\n CheckIsUserAlreadyLogin() {\r\n debugger\r\n if (localStorage.getItem('currentUser') != null) {\r\n if(localStorage.getItem('EntityType') != null && localStorage.getItem('EntityType') != \"102\")\r\n this.router.navigate(['/profile/dashboard']);\r\n else if(localStorage.getItem('EntityType') != null && localStorage.getItem('EntityType') != \"115\")\r\n {\r\n this.router.navigate(['/secure']);\r\n }else\r\n this.router.navigate(['/merchant']);\r\n }\r\n }\r\n\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/app/components/customer-pre-login/pre-login.component.ts","module.exports = \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n Terms & Conditions
\\r\\nIGL Smart Card - Fleet
\\r\\nDefinitions:
\\r\\n- \\r\\n
- “IGL Smart Card” is a program designed as a Fleet & Retail management tool and targeted to CNG\\r\\n vehicle fleets and individual owner in Delhi & NCR by Indraprastha Gas Limited, hereinafter\\r\\n called as “IGL”. \\r\\n
- \\r\\n “IGL RO” means selected IGL retail outlets (CNG pumps) at which the IGL Smart Card will be\\r\\n accepted.\\r\\n \\r\\n
- \\r\\n “Member” means a member of the IGL Smart Card Fleet Program on approval, which is, any business\\r\\n entity controlling a fleet of vehicles.\\r\\n \\r\\n
- \\r\\n “Card” refers to the IGL Smart Card - Fleet\\r\\n \\r\\n
- \\r\\n “Vehicle” refers to any CNG consuming unit.\\r\\n \\r\\n
- \\r\\n “Data” means personal information provided in the application form.\\r\\n \\r\\n
Membership & Enrollment for IGL Smart Card - Fleet
\\r\\n- \\r\\n
- \\r\\n Any business entity or individual with fleet size of minimum 2 vehicles can enroll into the IGL\\r\\n Smart Card - Fleet Program.\\r\\n \\r\\n
- \\r\\n Any individual designated by the member for using the IGL Smart Fleet Card must be above 18\\r\\n years of age.\\r\\n \\r\\n
- \\r\\n Fleet can comprise all types of vehicles.\\r\\n \\r\\n
- \\r\\n Applicants can only apply for the pre-paid facility on the card.\\r\\n \\r\\n
- \\r\\n Incomplete and unsigned applications are liable to be rejected.\\r\\n \\r\\n
- \\r\\n IGL reserves the right to grant or refuse membership to IGL Smart Card - Fleet Program.\\r\\n \\r\\n
- \\r\\n Each business entity will be given only one card per vehicle.\\r\\n \\r\\n
- \\r\\n Cards will be delivered to the Applicants authorized representative only after receiving the\\r\\n card cost and verifying the complete application form.\\r\\n \\r\\n
- \\r\\n The member should take adequate precautions to protect the cards and prevent damage.\\r\\n \\r\\n
- \\r\\n For the card be lost, a fresh application can be made for a new one on payment. The latest\\r\\n charges would be available on request and can be viewed at the website of the Program.\\r\\n \\r\\n
- \\r\\n All cards will be provided with a PIN feature to be activated on first usage.\\r\\n \\r\\n
- \\r\\n Any liability arising due to card loss, misuse, or out of sharing of PIN consciously or\\r\\n otherwise, would render the member liable for all losses.\\r\\n \\r\\n
- \\r\\n The loss of the card should be intimated to HelpDesk immediately, and IGL shall arrange to\\r\\n hotlist the card. However, IGL will not be liable for any misuse whatsoever during the interim\\r\\n period.\\r\\n \\r\\n
- \\r\\n Any change of information as provided in the IGL Smart Card - Fleet Application Form must be\\r\\n notified to IGL Smart Card - Fleet Service Centre.\\r\\n \\r\\n
- \\r\\n The IGL Smart Card - Fleet Program has no predetermined termination date and may continue until\\r\\n such time as IGL decides to terminate the Program, at any time, with or without notice.\\r\\n \\r\\n
- \\r\\n The card cost is non-refundable.\\r\\n \\r\\n
- \\r\\n All communication will be sent to the address given in the IGL Smart card - Fleet Application\\r\\n Form and it is the responsibility of the member to inform IGL Smart card Service Centre about\\r\\n any changes in the address.\\r\\n \\r\\n
- \\r\\n All communication will be deemed to have been received by the member and IGL bears no\\r\\n responsibility for communication not received or lost in the mail or courier.\\r\\n \\r\\n
- \\r\\n The Member permits IGL to use the ‘Data’ for marketing activities. However, IGL would ensure\\r\\n confidentiality.\\r\\n \\r\\n
- \\r\\n All telephone instructions received and verified shall be deemed proper and IGL shall not be\\r\\n liable for executing these instructions in good faith. All such telephone instructions will be\\r\\n treated as having been written and signed.\\r\\n \\r\\n \\r\\n
Loading & Payment - Fleet
\\r\\n- \\r\\n
- \\r\\n The card will have the electronic equivalent of cash loaded on the NFC card which will be\\r\\n referred to as e-cash. The amount to be loaded through many options. The details are available\\r\\n at www.iglsmartcard.com\\r\\n \\r\\n
- \\r\\n The e-cash is a payment towards future purchase.\\r\\n \\r\\n
General - Fleet
\\r\\n- \\r\\n
- \\r\\n IGL reserves the right to discontinue IGL Smart Card - Fleet membership to any member who\\r\\n appears to be using the program in a manner inconsistent with the Terms and Conditions or\\r\\n intent of the Program or any portion of the Program. IGL also reserves the right to discontinue\\r\\n membership for any member who acts in a manner inconsistent with local or state laws, statutes\\r\\n or ordinances.\\r\\n \\r\\n
- All interpretations of Program rules shall be at the sole discretion of IGL. \\r\\n
- IGL reserves the right to add, modify, delete or otherwise change any of the rules, conditions,\\r\\n benefits, pertaining to the Program at its sole discretion, with or without notice. \\r\\n
- The Program and any benefit, offering or the like relating to the Program, shall not be\\r\\n construed as to constitute a contract or otherwise establish a contractual relationship between\\r\\n IGL and any IGL Smart Card - Fleet Member. \\r\\n
- Nothing in IGL Smart Card - Fleet Program rules is intended or shall be construed to create or\\r\\n establish any agency, partnership or joint venture relationship between IGL and the members and\\r\\n partners. \\r\\n
- Terms and conditions of IGL Smart Card Fleet Program are governed by the laws of the Republic\\r\\n of India and will be restricted to the Delhi jurisdiction under the Delhi High Court. \\r\\n
- If you contact us by telephone we may record or monitor calls in order to avoid possible\\r\\n misunderstandings and help maintain customer service. \\r\\n
- \\r\\n For SMS & Internet Terms & Conditions please visit to www.iglsmartcard.com\\r\\n \\r\\n
- \\r\\n Any change of information must be notified on our Helpline No. 0120-4738005 and email us at\\r\\n support@iglsmartcard.com\\r\\n \\r\\n
- \\r\\n The Terms and Conditions are subject to change without any prior notice.\\r\\n \\r\\n
- \\r\\n The Terms and Conditions of the Prepaid Cards will be Part and Parcel of the Agreements signed\\r\\n earlier and vice versa with M/s IndusInd Bank.\\r\\n \\r\\n
IGL Smart Card - Retail
\\r\\nDefinitions:
\\r\\n- \\r\\n
- \\r\\n “IGL Smart Card” is a program designed as a Retail & Fleet management tool and targeted to CNG\\r\\n individual owner and vehicle fleets in Delhi & NCR by Indraprastha Gas Limited, hereinafter\\r\\n called as “IGL”.\\r\\n \\r\\n
- \\r\\n “IGL RO” means selected IGL retail outlets (CNG pumps) at which the IGL Smart Card will be\\r\\n accepted.\\r\\n \\r\\n
- \\r\\n “Member” means a member of the IGL Smart Card retail Program on approval, which is, any\\r\\n individual controlling max 5 no. of vehicles.\\r\\n \\r\\n
- \\r\\n “Card” refers to the IGL Smart Card - Retail.\\r\\n \\r\\n
- \\r\\n “Vehicle” refers to any CNG consuming unit.\\r\\n \\r\\n
- \\r\\n “Data” means personal information provided in the application form.\\r\\n \\r\\n \\r\\n
Membership & Enrollment for IGL Smart Card - Retail
\\r\\n- \\r\\n
- Membership is open to all individuals who are aged 18 (eighteen) years or more by Pre-login at\\r\\n www.iglsmartcard.com or Login at POS Terminals\\r\\n installed at IGL CNG Stations.\\r\\n \\r\\n
- The enrolment fee is Rs. 50/- and is non-refundable.\\r\\n \\r\\n
- \\r\\n IGL Smart Card will be handed over to the Member on the spot at IGL CNG station after\\r\\n successful registration and payment of Enrollment Fees.\\r\\n \\r\\n
- \\r\\n All cards will be provided with a PIN feature.\\r\\n \\r\\n
- \\r\\n The card is non-transferable and intended for personal use only. Any liability arising due to\\r\\n card loss, misuse, or out of sharing of PIN consciously or otherwise, would render the Member\\r\\n liable for all losses.\\r\\n \\r\\n
- \\r\\n The Member will be solely responsible for the inconvenience or inability to use the card due to\\r\\n forgetting the PIN till the time IGL Customer Care is intimated. The Member should take\\r\\n adequate precautions to protect the card and prevent damage.\\r\\n \\r\\n
- \\r\\n For the card be lost, a fresh application can be made for a new one on payment. The latest\\r\\n charges would be available on request and can be viewed at the website of the Program.\\r\\n \\r\\n
- \\r\\n The loss of the card should be intimated to HelpDesk immediately, and IGL shall arrange to\\r\\n hotlist the card. However, IGL will not be liable for any misuse whatsoever during the interim\\r\\n period.\\r\\n \\r\\n
- \\r\\n If the hot listed card is subsequently found, it cannot be de-hotlisted and the card holder\\r\\n will have to apply for a replacement card.\\r\\n \\r\\n
- \\r\\n All communication will be deemed to have been received by the member and IGL bears no\\r\\n responsibility for communication not received or lost in the mail or courier.\\r\\n \\r\\n
- \\r\\n The Member permits IGL to use the ‘Data’ for marketing activities. However, IGL would ensure\\r\\n confidentiality.\\r\\n \\r\\n
- \\r\\n All telephone instructions received and verified shall be deemed proper and IGL shall not be\\r\\n liable for executing these instructions in good faith. All such telephone instructions will be\\r\\n treated as having been written and signed.\\r\\n \\r\\n
Loading and Payment - Retail
\\r\\n- \\r\\n
- \\r\\n The card will have the electronic equivalent of cash loaded on the NFC Card which will be\\r\\n referred to as e-cash. The amount can be loaded with the Manager of the IGL RO having the\\r\\n loading facility.\\r\\n \\r\\n
- \\r\\n The amount can also be loaded through many online & E-Wallet options. The details are available\\r\\n at www.iglsmartcard.com\\r\\n \\r\\n
- \\r\\n The e-cash is a payment towards future purchases.\\r\\n \\r\\n
- \\r\\n The minimum load amount at each time would be Rs.300 per card. Any additional amount desired to\\r\\n be loaded will have to be in the multiples of Rs. 100/-\\r\\n \\r\\n \\r\\n
General - Retail
\\r\\n- \\r\\n
- \\r\\n IGL reserves the right to discontinue IGL Smart Card- Retail membership to any Member who\\r\\n appears to be using the Program in a manner inconsistent with the terms and conditions or\\r\\n intent of the Program or any portion of the Program, including, but not limited to, reward\\r\\n redemption. IGL also reserves the right to discontinue membership for any Member who acts in a\\r\\n manner inconsistent with local or state laws, statutes or ordinances.\\r\\n \\r\\n
- \\r\\n All interpretations of Program rules shall be at the sole discretion of IGL.\\r\\n \\r\\n
- \\r\\n IGL reserves the right to add, modify, delete or otherwise change any of the rules, conditions,\\r\\n benefits, rewards or reward level pertaining to the Program at its sole discretion, with or\\r\\n without notice.\\r\\n \\r\\n
- \\r\\n Any change of information must be notified on our Helpline No. 0120-4738005 and email us at\\r\\n email us at support@iglsmartcard.com\\r\\n\\r\\n \\r\\n
- \\r\\n The Program and any benefit, offering or the like relating to the Program, shall not be\\r\\n construed as to constitute a contract or otherwise establish a contractual relationship between\\r\\n IGL and any Member.\\r\\n \\r\\n
- \\r\\n Nothing in the IGL Smart Card - Retail Program rules is intended or shall be construed to\\r\\n create or establish any agency, partnership or joint venture relationship between IGL and the\\r\\n Members and partners.\\r\\n \\r\\n
- \\r\\n The Program has no predetermined termination date and may continue until such time as IGL\\r\\n decides to terminate the Program, at any time, with or without notice.\\r\\n \\r\\n
- \\r\\n Each Member is responsible for remaining knowledgeable as to the Program rules and IGL will\\r\\n send Email and SMS to Members to advise them of matters of interest, including notification of\\r\\n Program changes However neither IGL nor Program management service providers nor the owners of\\r\\n participating outlets nor companies participating as partners in the Program will be liable for\\r\\n any failure to do so and will not be responsible for correspondence lost or delayed in the\\r\\n mail. The latest terms and conditions shall be available on request or can be viewed on the\\r\\n website of the Program.\\r\\n \\r\\n
- \\r\\n All telephone instructions received and verified shall be deemed proper and IGL shall not be\\r\\n liable for executing these instructions in good faith. All such telephone instructions will be\\r\\n treated as having been written and signed.\\r\\n \\r\\n
- \\r\\n Terms and conditions of IGL Smart Card - Retail Program are governed by the laws of the\\r\\n Republic of India and will be restricted to the Delhi jurisdiction.\\r\\n \\r\\n
- \\r\\n Terms and conditions of IGL Smart Card - Retail Program are governed by the laws of the\\r\\n Republic of India and will be restricted to the Delhi jurisdictionTerms and conditions of the\\r\\n IGL Smart Card Program are subject to change without prior notice and for further details\\r\\n Members may log onto www.iglsmartcard.com\\r\\n \\r\\n
- \\r\\n The Terms and Conditions of the Prepaid Cards will be Part and Parcel of the Agreements signed\\r\\n earlier and vice versa with M/s IndusInd Bank.\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{errorMessageDate}}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{txn4ParticularMonth.transactionDateAndMonth}}
\\r\\n \\r\\n
\\r\\n- \\r\\n
- \\r\\n \\r\\n\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n
{{txn.OutletName}}\\r\\n
\\r\\n
\\r\\n\\r\\n {{txn.TransactionId}},\\r\\n {{txn.CardNumber}},\\r\\n {{txn.TransactionDate}}\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n {{txn.TxnAmount}}
\\r\\n{{txn.TransactionType}}
\\r\\n \\r\\n
Add Comment:
\\r\\n \\r\\n {{errorMessageComment}}\\r\\n\\r\\n \\r\\n {{saveIssuerDetails.FileName}}\\r\\n {{invalidFileTypeErrorMessage}}\\r\\n