diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..e8d514c8d --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,4 @@ +{ + "git.mergeEditor": true, + "merge-conflict.autoNavigateNextConflict.enabled": true +} \ No newline at end of file diff --git a/README.md b/README.md index e03630b34..8b1378917 100644 --- a/README.md +++ b/README.md @@ -1,178 +1 @@ -# [Light Bootstrap Dashboard Angular](https://demos.creative-tim.com/light-bootstrap-dashboard-angular2/dashboard) -[![version][version-badge]][CHANGELOG] ![license][license-badge] -![alt text](src/assets/img/opt_lbd_angular_thumbnail.jpg) - -**[Light Bootstrap Dashboard Angular](https://demos.creative-tim.com/light-bootstrap-dashboard-angular2/dashboard)** is an admin dashboard template designed to be beautiful and simple. It is built on top of Bootstrap 3, using [Light Bootstrap Dashboard](https://www.creative-tim.com/product/light-bootstrap-dashboard) and it is fully responsive. It comes with a big collections of elements that will offer you multiple possibilities to create the app that best fits your needs. It can be used to create admin panels, project management systems, web applications backend, CMS or CRM. - -The product represents a big suite of front-end developer tools that can help you jump start your project. We have created it thinking about things you actually need in a dashboard. Light Bootstrap Dashboard Angular 2 contains multiple handpicked and optimized plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customization of this product. - -It comes with 6 filter colors for the sidebar (“black”, “azure”,”green”,”orange”,”red”,”purple”) and an option to have a background image. - -Special thanks go to: Robert McIntosh for the notification system Chartist for the wonderful charts We are very excited to share this dashboard with you and we look forward to hearing your feedback! - -## Links: - -+ [Live Preview](https://demos.creative-tim.com/light-bootstrap-dashboard-angular2/dashboard) -+ [Light Bootstrap Dashboard PRO Angular](https://www.creative-tim.com/product/light-bootstrap-dashboard-pro-angular2/?ref=lbd-angular-github) ($49) - -## Quick Start: - -Quick start options: - -+ [Download from Github](https://github.com/creativetimofficial/light-bootstrap-dashboard-angular2/archive/master.zip). -+ [Download from Creative Tim](https://www.creative-tim.com/product/light-bootstrap-dashboard-angular2). -+ Clone the repo: `git clone https://github.com/creativetimofficial/light-bootstrap-dashboard-angular2.git`. - -## Deploy - -:rocket: You can deploy your own version of the template to Genezio with one click: - -[![Deploy to Genezio](https://raw.githubusercontent.com/Genez-io/graphics/main/svg/deploy-button.svg)](https://app.genez.io/start/deploy?repository=https://github.com/creativetimofficial/light-bootstrap-dashboard-angular2&utm_source=github&utm_medium=referral&utm_campaign=github-creativetim&utm_term=deploy-project&utm_content=button-head) - -## Terminal Commands - -1. Install NodeJs from [NodeJs Official Page](https://nodejs.org/en). -2. Open Terminal -3. Go to your file project -4. Run in terminal: ```npm install -g @angular/cli``` -5. Then: ```npm install``` -6. And: ```ng serve``` -7. Navigate to `http://localhost:4200/` - -### What's included - -Within the download you'll find the following directories and files: -``` -light-bootstrap-dashboard-angular -├── CHANGELOG.md -├── LICENSE.md -├── README.md -├── angular.json -├── documentation -│   ├── css -│   └── tutorial-lbd-angular2.html -├── e2e -├── karma.conf.js -├── package-lock.json -├── package.json -├── protractor.conf.js -├── src -│   ├── app -│   │   ├── app.component.css -│   │   ├── app.component.html -│   │   ├── app.component.spec.ts -│   │   ├── app.component.ts -│   │   ├── app.module.ts -│   │   ├── app.routing.ts -│   │   ├── home -│   │   │   ├── home.component.css -│   │   │   ├── home.component.html -│   │   │   ├── home.component.spec.ts -│   │   │   └── home.component.ts -│   │   ├── icons -│   │   │   ├── icons.component.css -│   │   │   ├── icons.component.html -│   │   │   ├── icons.component.spec.ts -│   │   │   └── icons.component.ts -│   │   ├── layouts -│   │   │   └── admin-layout -│   │   │   ├── admin-layout.component.html -│   │   │   ├── admin-layout.component.scss -│   │   │   ├── admin-layout.component.spec.ts -│   │   │   ├── admin-layout.component.ts -│   │   │   ├── admin-layout.module.ts -│   │   │   └── admin-layout.routing.ts -│   │   ├── lbd -│   │   │   ├── lbd-chart -│   │   │   │   ├── lbd-chart.component.html -│   │   │   │   └── lbd-chart.component.ts -│   │   │   └── lbd.module.ts -│   │   ├── maps -│   │   │   ├── maps.component.css -│   │   │   ├── maps.component.html -│   │   │   ├── maps.component.spec.ts -│   │   │   └── maps.component.ts -│   │   ├── notifications -│   │   │   ├── notifications.component.css -│   │   │   ├── notifications.component.html -│   │   │   ├── notifications.component.spec.ts -│   │   │   └── notifications.component.ts -│   │   ├── shared -│   │   │   ├── footer -│   │   │   │   ├── footer.component.html -│   │   │   │   ├── footer.component.ts -│   │   │   │   └── footer.module.ts -│   │   │   └── navbar -│   │   │   ├── navbar.component.html -│   │   │   ├── navbar.component.ts -│   │   │   └── navbar.module.ts -│   │   ├── sidebar -│   │   │   ├── sidebar.component.html -│   │   │   ├── sidebar.component.ts -│   │   │   └── sidebar.module.ts -│   │   ├── tables -│   │   │   ├── tables.component.css -│   │   │   ├── tables.component.html -│   │   │   ├── tables.component.spec.ts -│   │   │   └── tables.component.ts -│   │   ├── typography -│   │   │   ├── typography.component.css -│   │   │   ├── typography.component.html -│   │   │   ├── typography.component.spec.ts -│   │   │   └── typography.component.ts -│   │   ├── upgrade -│   │   │   ├── upgrade.component.css -│   │   │   ├── upgrade.component.html -│   │   │   ├── upgrade.component.spec.ts -│   │   │   └── upgrade.component.ts -│   │   └── user -│   │   ├── user.component.css -│   │   ├── user.component.html -│   │   ├── user.component.spec.ts -│   │   └── user.component.ts -│   ├── assets -│   │   ├── css -│   │   ├── fonts -│   │   ├── img -│   │   └── sass -│   │   ├── lbd -│   │   └── light-bootstrap-dashboard.scss -│   ├── environments -│   ├── favicon.ico -│   ├── index.html -│   ├── main.ts -│   ├── polyfills.ts -│   ├── styles.css -│   ├── test.ts -│   └── tsconfig.json -├── tslint.json -└── typings.json - -``` -## Useful Links - -More products from Creative Tim: - -Tutorials: - -Freebies: - -Affiliate Program (earn money): - -Social Media: - -Twitter: - -Facebook: - -Dribbble: - -Google+: - -Instagram: - -[CHANGELOG]: ./CHANGELOG.md - -[version-badge]: https://img.shields.io/badge/version-1.9.0-blue.svg -[license-badge]: https://img.shields.io/badge/license-MIT-blue.svg diff --git a/angular.json b/angular.json index b232b7f9f..3ca145eff 100644 --- a/angular.json +++ b/angular.json @@ -19,21 +19,37 @@ "assets": [ "src/assets", "src/favicon.ico" + ], "styles": [ "node_modules/perfect-scrollbar/css/perfect-scrollbar.css", "node_modules/animate.css/animate.min.css", "node_modules/bootstrap/dist/css/bootstrap.min.css", "src/assets/sass/light-bootstrap-dashboard.scss", - "src/assets/css/demo.css" + "src/assets/css/demo.css", + "src/styles.css", + "src/assets/css/bootstrap.min.css", + "src/assets/css/tooplate-infinite-loop.css", + "src/assets/fontawesome-5.5/css/all.min.css", + "src/assets/magnific-popup/magnific-popup.css", + "src/assets/slick/slick.css", + "src/assets/slick/slick-theme.css", + "node_modules/intl-tel-input/build/css/intlTelInput.css" ], "scripts": [ "node_modules/jquery/dist/jquery.js", "node_modules/bootstrap/dist/js/bootstrap.js", "node_modules/bootstrap-notify/bootstrap-notify.js", - "node_modules/chartist/dist/chartist.js" - ] - }, + "node_modules/chartist/dist/chartist.js", + "src/assets/js/jquery-1.9.1.min.js", + "src/assets/slick/slick.min.js", + "src/assets/magnific-popup/jquery.magnific-popup.min.js", + "src/assets/js/easing.min.js", + "src/assets/js/jquery.singlePageNav.min.js", + "src/assets/js/bootstrap.min.js", + "node_modules/html2pdf.js/dist/html2pdf.bundle.min.js", + "node_modules/intl-tel-input/build/js/intlTelInput.min.js" + ] }, "configurations": { "production": { "optimization": true, @@ -62,7 +78,7 @@ "minify": false, "inlineCritical": true }, - "fonts": true + "fonts": false }, "outputHashing": "all" } diff --git a/package.json b/package.json index c51c02de7..14fffd0f1 100644 --- a/package.json +++ b/package.json @@ -24,41 +24,55 @@ "@angular/material": "^14.2.0", "@angular/platform-browser": "^14.2.0", "@angular/platform-browser-dynamic": "^14.2.0", - "@angular/router": "^14.2.0", + "@angular/router": "^14.3.0", "@ngui/map": "0.30.3", + "@ngx-translate/core": "^14.0.0", + "@ngx-translate/http-loader": "^7.0.0", + "@popperjs/core": "^2.11.8", "@types/googlemaps": "3.43.3", "animate.css": "4.1.1", "arrive": "2.4.1", - "bootstrap": "3.3.7", + "bootstrap": "^5.3.6", "bootstrap-notify": "3.1.3", "chartist": "0.11.4", + "emailjs-com": "^3.2.0", "googleapis": "66.0.0", - "jquery": "3.5.1", + "html2pdf.js": "^0.10.3", + "intl-tel-input": "^25.3.1", + + + + "jquery": "^3.7.1", + "ngx-slickjs": "^1.5.2", + "perfect-scrollbar": "1.5.0", "rxjs": "~7.5.0", + "slick-carousel": "^1.8.1", + "sweetalert2": "^11.22.0", "tslib": "^2.3.0", "zone.js": "~0.11.4" }, "devDependencies": { - "@angular-devkit/build-angular": "^14.2.3", + "@angular-devkit/build-angular": "^14.2.0", "@angular/cli": "~14.2.3", "@angular/compiler-cli": "^14.2.0", + "@types/chartist": "0.11.0", + "@types/intl-tel-input": "^18.1.4", "@types/jasmine": "~5.1.4", + "@types/jasminewd2": "~2.0.13", + "@types/jquery": "3.5.30", + "@types/node": "20.14.11", + "codelyzer": "^0.0.28", + "cross-env": "^7.0.3", "jasmine-core": "~4.3.0", + "jasmine-spec-reporter": "~7.0.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.0.0", - "typescript": "~4.7.2", - "@types/jasminewd2": "~2.0.13", - "@types/chartist": "0.11.0", - "@types/jquery": "3.5.30", - "@types/node": "20.14.11", - "codelyzer": "6.0.2", - "jasmine-spec-reporter": "~7.0.0", - "protractor": "7.0.0", + "protractor": "^7.0.0", "ts-node": "~10.7.0", - "cross-env": "^7.0.3" + "typescript": "~4.7.2" } } diff --git a/src/app/Services/BlogService.ts b/src/app/Services/BlogService.ts new file mode 100644 index 000000000..8b5974647 --- /dev/null +++ b/src/app/Services/BlogService.ts @@ -0,0 +1,73 @@ +import { Injectable } from '@angular/core'; +import { HttpClient, HttpParams } from '@angular/common/http'; +import { Observable } from 'rxjs'; +import { environment } from 'environments/environment'; +import { Blog } from 'app/blogslist/blogslist.component'; + +export interface BlogCreateRequest { + titre: string; + contenu: string; + userId: number; + tags: string[]; + image: File | null; +} + +export interface BlogUpdateRequest { + titre: string; + contenu: string; + newImage?: File; + tags: string[]; +} +@Injectable({ + providedIn: 'root' +}) +export class BlogService { + private apiUrl = environment.apiUrl + '/blog'; + + constructor(private http: HttpClient) { } + + getAllBlogs(): Observable { + return this.http.get(this.apiUrl); + } + + createBlog(request: BlogCreateRequest): Observable { + const formData = new FormData(); + + formData.append('Titre', request.titre); + formData.append('Contenu', request.contenu); + formData.append('UserId', request.userId.toString()); + request.tags.forEach(tag => formData.append('Tags', tag)); + + if (request.image) { + formData.append('Image', request.image, request.image.name); + } + + return this.http.post(this.apiUrl, formData); + } +updateBlog(id: number, request: BlogUpdateRequest): Observable { + const formData = new FormData(); + formData.append('Titre', request.titre); + formData.append('Contenu', request.contenu); + + if (request.newImage) { + formData.append('NewImage', request.newImage, request.newImage.name); + } + + request.tags.forEach(tag => { + formData.append('Tags', tag); + }); + + return this.http.put(`${this.apiUrl}/${id}`, formData); +} + + + +getBlogById(id: number) { + return this.http.get(`${this.apiUrl}/${id}`); +} + +deleteBlog(id: number) { + return this.http.delete(`${this.apiUrl}/${id}`); +} + +} diff --git a/src/app/Services/ProduitAvecDevisService.ts b/src/app/Services/ProduitAvecDevisService.ts new file mode 100644 index 000000000..107cf895c --- /dev/null +++ b/src/app/Services/ProduitAvecDevisService.ts @@ -0,0 +1,103 @@ +import { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import { environment } from 'environments/environment'; +import { Observable } from 'rxjs'; + +export interface ProduitAvecDevis { + id: number; + titre: string; + description: string; + categorie: string; + imagePath: string; + caracteristiques: { + id: number; + texte: string; + produitAvecDevisId: number; + }[]; + devis?: { + id: number; + nom: string; + prenom: string; + email: string; + entreprise: string; + message: string; + quantite: number; + userId: number; + produitAvecDevisId: number; + }[]; +} + +export interface ProduitAvecDevisCreateRequest { + titre: string; + description: string; + categorie: string; + image: File | null; + caracteristiques: string[]; +} + +export interface ProduitAvecDevisUpdateRequest { + titre: string; + description: string; + categorie: string; + newImage?: File | null; + caracteristiques: string[]; +} + +@Injectable({ + providedIn: 'root' +}) +export class ProduitAvecDevisService { + private apiUrl = environment.apiUrl + '/ProduitsAvecDevis'; + + constructor(private http: HttpClient) {} + + getAllProduits(): Observable { + return this.http.get(this.apiUrl); + } + + getById(id: number): Observable { + return this.http.get(`${this.apiUrl}/${id}`); + } + + create(request: ProduitAvecDevisCreateRequest): Observable { + const formData = new FormData(); + + formData.append('Titre', request.titre); + formData.append('Description', request.description); + formData.append('Categorie', request.categorie); + + request.caracteristiques.forEach(c => { + formData.append('Caracteristiques', c); + }); + + if (request.image) { + formData.append('Image', request.image, request.image.name); + } + + return this.http.post(this.apiUrl, formData); + } + + update(id: number, request: ProduitAvecDevisUpdateRequest): Observable { + const formData = new FormData(); + + formData.append('Titre', request.titre); + formData.append('Description', request.description); + formData.append('Categorie', request.categorie); + + request.caracteristiques.forEach(c => { + formData.append('Caracteristiques', c); + }); + + if (request.newImage) { + formData.append('NewImage', request.newImage, request.newImage.name); + } + + return this.http.put(`${this.apiUrl}/${id}`, formData); + } + + delete(id: number): Observable { + return this.http.delete(`${this.apiUrl}/${id}`); + } + + +} diff --git a/src/app/Services/ProduitSansDevisService.ts b/src/app/Services/ProduitSansDevisService.ts new file mode 100644 index 000000000..56242817d --- /dev/null +++ b/src/app/Services/ProduitSansDevisService.ts @@ -0,0 +1,98 @@ +import { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import { environment } from 'environments/environment'; +import { Observable } from 'rxjs'; + +export interface ProduitSansDevis { + id: number; + titre: string; + description: string; + categorie: string; + prix: string; + imagePath: string; + caracteristiques: { + id: number; + texte: string; + produitSansDevisId: number; + }[]; + userId: number; +} + +export interface ProduitSansDevisCreateRequest { + titre: string; + description: string; + categorie: string; + prix: string; + image: File | null; + caracteristiques: string[]; + userId: number; +} + +export interface ProduitSansDevisUpdateRequest { + titre: string; + description: string; + categorie: string; + prix: string; + newImage?: File | null; + caracteristiques: string[]; +} + +@Injectable({ + providedIn: 'root' +}) +export class ProduitSansDevisService { + private apiUrl = environment.apiUrl + '/ProduitsSansDevis'; + + constructor(private http: HttpClient) {} + + getAllProduits(): Observable { + return this.http.get(this.apiUrl); + } + + getById(id: number): Observable { + return this.http.get(`${this.apiUrl}/${id}`); + } + + create(request: ProduitSansDevisCreateRequest): Observable { + const formData = new FormData(); + + formData.append('Titre', request.titre); + formData.append('Description', request.description); + formData.append('Categorie', request.categorie); + formData.append('Prix', request.prix); + formData.append('UserId', request.userId.toString()); + + request.caracteristiques.forEach(c => { + formData.append('Caracteristiques', c); + }); + + if (request.image) { + formData.append('Image', request.image, request.image.name); + } + + return this.http.post(this.apiUrl, formData); + } + + update(id: number, request: ProduitSansDevisUpdateRequest): Observable { + const formData = new FormData(); + + formData.append('Titre', request.titre); + formData.append('Description', request.description); + formData.append('Categorie', request.categorie); + formData.append('Prix', request.prix); + + request.caracteristiques.forEach(c => { + formData.append('Caracteristiques', c); + }); + + if (request.newImage) { + formData.append('NewImage', request.newImage, request.newImage.name); + } + + return this.http.put(`${this.apiUrl}/${id}`, formData); + } + + delete(id: number): Observable { + return this.http.delete(`${this.apiUrl}/${id}`); + } +} diff --git a/src/app/Services/UserService.ts b/src/app/Services/UserService.ts new file mode 100644 index 000000000..9b06a5211 --- /dev/null +++ b/src/app/Services/UserService.ts @@ -0,0 +1,24 @@ +import { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import { Observable } from 'rxjs'; +import { environment } from 'environments/environment'; + +export interface User { + id?: number; + nom: string; + email: string; + role: string; +} + +@Injectable({ + providedIn: 'root' +}) +export class UserService { + private apiUrl = environment.apiUrl + '/user'; + + constructor(private http: HttpClient) {} + + getUsers(): Observable { + return this.http.get(this.apiUrl); + } +} diff --git a/src/app/Services/auth.service.ts b/src/app/Services/auth.service.ts new file mode 100644 index 000000000..5ed7bdd7a --- /dev/null +++ b/src/app/Services/auth.service.ts @@ -0,0 +1,32 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { environment } from 'environments/environment'; +import { Observable } from 'rxjs'; + +export interface SignUpRequest { + nom: string; + email: string; + role:number; +} + +export interface SignInRequest { + email: string; + password: string; +} + +@Injectable({ + providedIn: 'root' +}) +export class AuthService { + private apiUrl = `${environment.apiUrl}/auth`; + + constructor(private http: HttpClient) {} + + signUp(data: SignUpRequest): Observable { + return this.http.post(`${this.apiUrl}/signup`, data); + } + + signIn(data: SignInRequest): Observable { + return this.http.post(`${this.apiUrl}/signin`, data); + } +} diff --git a/src/app/Services/country.service.ts b/src/app/Services/country.service.ts new file mode 100644 index 000000000..ec9c793bf --- /dev/null +++ b/src/app/Services/country.service.ts @@ -0,0 +1,17 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { Observable } from 'rxjs'; + +@Injectable({ + providedIn: 'root' +}) +export class CountryService { + + private apiUrl = 'https://restcountries.com/v3.1/all'; + + constructor(private http: HttpClient) {} + + getCountries(): Observable { + return this.http.get(this.apiUrl); + } +} diff --git a/src/app/Services/franchise.service.ts b/src/app/Services/franchise.service.ts new file mode 100644 index 000000000..f5e03dcb1 --- /dev/null +++ b/src/app/Services/franchise.service.ts @@ -0,0 +1,26 @@ +import { Injectable } from '@angular/core'; +import { Franchise } from 'app/liste-franchises/liste-franchises.component'; +import { HttpClient, HttpParams } from '@angular/common/http'; + +import { Observable } from 'rxjs'; +import { environment } from 'environments/environment'; + +@Injectable({ + providedIn: 'root' +}) +export class FranchiseService { + private apiUrl = environment.apiUrl + '/franchise'; + + constructor(private http: HttpClient) { } + + getFranchises(): Observable { + return this.http.get(this.apiUrl); + } + + getFranchiseById(id: number): Observable { + return this.http.get(`${this.apiUrl}/${id}`); +} +envoyerDemandeFranchise(payload: any) { + return this.http.post(this.apiUrl, payload); + } +} diff --git a/src/app/Services/language.service.ts b/src/app/Services/language.service.ts new file mode 100644 index 000000000..a59ddf510 --- /dev/null +++ b/src/app/Services/language.service.ts @@ -0,0 +1,26 @@ +import { Injectable } from '@angular/core'; +import { TranslateService } from '@ngx-translate/core'; + +@Injectable({ + providedIn: 'root' +}) +export class LanguageService { +constructor(private translate: TranslateService) { + const savedLanguage = localStorage.getItem('language') || 'en'; + this.setLanguage(savedLanguage); + } + + setLanguage(lang: string) { + console.log('Changement de langue vers :', lang); + this.translate.use(lang).subscribe({ + next: () => console.log(`Langue ${lang} activée`), + error: (err) => console.error(`Erreur de chargement pour ${lang}`, err) + }); + localStorage.setItem('language', lang); +} + + + getCurrentLanguage(): string { + return this.translate.currentLang || 'en'; + } +} diff --git a/src/app/Services/scroll.service.ts b/src/app/Services/scroll.service.ts new file mode 100644 index 000000000..8a4d150c5 --- /dev/null +++ b/src/app/Services/scroll.service.ts @@ -0,0 +1,18 @@ +import { Injectable } from '@angular/core'; + +@Injectable({ + providedIn: 'root' +}) +export class ScrollService { + private anchor: string | null = null; + + setAnchor(anchor: string) { + this.anchor = anchor; + } + + getAnchor(): string | null { + const a = this.anchor; + this.anchor = null; + return a; + } +} diff --git a/src/app/about-us/about-us.component.html b/src/app/about-us/about-us.component.html new file mode 100644 index 000000000..e608e052b --- /dev/null +++ b/src/app/about-us/about-us.component.html @@ -0,0 +1,99 @@ + + + + + + + + + + + + + + + +
+
+

{{ 'ABOUT.TITLE' | translate }}

+
+
+ +
+
+
+
+ + +
+
+

{{ 'ABOUT.FIRST.PARAGRAPH' | translate }}

+ {{ 'ABOUT.FIRST.CTA' | translate }} +
+
+
+
+ +
+
+
+
+ +
+
+
+

{{ 'ABOUT.SECOND.TITLE' | translate }}

+

{{ 'ABOUT.SECOND.PARAGRAPH' | translate }}

+ {{ 'ABOUT.SECOND.CTA' | translate }} +
+
+
+ +
+
+
+

{{ 'ABOUT.THIRD.TITLE' | translate }}

+

{{ 'ABOUT.THIRD.PARAGRAPH' | translate }}

+ {{ 'ABOUT.THIRD.CTA' | translate }} +
+
+
+ +
+
+
+
+ +
+

{{ 'ABOUT.FOURTH.TITLE' | translate }}

+
+ +
+
+ +

{{ membre.prenom }} {{ membre.nom }}

+

{{ membre.profession }}

+
+
+ +
+
+ +
+
+

{{ 'ABOUT.SIXTH.TITLE' | translate }}

+

{{ 'ABOUT.SIXTH.PARAGRAPH1' | translate }}

+ Collaboration Tunav IT Group +

{{ 'ABOUT.SIXTH.PARAGRAPH2' | translate }}

+ {{ 'ABOUT.SIXTH.CTA' | translate }} +
+
+


+ + + diff --git a/src/app/about-us/about-us.component.scss b/src/app/about-us/about-us.component.scss new file mode 100644 index 000000000..2b7a15b0f --- /dev/null +++ b/src/app/about-us/about-us.component.scss @@ -0,0 +1,503 @@ +/* about-page.scss - Styles spécifiques à la page About */ +.about-page { + margin: 0; + padding: 0; + font-family: 'Roboto', sans-serif; + background-color: #F8F9FA; + color: #222222; + font-weight: 400; + + strong { + font-weight: 700; + } + + img { + max-width: 100%; + } + + p { + font-size: 1.125rem; + color: #222222; + margin: 0 0 15px; + line-height: 1.6; + } + + h1, h2, h3, h4, h5, h6 { + margin: 0; + } + + h1 { + color: #000000; + font-size: 36px; + @media (min-width: 768px) { + font-size: 80px; + } + } + + h2 { + color: #222222; + font-size: 30px; + @media (min-width: 768px) { + font-size: 60px; + } + } + + h3 { + color: #444444; + font-size: 24px; + @media (min-width: 768px) { + font-size: 50px; + } + } + + h4 { + color: #555555; + font-size: 22px; + @media (min-width: 768px) { + font-size: 40px; + } + } + + .about-container { + max-width: 1100px; + margin: 0 auto; + + img { + padding: 0.25rem; + border: 1px solid #bdbdbd; + border-radius: 0.25rem; + } + } + + .about-cta { + padding: 10px 30px; + text-align: center; + text-decoration: none; + background-color: #369; + border: 1px solid #369; + border-radius: 25px; + color: #FFFFFF; + text-transform: uppercase; + display: inline-block; + box-shadow: rgba(100, 100, 111, 0.8) 0px 7px 19px 0px; + transition: all 0.8s ease; + + &:hover { + background-color: #369; + border: 1px solid #3b1215; + color: #000000; + } + } + + /* Sections spécifiques */ + .about-banner { + background: linear-gradient(90deg, rgba(51, 85, 119, 0.8), rgba(0, 0, 0, 0.5)), url("/assets/img/TunavEquipe.png") no-repeat; + background-position: center; + background-size: cover; + padding: 150px 15px; + + h1 { + color: rgba($color: #FFFFFF, $alpha: 0.85); + text-transform: uppercase; + font-weight: 700; + } + + p { + color: #FFFFFF; + font-size: 1.375rem; + letter-spacing: 1.5px; + font-weight: 100; + text-shadow: 2px 2px 7px #222222; + } + } + + .about-section { + padding: 90px 15px; + } + + .about-first { + background-color: #FFFFFF; + background-image: linear-gradient(315deg, #a7a8a8 0%, #E9EBEC 74%); + .about-media-wrapper { + display: flex; + flex-direction: row; + align-items: center; + gap: 100px; + + @media (max-width: 768px) { + flex-direction: column; + gap: 20px; + } + } + + .about-video-left { + flex: 1; + min-width: 0; + position: relative; + + video { + width: 100%; + max-width: 600px; + height: auto; + display: block; + border-radius: 8px; + box-shadow: 0 5px 15px rgba(0,0,0,0.1); + } + .sound-toggle { + position: absolute; + bottom: 15px; + right: 15px; + background: rgba(0,0,0,0.5); + border: none; + color: white; + border-radius: 50%; + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + z-index: 10; + font-size: 14px; + } + + } + + .about-text-right { + flex: 1; + min-width: 0; + } + + .about-container { + max-width: 800px; + } + } + +.about-second { + background-color: #fff8e6; + min-height: 100vh; + display: flex; + align-items: center; + padding: 40px 0; + + .about-container { + width: 100%; + max-width: 1400px; + margin: 0 auto; + padding: 0 20px; + display: flex; + flex-direction: column; + + @media (min-width: 992px) { + flex-direction: row; + gap: 50px; + padding: 0 40px; + } + + .about-left-img { + width: 100%; + margin-bottom: 30px; + + @media (min-width: 992px) { + flex: 0 0 45%; + margin-bottom: 0; + align-self: center; + } + + .image-slider { + position: relative; + width: 100%; + height: 300px; // Mobile first + overflow: hidden; + border-radius: 12px; + box-shadow: 0 8px 24px rgba(0,0,0,0.12); + + @media (min-width: 768px) { + height: 400px; + } + + @media (min-width: 992px) { + height: 500px; + } + + img { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + opacity: 0; + transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1); + + &.active { + opacity: 1; + } + } + } + } + + .about-right-content { + width: 100%; + + @media (min-width: 992px) { + flex: 0 0 50%; + align-self: center; + } + + h2 { + margin: 0 0 25px; + font-size: 2.2rem; + line-height: 1.2; + color: #2c3e50; + + @media (min-width: 768px) { + font-size: 2.8rem; + } + + @media (min-width: 992px) { + margin: 0 0 30px; + font-size: 3.2rem; + } + } + + p { + font-size: 1.1rem; + line-height: 1.7; + margin-bottom: 25px; + + @media (min-width: 768px) { + font-size: 1.2rem; + } + } + + .about-cta { + display: inline-block; + margin-top: 20px; + } + } + } +} + +.about-third { + background-color: #e6f5fc; + min-height: 100vh; + display: flex; + align-items: center; + padding: 40px 0; + + .about-container { + width: 100%; + max-width: 1400px; + margin: 0 auto; + padding: 0 20px; + display: flex; + flex-direction: column; + + @media (min-width: 992px) { + flex-direction: row; + gap: 50px; + padding: 0 40px; + } + + .about-right-img { + flex-basis: 100%; + margin-bottom: 30px; + + @media (min-width: 992px) { + flex: 0 0 45%; + margin-bottom: 0; + align-self: center; + } + + .image-slider { + position: relative; + width: 100%; + height: 300px; + overflow: hidden; + border-radius: 12px; + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); + + @media (min-width: 768px) { + height: 400px; + } + + @media (min-width: 992px) { + height: 500px; + } + + img { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + opacity: 0; + transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1); + + &.active { + opacity: 1; + } + } + } + } + + .about-left-content { + flex-basis: 100%; + + @media (min-width: 992px) { + flex: 0 0 50%; + align-self: center; + } + + h2 { + margin: 0 0 25px; + font-size: 2.2rem; + line-height: 1.2; + color: #2c3e50; + + @media (min-width: 768px) { + font-size: 2.8rem; + } + + @media (min-width: 992px) { + margin: 0 0 30px; + font-size: 3.2rem; + } + } + + p { + font-size: 1.1rem; + line-height: 1.7; + margin-bottom: 25px; + + @media (min-width: 768px) { + font-size: 1.2rem; + } + } + + .about-cta { + display: inline-block; + margin-top: 20px; + } + } + } +} + + + + + .about-four { + background-color: #FFFFFF; + h2 { + margin: 0 0 25px; + font-size: 2.2rem; + line-height: 1.2; + color: #2c3e50; + text-align: center; + + @media (min-width: 768px) { + font-size: 2.8rem; + } + + @media (min-width: 992px) { + margin: 0 0 30px; + font-size: 3.2rem; + } + } + .about-container { + display: block; + @media (min-width: 768px) { + display: flex; + justify-content: space-between; + } + + + .about-member { + background-color: #c0c6fa; + padding: 20px; + margin: 0 0 60px; + border-radius: 5px; + box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; + @media (min-width: 768px) { + flex-basis: 31%; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + h3 { + @media (min-width: 768px) { + font-size: 32px; + } + } + + .about-social { + display: flex; + justify-content: flex-start; + + a img { + border: none; + max-width: 40px; + } + } + } + } + } + .about-six { + .about-container { + text-align: center; + max-width: 800px; + } + } + +} +.carousel-container { + display: flex; + align-items: center; + justify-content: center; + position: relative; + overflow: hidden; + max-width: 100%; + padding: 1rem; + + .nav { + background-color: transparent; + border: none; + font-size: 2rem; + cursor: pointer; + color: #357; + z-index: 10; + padding: 0 1rem; + } + + .carousel-slide { + display: flex; + gap: 2rem; + transition: transform 0.5s ease; + } + + .about-member { + flex: 0 0 300px; + text-align: center; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0,0,0,0.1); + background-color: #fff; + padding: 1rem; + + img { + width: 100%; + height: auto; + border-radius: 10px; + max-height: 300px; + object-fit: cover; + } + + h3 { + margin: 0.5rem 0 0.2rem; + font-size: 1.2rem; + } + + p { + color: #555; + font-style: italic; + } + } +} diff --git a/src/app/about-us/about-us.component.spec.ts b/src/app/about-us/about-us.component.spec.ts new file mode 100644 index 000000000..fbc856a81 --- /dev/null +++ b/src/app/about-us/about-us.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AboutUsComponent } from './about-us.component'; + +describe('AboutUsComponent', () => { + let component: AboutUsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AboutUsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(AboutUsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/about-us/about-us.component.ts b/src/app/about-us/about-us.component.ts new file mode 100644 index 000000000..646e1a56c --- /dev/null +++ b/src/app/about-us/about-us.component.ts @@ -0,0 +1,168 @@ +import { AfterViewInit, Component, OnDestroy, OnInit, ElementRef, ViewChild } from '@angular/core'; +import { Router } from '@angular/router'; + +@Component({ + selector: 'app-about-us', + templateUrl: './about-us.component.html', + styleUrls: ['./about-us.component.scss'] +}) +export class AboutUsComponent implements OnInit, AfterViewInit, OnDestroy { + constructor(private router: Router) {} + + @ViewChild('aboutVideo', { static: false }) aboutVideo!: ElementRef; + + EventImages = [ + { src: '/assets/img/FITA/FITA1.jfif', alt: 'Event 1', active: true }, + { src: '/assets/img/FITA/FITA2.jfif', alt: 'Event 2', active: false }, + { src: '/assets/img/FITA/FITA3.jfif', alt: 'Event 3', active: false }, + { src: '/assets/img/FITA/FITA4.jfif', alt: 'Event 4', active: false }, + { src: '/assets/img/FITA/FITA5.jfif', alt: 'Event 5', active: false }, + { src: '/assets/img/FITA/FITA6.jfif', alt: 'Event 6', active: false }, + { src: '/assets/img/FITA/FITA7.jfif', alt: 'Event 7', active: false } + ]; + + TeamBuildingImages = [ + { src: '/assets/img/TeamBuilding/TM1.jpeg', alt: 'TM 1', active: true }, + { src: '/assets/img/TeamBuilding/TM2.jpeg', alt: 'TM 2', active: false }, + { src: '/assets/img/TeamBuilding/TM3.jpeg', alt: 'TM 3', active: false }, + { src: '/assets/img/TeamBuilding/TM4.jpeg', alt: 'TM 4', active: false }, + { src: '/assets/img/TeamBuilding/TM5.jpeg', alt: 'TM 5', active: false }, + { src: '/assets/img/TeamBuilding/TM6.jpeg', alt: 'TM 6', active: false }, + { src: '/assets/img/TeamBuilding/TM7.jpeg', alt: 'TM 7', active: false }, + { src: '/assets/img/TeamBuilding/TM8.jpeg', alt: 'TM 8', active: false } + ]; + + membres = [ + { nom: 'Najet', prenom: 'Boukadi', profession: 'Financial Manager', image: '/assets/img/Equipe/NajetBoukadi.jfif' }, + { nom: 'Anis', prenom: 'Kalel', profession: 'PDG', image: '/assets/img/Equipe/AnisKallel.jfif' }, + { nom: 'Mariem', prenom: 'Ayari', profession: 'Marketing Mnager', image: '/assets/img/Equipe/MariemAyari.jpeg' }, + { nom: 'Skander', prenom: 'Elj', profession: 'Information System Mnager', image: '/assets/img/Equipe/SkanderElj.jfif' }, + { nom: 'Chawki', prenom: 'Zorgui', profession: 'Chef Service Vente et Aprés vente', image: '/assets/img/Equipe/ChawkiZorgui.jpeg' }, + { nom: 'Sarra', prenom: 'Dabbebi', profession: 'Responsable RH', image: '/assets/img/Equipe/SarraDabbebi.jpeg' }, + { nom: 'Marwa', prenom: 'Henchir', profession: 'Cheffe de projet IT', image: '/assets/img/Equipe/MarwaHenchir.jpeg' }, + + ]; + + slideConfig = { + slidesToShow: 3, + slidesToScroll: 3, + dots: true, + infinite: false, + arrows: true + }; + + currentIndexEvent = 0; + currentIndexTeamBuilding = 0; + + slideIntervalEvent: any; + slideIntervalTeamBuilding: any; + + private videoObserver?: IntersectionObserver; + + visibleMembres: any[] = []; + membreIndex: number = 0; + membresParSlide: number = 3; + + ngOnInit(): void { + this.startSlider(this.EventImages, 'event'); + this.startSlider(this.TeamBuildingImages, 'teamBuilding'); + this.updateVisibleMembres(); + } + + ngAfterViewInit(): void { + const videoEl = this.aboutVideo?.nativeElement; + if (!videoEl) return; + + videoEl.muted = true; + videoEl.playsInline = true; + videoEl.play().catch(err => console.warn('Autoplay failed:', err)); + + this.videoObserver = new IntersectionObserver( + ([entry]) => { + if (entry.isIntersecting) { + videoEl.play().catch(err => console.warn('Autoplay failed:', err)); + } else { + videoEl.pause(); + } + }, + { threshold: 0.1 } + ); + + this.videoObserver.observe(videoEl); + } + + startSlider(tab: any[], sliderType: 'event' | 'teamBuilding'): void { + const interval = setInterval(() => { + this.nextSlide(tab, sliderType); + }, 3000); + + if (sliderType === 'event') { + this.slideIntervalEvent = interval; + } else { + this.slideIntervalTeamBuilding = interval; + } + } + + nextSlide(tab: any[], sliderType: 'event' | 'teamBuilding'): void { + let currentIndex = sliderType === 'event' ? this.currentIndexEvent : this.currentIndexTeamBuilding; + + tab[currentIndex].active = false; + currentIndex = (currentIndex + 1) % tab.length; + tab[currentIndex].active = true; + + if (sliderType === 'event') { + this.currentIndexEvent = currentIndex; + } else { + this.currentIndexTeamBuilding = currentIndex; + } + } + + // === Fonctions carrousel membres === + updateVisibleMembres(): void { + this.visibleMembres = this.membres.slice(this.membreIndex, this.membreIndex + this.membresParSlide); + } + + nextMembre(): void { + if (this.membreIndex + this.membresParSlide < this.membres.length) { + this.membreIndex++; + this.updateVisibleMembres(); + } + } + + prevMembre(): void { + if (this.membreIndex > 0) { + this.membreIndex--; + this.updateVisibleMembres(); + } + } + + ngOnDestroy(): void { + if (this.slideIntervalEvent) { + clearInterval(this.slideIntervalEvent); + } + if (this.slideIntervalTeamBuilding) { + clearInterval(this.slideIntervalTeamBuilding); + } + if (this.videoObserver && this.aboutVideo) { + this.videoObserver.unobserve(this.aboutVideo.nativeElement); + this.videoObserver.disconnect(); + } + } + + soundOn = false; + + toggleSound(): void { + const videoEl = this.aboutVideo.nativeElement; + this.soundOn = !this.soundOn; + videoEl.muted = !this.soundOn; + + if (this.soundOn) { + videoEl.play().catch(err => console.warn('Play with sound failed:', err)); + } + } + + contact(event: Event) { + event.preventDefault(); + this.router.navigate(['contact']); + } +} diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 21d81f5ed..08e182e00 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,18 +1,51 @@ -import { Component, OnInit } from '@angular/core'; +import { AfterViewInit, Component, OnInit } from '@angular/core'; import { LocationStrategy, PlatformLocation, Location } from '@angular/common'; - -@Component({ +import { Router ,NavigationEnd} from '@angular/router'; +import { ScrollService } from './Services/scroll.service'; +import { filter } from 'rxjs/operators'; +import { LanguageService } from './Services/language.service'; +import { TranslateService } from '@ngx-translate/core';@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) -export class AppComponent implements OnInit { +export class AppComponent implements OnInit,AfterViewInit { + constructor(private translate: TranslateService, + public location: Location,private router: Router, + private scrollService: ScrollService, + private languageService: LanguageService) + { + translate.setDefaultLang('en'); + + const savedLang = localStorage.getItem('language') || 'en'; + + console.log('Langue détectée au démarrage :', savedLang); - constructor(public location: Location) {} + translate.use(savedLang).subscribe({ + next: () => console.log(`Langue ${savedLang} chargée avec succès`), + error: (err) => console.error(`Erreur lors du chargement de la langue ${savedLang}`, err) + }); + + + } ngOnInit(){ } - + ngAfterViewInit(): void { + this.router.events + .pipe(filter(event => event instanceof NavigationEnd)) + .subscribe(() => { + const anchor = this.scrollService.getAnchor(); + if (anchor) { + setTimeout(() => { + const element = document.getElementById(anchor); + if (element) { + element.scrollIntoView({ behavior: 'smooth' }); + } + }, 100); + } + }); + } isMap(path){ var titlee = this.location.prepareExternalUrl(this.location.path()); titlee = titlee.slice( 1 ); diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 24da5d994..a31f8fffa 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,10 +1,10 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { HttpClientModule } from '@angular/common/http'; +import { FormsModule, ReactiveFormsModule } from '@angular/forms'; +import { HttpClient, HttpClientModule } from '@angular/common/http'; import { RouterModule } from '@angular/router'; -import { AppRoutingModule } from './app.routing'; + import { NavbarModule } from './shared/navbar/navbar.module'; import { FooterModule } from './shared/footer/footer.module'; import { SidebarModule } from './sidebar/sidebar.module'; @@ -12,6 +12,39 @@ import { SidebarModule } from './sidebar/sidebar.module'; import { AppComponent } from './app.component'; import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.component'; +import { VitrineComponent } from './vitrine/vitrine.component'; +import { CarouselHomePageComponent } from './carousel-home-page/carousel-home-page.component'; +import { HeaderHomePageComponent } from './header-home-page/header-home-page.component'; +import { ClientsCarouselComponent } from './clients-carousel/clients-carousel.component'; +import { IOTCarouselComponent } from './iotcarousel/iotcarousel.component'; +import { RegisterComponent } from './register/register.component'; +import { FooterHomePageComponent } from './footer-home-page/footer-home-page.component'; +import { AboutUsComponent } from './about-us/about-us.component'; +import { ContactUsComponent } from './contact-us/contact-us.component'; +import { ChatBotComponent } from './chat-bot/chat-bot.component'; +import { BlogsComponent } from './blogs/blogs.component'; +import { FormProductsComponent } from './form-products/form-products.component'; +import { UsersListsComponent } from './users-lists/users-lists.component'; +import { BlogslistComponent } from './blogslist/blogslist.component'; +import { FormblogComponent } from './formblog/formblog.component'; +import { ProductsComponent } from './products/products.component'; +import { Carousel2Component } from './carousel2/carousel2.component'; +import { CarteProduitComponent } from './carte-produit/carte-produit.component'; +import { CarteProduitNodevisComponent } from './carte-produit-nodevis/carte-produit-nodevis.component'; +import { PetitCadreComponent } from './petit-cadre/petit-cadre.component'; +import { TitreproduitComponent } from './titreproduit/titreproduit.component'; +import { NavbarComponent } from './navbar/navbar.component'; +import { FormulaireIotItComponent } from './formulaire-iot-it/formulaire-iot-it.component'; +import { FormFranchiseComponent } from './form-franchise/form-franchise.component'; +import { AppRoutingModule } from './app.routing'; +import { ListeFranchisesComponent } from './liste-franchises/liste-franchises.component'; +import { FranchiseDetailComponent } from './franchise-detail/franchise-detail.component'; +import { TranslateLoader, TranslateModule } from '@ngx-translate/core'; +import { TranslateHttpLoader } from '@ngx-translate/http-loader'; + +export function HttpLoaderFactory(http: HttpClient) { + return new TranslateHttpLoader(http, './assets/i18n/', '.json'); +} @NgModule({ imports: [ @@ -22,12 +55,48 @@ import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.compon NavbarModule, FooterModule, SidebarModule, - AppRoutingModule + AppRoutingModule, + ReactiveFormsModule, + HttpClientModule, + TranslateModule.forRoot({ + defaultLanguage: 'en', + loader: { + provide: TranslateLoader, + useFactory: HttpLoaderFactory, + deps: [HttpClient] + } + }), ], declarations: [ AppComponent, - AdminLayoutComponent - ], + AdminLayoutComponent, + VitrineComponent, + CarouselHomePageComponent, + HeaderHomePageComponent, + ClientsCarouselComponent, + IOTCarouselComponent, + RegisterComponent, + FooterHomePageComponent, + AboutUsComponent, + ContactUsComponent, + ChatBotComponent, + BlogsComponent, + FormProductsComponent, + UsersListsComponent, + BlogslistComponent, + FormblogComponent, + ProductsComponent, + Carousel2Component, + CarteProduitComponent, + CarteProduitNodevisComponent, + PetitCadreComponent, + TitreproduitComponent, + NavbarComponent, + FormulaireIotItComponent, + FormFranchiseComponent, + ListeFranchisesComponent, + FranchiseDetailComponent + ], providers: [], bootstrap: [AppComponent] }) diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts index 993dc346d..71280bd8f 100644 --- a/src/app/app.routing.ts +++ b/src/app/app.routing.ts @@ -1,12 +1,63 @@ -import { NgModule } from '@angular/core'; +import { Component, NgModule } from '@angular/core'; import { CommonModule, } from '@angular/common'; import { BrowserModule } from '@angular/platform-browser'; import { Routes, RouterModule } from '@angular/router'; import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.component'; +import { VitrineComponent } from './vitrine/vitrine.component'; +import { RegisterComponent } from './register/register.component'; +import { AboutUsComponent } from './about-us/about-us.component'; +import { ContactUsComponent } from './contact-us/contact-us.component'; +import { BlogsComponent } from './blogs/blogs.component'; +import { FormProductsComponent } from './form-products/form-products.component'; +import { TablesComponent } from './tables/tables.component'; +import { UsersListsComponent } from './users-lists/users-lists.component'; +import { BlogslistComponent } from './blogslist/blogslist.component'; +import { FormblogComponent } from './formblog/formblog.component'; +import {ProductsComponent} from './products/products.component'; +import {FormulaireIotItComponent} from './formulaire-iot-it/formulaire-iot-it.component'; +import { FormFranchiseComponent } from './form-franchise/form-franchise.component'; +import { ListeFranchisesComponent } from './liste-franchises/liste-franchises.component'; +import { FranchiseDetailComponent } from './franchise-detail/franchise-detail.component'; const routes: Routes =[ + + { path: '', component: VitrineComponent }, + { path: 'products', component: ProductsComponent }, + { path: 'home', component: VitrineComponent }, + { path: 'auth', component: RegisterComponent }, + { path: 'about', component: AboutUsComponent }, + { path: 'contact', component: ContactUsComponent }, + {path:'blogs',component:BlogsComponent}, + + { path: 'formulaireiotit', component: FormulaireIotItComponent }, + { path: 'formulairefranchise', component: FormFranchiseComponent }, { + path: 'admin', + redirectTo: 'dashboard', + pathMatch: 'full', + }, { + path: '', + component: AdminLayoutComponent, + children: [ + { + path: '', + loadChildren: () => import('./layouts/admin-layout/admin-layout.module').then(x => x.AdminLayoutModule) + }, + { path: 'add-product', component: FormProductsComponent }, + { path: 'update-product/:id', component: FormProductsComponent }, + { path: 'listProducts', component: TablesComponent }, + {path:'listblogs',component:BlogslistComponent}, + {path:'listusers',component:UsersListsComponent}, + { path: 'add-blog', component: FormblogComponent }, + { path: 'update-blog/:id', component: FormblogComponent }, + {path:'franchises',component:ListeFranchisesComponent}, + { path: 'franchises/:id', component: FranchiseDetailComponent }, + { path: 'admin', redirectTo: 'dashboard', pathMatch: 'full' }, + ] + } +] + /*{ path: '', redirectTo: 'dashboard', pathMatch: 'full', @@ -14,15 +65,25 @@ const routes: Routes =[ path: '', component: AdminLayoutComponent, children: [ - { - path: '', - loadChildren: () => import('./layouts/admin-layout/admin-layout.module').then(x => x.AdminLayoutModule) - }]}, + { + path: '', + loadChildren: () => import('./layouts/admin-layout/admin-layout.module').then(x => x.AdminLayoutModule) + }, + { path: 'add-product', component: FormProductsComponent }, + { path: 'update-product/:id', component: FormProductsComponent }, + { path: 'listProducts', component: TablesComponent }, + {path:'listblogs',component:BlogslistComponent}, + {path:'listusers',component:UsersListsComponent}, + { path: 'add-blog', component: FormblogComponent }, + { path: 'update-blog/:id', component: FormblogComponent }, + { path: 'admin', redirectTo: 'dashboard', pathMatch: 'full' }, + ] + }, { - path: '**', - redirectTo: 'dashboard' + path: '**',component: VitrineComponent + } -]; +];*/ @NgModule({ imports: [ diff --git a/src/app/blogs/blogs.component.html b/src/app/blogs/blogs.component.html new file mode 100644 index 000000000..3dd65b310 --- /dev/null +++ b/src/app/blogs/blogs.component.html @@ -0,0 +1,69 @@ + + +
+ + + + + + + + + +




+ +
+ +
+
+

{{ blog.author }}

+
+

{{ blog.author }}

+
+ +
+

{{ blog.title }}

+

{{ blog.summary }}

+
+ +
+
+ + +
+
    +
  • {{ blog.publishedDate }}
    • + + + +
+
+
+



+ +
+ + + + + + + + + diff --git a/src/app/blogs/blogs.component.scss b/src/app/blogs/blogs.component.scss new file mode 100644 index 000000000..700e5de37 --- /dev/null +++ b/src/app/blogs/blogs.component.scss @@ -0,0 +1,213 @@ +.co-blog-component { + background: url('/assets/img/infinite-loop-01.jpg') no-repeat center center; + background-size: cover; + min-height: 100vh; + position: relative; + top:0; + margin: 0; + padding: 0; + .blog-container { + background: #fff; + border-radius: 5px; + box-shadow: hsla(0, 0, 0, .2) 0 4px 2px -2px; + font-family: "adelle-sans", sans-serif; + font-weight: 100; + width: 20rem; + margin: 0 auto 48px; + + @media screen and (min-width: 480px) { + width: 28rem; + } + @media screen and (min-width: 767px) { + width: 40rem; + } + @media screen and (min-width: 959px) { + width: 50rem; + } + } + + .blog-container a { + color: #4d4dff; + text-decoration: none; + transition: .25s ease; + + &:hover { + border-color: #ff4d4d; + color: #ff4d4d; + } + } + + .blog-cover { + background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/17779/yosemite-3.jpg"); + background-size: cover; + border-radius: 5px 5px 0 0; + height: 15rem; + box-shadow: inset hsla(0, 0, 0, .2) 0 64px 64px 16px; + } + + .blog-author, + .blog-author--no-cover { + margin: 0 auto; + padding-top: .125rem; + width: 80%; + } + + .blog-author h3::before, + .blog-author--no-cover h3::before { + background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/17779/russ.jpeg"); + background-size: cover; + border-radius: 50%; + content: " "; + display: inline-block; + height: 32px; + margin-right: .5rem; + position: relative; + top: 8px; + width: 32px; + } + + .blog-author h3 { + color: #fff; + font-weight: 100; + } + + .blog-author--no-cover h3 { + color: lighten(#333, 40%); + font-weight: 100; + } + + .blog-body { + margin: 0 auto; + width: 80%; + } + + .video-body { + height: 100%; + width: 100%; + } + + .blog-title h1 a { + color: #333; + font-weight: 100; + } + + .blog-summary p { + color: lighten(#333, 10%); + } + + .blog-tags ul { + display: flex; + flex-direction: row; + flex-wrap: wrap; + list-style: none; + padding-left: 0; + } + + .blog-tags li + li { + margin-left: .5rem; + } + + .blog-tags a { + border: 1px solid lighten(#333, 40%); + border-radius: 3px; + color: lighten(#333, 40%); + font-size: .75rem; + height: 1.5rem; + line-height: 1.5rem; + letter-spacing: 1px; + padding: 0 .5rem; + text-align: center; + text-transform: uppercase; + white-space: nowrap; + width: 5rem; + } + + .blog-footer { + border-top: 1px solid lighten(#333, 70%); + margin: 0 auto; + padding-bottom: .125rem; + width: 80%; + } + + .blog-footer ul { + list-style: none; + display: flex; + flex: row wrap; + justify-content: flex-end; + padding-left: 0; + } + + .blog-footer li:first-child { + margin-right: auto; + } + + .blog-footer li + li { + margin-left: .5rem; + } + + .blog-footer li { + color: lighten(#333, 40%); + font-size: .75rem; + height: 1.5rem; + letter-spacing: 1px; + line-height: 1.5rem; + text-align: center; + text-transform: uppercase; + position: relative; + white-space: nowrap; + + & a { + color: lighten(#333, 40%); + } + } + + + .published-date { + border: 1px solid lighten(#333, 40%); + border-radius: 3px; + padding: 0 .5rem; + } + + + .icon-star, + .icon-bubble { + fill: lighten(#333, 40%); + height: 35px; + margin-right: .5rem; + transition: .25s ease; + width: 35px; + + &:hover { + fill: #ff4d4d; + } + } +} +.like-button { + background: transparent; + border: none; + cursor: pointer; + display: inline-flex; + align-items: center; + gap: 6px; + font-size: 16px; + padding: 0; + vertical-align: middle; +} + +.like-button svg.icon-heart { + width: 24px; + height: 24px; + transition: fill 0.3s ease; + display: block; +} + +.like-button .numero { + color: #333; + font-weight: 500; + line-height: 1; + vertical-align: middle; + margin-top: 2px; /* Ajustement fin */ + user-select: none; +} + + diff --git a/src/app/blogs/blogs.component.spec.ts b/src/app/blogs/blogs.component.spec.ts new file mode 100644 index 000000000..4803d0178 --- /dev/null +++ b/src/app/blogs/blogs.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BlogsComponent } from './blogs.component'; + +describe('BlogsComponent', () => { + let component: BlogsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BlogsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(BlogsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/blogs/blogs.component.ts b/src/app/blogs/blogs.component.ts new file mode 100644 index 000000000..57846d296 --- /dev/null +++ b/src/app/blogs/blogs.component.ts @@ -0,0 +1,42 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-blogs', + templateUrl: './blogs.component.html', + styleUrls: ['./blogs.component.scss'] +}) +export class BlogsComponent implements OnInit { + blogPosts = [ + { + author: 'Russ Beye', + title: 'I Like To Make Cool Things', + summary: `I love working on fresh designs that breathe. To that end, I need to freshen up my portfolio...`, + tags: ['css', 'web design', 'codepen', 'twitter'], + publishedDate: '12/01/2025', + comments: 4, + shares: 1, + likes: 0 , + liked:false, + coverImage: 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/17779/yosemite-3.jpg' + }, + { + author: 'Russ Beye', + title: 'This Post Has No Cover Image', + summary: `Here is an example of a post without a cover image. You don't always have to have a cover image.`, + tags: ['design', 'web dev', 'css'], + publishedDate: '16/06/2025', + comments: 8, + liked:false, + shares: 3,likes: 10 + } + ]; + constructor() { } + + ngOnInit(): void { + } + toggleLike(index: number): void { + const blog = this.blogPosts[index]; + blog.liked = !blog.liked; + blog.likes += blog.liked ? 1 : -1; + } +} diff --git a/src/app/blogslist/blogslist.component.html b/src/app/blogslist/blogslist.component.html new file mode 100644 index 000000000..2a0fbf494 --- /dev/null +++ b/src/app/blogslist/blogslist.component.html @@ -0,0 +1,30 @@ +
+
+

Liste des Blogs

+ + + +
+
+
+
+ image blog +
+
+
{{ blog.titre }}
+

{{ blog.contenu }}

+
+
+ {{ tag.nom }} +
+
+ {{ blog.likes }} + + +
+
+
+
+
+
+
diff --git a/src/app/blogslist/blogslist.component.scss b/src/app/blogslist/blogslist.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/blogslist/blogslist.component.spec.ts b/src/app/blogslist/blogslist.component.spec.ts new file mode 100644 index 000000000..4a90aa9ab --- /dev/null +++ b/src/app/blogslist/blogslist.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BlogslistComponent } from './blogslist.component'; + +describe('BlogslistComponent', () => { + let component: BlogslistComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BlogslistComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(BlogslistComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/blogslist/blogslist.component.ts b/src/app/blogslist/blogslist.component.ts new file mode 100644 index 000000000..33f1770df --- /dev/null +++ b/src/app/blogslist/blogslist.component.ts @@ -0,0 +1,70 @@ +import { Component, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; +import Swal from 'sweetalert2'; +import { environment } from '../../environments/environment'; +import { BlogService } from 'app/Services/BlogService'; + +export interface Blog { + id: number; + titre: string; + contenu: string; + imagePath: string; + tags: string[]; + likes: number; +} + +@Component({ + selector: 'app-blogslist', + templateUrl: './blogslist.component.html', + styleUrls: ['./blogslist.component.scss'] +}) +export class BlogslistComponent implements OnInit { + blogs: Blog[] = []; +apiBaseUrl = environment.baseUrl; + + constructor(private router: Router, private blogService: BlogService) { } + + ngOnInit() { + this.loadBlogs(); + } + + loadBlogs() { + this.blogService.getAllBlogs().subscribe({ + next: (data) => this.blogs = data, + error: (err) => console.error('Erreur lors du chargement des blogs:', err) + }); + } + + editBlog(id: number) { + this.router.navigate(['/update-blog', id]); + console.log("Edit blog", id); + } + + confirmDelete(id: number) { + Swal.fire({ + title: 'Supprimer ce blog ?', + text: 'Cette action est irréversible.', + icon: 'warning', + showCancelButton: true, + confirmButtonText: 'Oui, supprimer', + cancelButtonText: 'Annuler' + }).then((result) => { + if (result.isConfirmed) { + this.blogService.deleteBlog(id).subscribe({ + next: () => { + this.blogs = this.blogs.filter(b => b.id !== id); + Swal.fire('Supprimé !', 'Le blog a été supprimé.', 'success'); + }, + error: (err) => { + console.error(err); + Swal.fire('Erreur', 'Une erreur est survenue lors de la suppression.', 'error'); + } + }); + } + }); +} + +getImageUrl(imagePath: string): string { + return this.apiBaseUrl + imagePath; + } +} diff --git a/src/app/carousel-home-page/carousel-home-page.component.html b/src/app/carousel-home-page/carousel-home-page.component.html new file mode 100644 index 000000000..24ff9f8c2 --- /dev/null +++ b/src/app/carousel-home-page/carousel-home-page.component.html @@ -0,0 +1,42 @@ + + +
+ + + +
diff --git a/src/app/carousel-home-page/carousel-home-page.component.scss b/src/app/carousel-home-page/carousel-home-page.component.scss new file mode 100644 index 000000000..c22475f73 --- /dev/null +++ b/src/app/carousel-home-page/carousel-home-page.component.scss @@ -0,0 +1,151 @@ + +.carousel-container { + height: 100%; + width: 100%; + +background-image: url(/assets/img/HomeCarousselBackground.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + overflow: hidden; +} + +.carousel-slide { + display: flex; + justify-content: space-between; + align-items: center; + width: 90%; + max-width: 1400px; + padding: 40px; + box-sizing: border-box; + position: relative; + transition: opacity 1s ease-in-out; + opacity: 1; +} + +.fade { + animation: fadeEffect 1s; +} + +@keyframes fadeEffect { + from { + opacity: 0; + transform: translateY(10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.left-content { + color: white; + width: 50%; +} + +.title { + font-size: 2.8rem; + font-weight: bold; + margin: 0 0 15px; +} + +.subtitle { + font-size: 1.5rem; + color: #369; + margin-bottom: 10px; +} + +.description { + font-size: 1.1rem; + margin-bottom: 20px; + line-height: 1.5; +} + +.button-wrapper { + margin-top: 10px; +} + +.button-wrapper button { + padding: 10px 20px; + font-size: 1rem; + background-color: #007bff; + border: none; + border-radius: 6px; + color: white; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.button-wrapper button:hover { + background-color: #0056b3; +} + +.right-image { + width: 45%; + display: flex; + justify-content: center; + align-items: center; +} + +.right-image img { + width: 300px; + height: 300px; + object-fit: cover; + border-radius: 50%; + border: 5px solid #ffffff96; +} + +.dots { + position: absolute; + bottom: 40px; + display: flex; + gap: 10px; +} + +.dots span { + width: 10px; + height: 10px; + background-color: gray; + border-radius: 50%; + cursor: pointer; + transition: background-color 0.3s; +} + +.dots span.active { + background-color: white; + transform: scale(1.4); +} + +.scroll-arrow { + position: absolute; + right: 20px; + bottom: 20px; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 50%; + padding: 10px; + cursor: pointer; + animation: saut 2s infinite; +} + +@keyframes saut{ + 0%,20%,50%,80%,100% { + transform:translateY(0); + } + 40%{ + transform: translateY(15px); + + } + 60%{ + transform: translateY(15px); + } +} + +.scroll-arrow img { + width: 40px; + height: 40px; +} \ No newline at end of file diff --git a/src/app/carousel-home-page/carousel-home-page.component.spec.ts b/src/app/carousel-home-page/carousel-home-page.component.spec.ts new file mode 100644 index 000000000..afccc81d9 --- /dev/null +++ b/src/app/carousel-home-page/carousel-home-page.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CarouselHomePageComponent } from './carousel-home-page.component'; + +describe('CarouselHomePageComponent', () => { + let component: CarouselHomePageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ CarouselHomePageComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(CarouselHomePageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/carousel-home-page/carousel-home-page.component.ts b/src/app/carousel-home-page/carousel-home-page.component.ts new file mode 100644 index 000000000..1bf1358aa --- /dev/null +++ b/src/app/carousel-home-page/carousel-home-page.component.ts @@ -0,0 +1,62 @@ +import { Component, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; + +@Component({ + selector: 'app-carousel-home-page', + templateUrl: './carousel-home-page.component.html', + styleUrls: ['./carousel-home-page.component.scss'] +}) +export class CarouselHomePageComponent implements OnInit { + + slides = [ + { + titleKey: 'CAROUSEL.SLIDE1.TITLE', + subtitleKey: 'CAROUSEL.SLIDE1.SUBTITLE', + descriptionKey: 'CAROUSEL.SLIDE1.DESCRIPTION', + image: '/assets/img/route.png' + }, + { + titleKey: 'CAROUSEL.SLIDE2.TITLE', + subtitleKey: 'CAROUSEL.SLIDE2.SUBTITLE', + descriptionKey: 'CAROUSEL.SLIDE2.DESCRIPTION', + image: '/assets/img/iot.png' + }, + { + titleKey: 'CAROUSEL.SLIDE3.TITLE', + subtitleKey: 'CAROUSEL.SLIDE3.SUBTITLE', + descriptionKey: 'CAROUSEL.SLIDE3.DESCRIPTION', + image: '/assets/img/service.png' + } + ]; + + currentSlide = 0; + intervalId: any; + + constructor(private router: Router) {} + + ngOnInit() { + this.intervalId = setInterval(() => this.nextSlide(), 4000); + } + + ngOnDestroy() { + clearInterval(this.intervalId); + } + + nextSlide() { + this.currentSlide = (this.currentSlide + 1) % this.slides.length; + } + + goToSlide(index: number) { + this.currentSlide = index; + } + + goToVitrine() { + this.router.navigate(['/vitrine']); + } + + goToHomeAndScroll(section: string, event: Event) { + event.preventDefault(); + this.router.navigate([''], { queryParams: { section } }); +} + +} diff --git a/src/app/carousel2/carousel2.component.css b/src/app/carousel2/carousel2.component.css new file mode 100644 index 000000000..20eb7effb --- /dev/null +++ b/src/app/carousel2/carousel2.component.css @@ -0,0 +1,150 @@ +.carousel-container { + width: 100%; + height: 400px; + /* background-image: url('assets/img/infinite-loop-01.jpg'); */ + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + overflow: hidden; +} + +.carousel-slide { + display: flex; + justify-content: space-between; + align-items: center; + width: 90%; + max-width: 1400px; + padding: 40px; + box-sizing: border-box; + position: relative; + transition: opacity 1s ease-in-out; + opacity: 1; +} + +.fade { + animation: fadeEffect 1s; +} + +@keyframes fadeEffect { + from { + opacity: 0; + transform: translateY(10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.left-content { + color: white; + width: 50%; +} + +.title { + font-size: 2.8rem; + font-weight: bold; + margin: 0 0 15px; +} + +.subtitle { + font-size: 1.5rem; + color: #00aaff; + margin-bottom: 10px; +} + +.description { + font-size: 1.1rem; + margin-bottom: 20px; + line-height: 1.5; +} + +.button-wrapper { + margin-top: 10px; +} + +.button-wrapper button { + padding: 10px 20px; + font-size: 1rem; + background-color: #007bff; + border: none; + border-radius: 6px; + color: white; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.button-wrapper button:hover { + background-color: #0056b3; +} + +.right-image { + width: 45%; + display: flex; + justify-content: center; + align-items: center; +} + +.right-image img { + width: 300px; + height: 300px; + object-fit: cover; + border-radius: 50%; + border: 5px solid #ffffff96; +} + +.dots { + position: absolute; + bottom: 40px; + display: flex; + gap: 10px; +} + +.dots span { + width: 10px; + height: 10px; + background-color: gray; + border-radius: 50%; + cursor: pointer; + transition: background-color 0.3s; +} + +.dots span.active { + background-color: white; + transform: scale(1.4); +} + +.scroll-arrow { + position: absolute; + right: 20px; + bottom: 20px; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 50%; + padding: 10px; + cursor: pointer; + animation: saut 2s infinite; +} + +@keyframes saut{ + 0%,20%,50%,80%,100% { + transform:translateY(0); + } + 40%{ + transform: translateY(15px); + + } + 60%{ + transform: translateY(15px); + } +} + +.scroll-arrow img { + width: 40px; + height: 40px; +} + diff --git a/src/app/carousel2/carousel2.component.html b/src/app/carousel2/carousel2.component.html new file mode 100644 index 000000000..97ce4ee4b --- /dev/null +++ b/src/app/carousel2/carousel2.component.html @@ -0,0 +1,30 @@ + +
+
+
+

{{ slides[currentSlide].subtitle }}

+

{{ slides[currentSlide].title }}

+

{{ slides[currentSlide].description }}

+ +
+ +
+ carousel image +
+
+ +
+ + +
+ +
+ Go to all +
+ +
diff --git a/src/app/carousel2/carousel2.component.spec.ts b/src/app/carousel2/carousel2.component.spec.ts new file mode 100644 index 000000000..b04d98e68 --- /dev/null +++ b/src/app/carousel2/carousel2.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Carousel2Component } from './carousel2.component'; + +describe('Carousel2Component', () => { + let component: Carousel2Component; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ Carousel2Component ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(Carousel2Component); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/carousel2/carousel2.component.ts b/src/app/carousel2/carousel2.component.ts new file mode 100644 index 000000000..1dde1d937 --- /dev/null +++ b/src/app/carousel2/carousel2.component.ts @@ -0,0 +1,62 @@ +import { Component, OnInit, OnDestroy } from '@angular/core'; +import { Router } from '@angular/router'; + +@Component({ + selector: 'app-carousel2', + templateUrl: './carousel2.component.html', + styleUrls: ['./carousel2.component.css'] +}) +export class Carousel2Component implements OnInit, OnDestroy { + slides = [ + { + title: 'TRACKING GPS', + subtitle: "Accélérez votre transformation digitale avec le suivi GPS", + description: "Nous accompagnons les entreprises et les particuliers avec des solutions intelligentes de suivi GPS et de gestion de flotte, conçues pour optimiser leurs performances.", + image: 'assets/img/route.png' + }, + { + title: 'SOLUTION IOT', + subtitle: "Sécurisez vos données avec les solutions IoT avancées", + description: "Nos solutions IoT vous offrent une surveillance intelligente, une gestion simplifiée de vos équipements et une sécurité renforcée, pour gagner en efficacité au quotidien", + image: 'assets/img/iot.png' + }, + { + title: 'SOLUTION IT', + subtitle: "Transformez votre entreprise grâce à la gestion de flotte", + description: "Nous développons et intégrons des solutions IT qui renforcent les opérations,améliorent la performance et accélèrent la transformation digitale des entreprises.", + image: 'assets/img/service.png' + } + ]; + + currentSlide = 0; + intervalId: any; + + constructor(private router: Router) {} + + ngOnInit() { + this.intervalId = setInterval(() => this.nextSlide(), 4000); + } + + ngOnDestroy() { + clearInterval(this.intervalId); + } + + nextSlide() { + this.currentSlide = (this.currentSlide + 1) % this.slides.length; + } + + goToSlide(index: number) { + this.currentSlide = index; + } + + goToVitrine() { + this.router.navigate(['/vitrine']); + } + scrollToGps() { + const titreSection = document.getElementById('partietitre'); + if (titreSection) { + titreSection.scrollIntoView({ behavior: 'smooth' }); + } + } + +} diff --git a/src/app/carte-produit-nodevis/carte-produit-nodevis.component.css b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.css new file mode 100644 index 000000000..e38a0d3bd --- /dev/null +++ b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.css @@ -0,0 +1,297 @@ +.carte-produit { + background-color: #e9ecef; + position: relative; + width: 300px; + height: 360px; + border-radius: 12px; + overflow: hidden; + box-shadow: 0px 10px 1px #38B; + cursor: pointer; + transition: transform 0.25s ease-in-out 0s; +} + +.carte-produit:hover { + transform: scale(1.02); + transform: translateY(-3px); +} + +.image-fond { + width: 100%; + height: 90%; + object-fit: contain; + position: relative; + margin-top: 10px; + +} + +.infos-base { + position: absolute; + /* bottom: 0px; */ + left: 20px; + color: white; +} + +.categorie { + color: #01b4ff; + font-weight: bold; + font-size: 14px; + display: block; + top: 50px; +} + +.titre { + color: #01b4ff; + font-size: 14px; + font-weight: bold; + display: block; + margin-bottom: 20px; +} + +.overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0,0,0,0.50); + color: white; + padding: 20px; + display: flex; + align-items: flex-end; + box-sizing: border-box; +} + +.infos-hover h3 { + margin: 0 0 10px; + font-size: 18px; +} + +.infos-hover p { + font-size: 14px; + margin-bottom: 15px; +} + + + +.liens { + display: flex; + gap: 12px; +} + +.voir-details { + color: white; + text-decoration: none; + font-weight: bold; + border-bottom: 3px solid white; + font-size: 14px; +} +/* //////////////// */ +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + background-color: rgba(0, 0, 0, 0.5); + backdrop-filter: blur(3px); + display: flex; + justify-content: center; + align-items: center; + z-index: 999; +} + +.modal-container { + border-radius: 20px; + background-color: white; + width: 55%; + overflow-y: auto; + position: relative; + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); + animation: fadeIn 0.3s ease-in-out; +} + +.modal-top { + background-image: url('assets/img/infinite-loop-01.jpg'); + background-repeat: no-repeat; + background-size: cover; + /* background-position: center ; */ + /* background-color: #38B; */ + padding: 30px; + color: #ffffff; + height: 160px; +} + +.categorie h5 { + margin: 0; + font-size: 16px; + background: #fff; + color: #38B; + display: inline-block; + padding: 4px 10px; + border-radius: 10px; + font-weight: bold; + +} + + +.titre-et-description h2 { + font-size: 30px; + font-weight: bold; + /* margin: 10px 0 8px; */ + color: #fff; +} + +.titre-et-description p { + margin: 0; + font-size: 10px; + color: #fff; +} + +.modal-image { + width: 100%; + height: auto; + margin-top: 20px; + max-height: 300px; + object-fit: contain; + border-radius: 10px; + margin-bottom: 20px; +} + +.modal-content { + padding: 10px; + max-height: 90vh; +} + +.modal-content h2 { + font-size: 24px; + margin-bottom: 10px; + color: #041c44; +} + +.modal-content p { + font-size: 16px; + margin-bottom: 20px; + color: #333; +} + +.modal-bottom { + display: flex; + justify-content: space-between; + gap: 20px; +} +.imagee{ + /* background-color: #f2f2f2; */ + padding: 12px 16px; + border-radius: 10px; + width: 65%; +} +.caracteristiques-et-tarif{ + display: flex; + flex-direction: column; + gap:20px; + max-width: 50%; + min-width: 40%; +} +.caracteristiques{ + height: 60%; + background-color: #f2f2f2; + padding: 12px 16px; + border-radius: 10px; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; +} +.tarif{ + height: auto; + background-color: #f2f2f2; + padding: 12px 16px; + border-radius: 10px; + word-wrap: break-word; + overflow-wrap: break-word; +} + +.caracteristiques h4, +.tarif h4 { + margin-top: 0; + margin-bottom: 8px; + color: #38B; + font-size: 18px; + text-decoration: underline; + font-weight: bold; + text-align: left; +} +.tarif h2 { + font-weight: bold; + color: #000000; + display: block; + text-align: left; +} + +.caracteristiques ul { + padding-left: 20px; + margin: 0; +} +.caracteristiques li{ + /* font-weight: bold; */ + color: black; +} + +.tarif p { + font-weight: bold; + font-size: 20px; + margin: 10px 0; + color: orange; +} + +.btn-devis { + background-color: #01b4ff; + color: white; + padding: 8px 16px; + border-radius: 6px; + border: none; + cursor: pointer; + font-weight: bold; +} + +.modal-close { + color: #ffffff; + position: absolute; + top: 0px; + right: 16px; + font-size: 40px; + background: none; + border: none; + cursor: pointer; +} + +@keyframes fadeIn { + from { + opacity: 0; + transform: scale(0.9); + } + to { + opacity: 1; + transform: scale(1); + } +} +.btn-panier { + margin-top: 20px; + background-color: #01b4ff; + width: 100%; + color: white; + border: none; + padding: 10px 20px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + font-size: 14px; + transition: background-color 0.2s ease-in-out; + text-align: center; +} + +.btn-panier:hover { + background-color: #008fcc; +} + + + diff --git a/src/app/carte-produit-nodevis/carte-produit-nodevis.component.html b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.html new file mode 100644 index 000000000..ad9252caf --- /dev/null +++ b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.html @@ -0,0 +1,62 @@ + +
+ + +
+ +

{{ titre }}

+
+ +
+
+

{{ titre }}

+

{{ description }}

+
+ Voir détails +
+
+
+
+ + + +
+
+
+
+
{{categorie}}
+
+
+

{{titre}}

+

{{description}}

+
+
+ +
+ +
+
+ Produit +
+
+ +
+

Caractéristiques :

+
    +
  • {{ carac.texte }}
    • +
+
+
+

Tarif :

+

{{prix}}

+ +
+ +
+
+
+ + +
+
+ diff --git a/src/app/carte-produit-nodevis/carte-produit-nodevis.component.spec.ts b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.spec.ts new file mode 100644 index 000000000..f5acb117d --- /dev/null +++ b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CarteProduitNodevisComponent } from './carte-produit-nodevis.component'; + +describe('CarteProduitNodevisComponent', () => { + let component: CarteProduitNodevisComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ CarteProduitNodevisComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(CarteProduitNodevisComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/carte-produit-nodevis/carte-produit-nodevis.component.ts b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.ts new file mode 100644 index 000000000..cd0de2c79 --- /dev/null +++ b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.ts @@ -0,0 +1,37 @@ +import { Component, Input } from '@angular/core'; +import { environment } from 'environments/environment'; + +@Component({ + selector: 'app-carte-produit-nodevis', + templateUrl: './carte-produit-nodevis.component.html', + styleUrls: ['./carte-produit-nodevis.component.css'] +}) +export class CarteProduitNodevisComponent { + @Input() titre: string = ''; + @Input() description: string = ''; + @Input() image: string = ''; + @Input() categorie: string = ''; + @Input() prix: string = ''; + @Input() caracteristiques: string[] = []; + + apiBaseUrl = environment.baseUrl + + + hover: boolean = false; + showModal: boolean = false; + + openModal() { + this.showModal = true; + } + + closeModal() { + this.showModal = false; + } + getImageUrl(imagePath: string): string { + if (imagePath.startsWith('/assets')) { + return imagePath; + } + return this.apiBaseUrl + imagePath; +} + +} diff --git a/src/app/carte-produit/carte-produit.component.css b/src/app/carte-produit/carte-produit.component.css new file mode 100644 index 000000000..61ca99a2a --- /dev/null +++ b/src/app/carte-produit/carte-produit.component.css @@ -0,0 +1,293 @@ +.carte-produit { + background-color: #e9ecef; + position: relative; + width: 300px; + height: 360px; + border-radius: 12px; + overflow: hidden; + box-shadow: 0px 10px 1px #38B; + cursor: pointer; + transition: transform 0.25s ease-in-out 0s; +} + +.carte-produit:hover { + transform: scale(1.02); + transform: translateY(-3px); +} + +.image-fond { + width: 100%; + height: 90%; + object-fit: contain; + position: relative; + margin-top: 10px; +} + +.infos-base { + position: absolute; + left: 20px; + color: white; +} + +.categorie { + display: inline-block; + background-color: white; + color: #01b4ff; + font-weight: bold; + font-size: 10px; + padding: 5px 10px; + border-radius: 8px; + margin-bottom: 10px; +} + +.titre { + color: #01b4ff; + font-size: 14px; + font-weight: bold; + display: block; + margin-bottom: 20px; +} + +.overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0,0,0,0.50); + color: white; + padding: 20px; + display: flex; + align-items: flex-end; + box-sizing: border-box; +} + + +.infos-hover h3 { + margin: 0 0 10px; + font-size: 18px; +} + +.infos-hover p { + font-size: 14px; + margin-bottom: 15px; +} + +.btn-devis { + background-color: #01b4ff; + color: white; + border: none; + padding: 8px 14px; + border-radius: 4px; + font-size: 12px; + margin-bottom: 12px; + cursor: pointer; +} + +.liens { + display: flex; + gap: 12px; +} + +.voir-details { + color: white; + text-decoration: none; + font-weight: bold; + border-bottom: 3px solid white; + font-size: 14px; +} + +.demander-devis { + color: orange; + text-decoration: none; + font-weight: bold; + border-bottom: 3px solid orange; + font-size: 14px; +} +/* /////////////////////////// */ +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + background-color: rgba(0, 0, 0, 0.5); + backdrop-filter: blur(3px); + display: flex; + justify-content: center; + align-items: center; + z-index: 999; +} + +.modal-container { + border-radius: 20px; + background-color: white; + width: 55%; + overflow-y: auto; + position: relative; + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); + animation: fadeIn 0.3s ease-in-out; +} + +.modal-top { + background-image: url('assets/img/infinite-loop-01.jpg'); + background-repeat: no-repeat; + background-size: cover; + /* background-position: center ; */ + /* background-color: #38B; */ + padding: 30px; + color: #ffffff; + height: 160px; +} + +.categorie h5 { + margin: 0; + font-size: 16px; + background: #fff; + color: #38B; + display: inline-block; + padding: 4px 10px; + border-radius: 10px; + font-weight: bold; +} + +.titre-et-description h2 { + font-size: 30px; + font-weight: bold; + /* margin: 10px 0 8px; */ + color: #fff; +} + +.titre-et-description p { + margin: 0; + font-size: 10px; + color: #fff; +} + +.modal-image { + width: 100%; + height: auto; + margin-top: 20px; + max-height: 300px; + object-fit: contain; + border-radius: 10px; + margin-bottom: 20px; +} + +.modal-content { + padding: 10px; + max-height: 90vh; +} + +.modal-content h2 { + font-size: 24px; + margin-bottom: 10px; + color: #041c44; +} + +.modal-content p { + font-size: 16px; + margin-bottom: 20px; + color: #333; +} + +.modal-bottom { + display: flex; + justify-content: space-between; + gap: 20px; +} +.imagee{ + /* background-color: #f2f2f2; */ + padding: 12px 16px; + border-radius: 10px; + width: 65%; +} +.caracteristiques-et-tarif{ + display: flex; + flex-direction: column; + gap:20px; + max-width: 50%; +} + +.caracteristiques { + height: 60%; + background-color: #f2f2f2; + padding: 12px 16px; + border-radius: 10px; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; +} +.tarif{ + height: auto; + background-color: #f2f2f2; + padding: 12px 16px; + border-radius: 10px; + word-wrap: break-word; + overflow-wrap: break-word; +} + +.caracteristiques h4, +.tarif h4 { + margin-top: 0; + margin-bottom: 8px; + color: #38B; + font-size: 18px; + text-decoration: underline; + font-weight: bold; + text-align: left; +} +.tarif h2 { + font-weight: bold; + color: #000000; + display: block; + text-align: left; +} + +.caracteristiques ul { + padding-left: 20px; + margin: 0; +} +.caracteristiques li{ + /* font-weight: bold; */ + color: black; +} + +.tarif p { + font-weight: bold; + font-size: 20px; + margin: 10px 0; + color: orange; +} + +.btn-devis { + background-color: #01b4ff; + color: white; + padding: 8px 16px; + border-radius: 6px; + border: none; + cursor: pointer; + font-weight: bold; +} + +.modal-close { + color: #ffffff; + position: absolute; + top: 0px; + right: 16px; + font-size: 40px; + background: none; + border: none; + cursor: pointer; +} + +@keyframes fadeIn { + from { + opacity: 0; + transform: scale(0.9); + } + to { + opacity: 1; + transform: scale(1); + } +} diff --git a/src/app/carte-produit/carte-produit.component.html b/src/app/carte-produit/carte-produit.component.html new file mode 100644 index 000000000..df5187cf7 --- /dev/null +++ b/src/app/carte-produit/carte-produit.component.html @@ -0,0 +1,65 @@ + + +
+ + +
+

{{ titre }}

+
+ +
+
+

{{ titre }}

+

{{ description }}

+ +
+ Voir détails + Demander un devis +
+
+
+
+ + + +
+
+
+
+
{{categorie}}
+
+
+

{{titre}}

+

{{description}}

+
+
+ + +
+ +
+
+ Produit +
+
+ +
+

Caractéristiques :

+
    +
  • {{ carac.texte }}
    • +
+
+
+

Tarif :

+

SUR DEVIS

+ +
+ +
+
+
+ + +
+
+ diff --git a/src/app/carte-produit/carte-produit.component.spec.ts b/src/app/carte-produit/carte-produit.component.spec.ts new file mode 100644 index 000000000..c7cb1edae --- /dev/null +++ b/src/app/carte-produit/carte-produit.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CarteProduitComponent } from './carte-produit.component'; + +describe('CarteProduitComponent', () => { + let component: CarteProduitComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ CarteProduitComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(CarteProduitComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/carte-produit/carte-produit.component.ts b/src/app/carte-produit/carte-produit.component.ts new file mode 100644 index 000000000..112fd2d49 --- /dev/null +++ b/src/app/carte-produit/carte-produit.component.ts @@ -0,0 +1,43 @@ +import { Component, Input } from '@angular/core'; +import { Router } from '@angular/router'; +import { environment } from 'environments/environment'; + +@Component({ + selector: 'app-carte-produit', + templateUrl: './carte-produit.component.html', + styleUrls: ['./carte-produit.component.css'] +}) +export class CarteProduitComponent { + @Input() titre: string = ''; + @Input() description: string = ''; + @Input() image: string = ''; + @Input() categorie: string = ''; + @Input() caracteristiques: string[] = []; + + apiBaseUrl = environment.baseUrl + + constructor(private router: Router) {} + + hover: boolean = false; + showModal: boolean = false; + + openModal() { + this.showModal = true; + } + + closeModal() { + this.showModal = false; + } + allerAuFormulaire() { + this.closeModal(); + this.router.navigate(['/formulaireiotit']); + } + getImageUrl(imagePath: string): string { + if (imagePath.startsWith('/assets')) { + return imagePath; + } + return this.apiBaseUrl + imagePath; +} + +} + diff --git a/src/app/chat-bot/chat-bot.component.html b/src/app/chat-bot/chat-bot.component.html new file mode 100644 index 000000000..a0b7771cf --- /dev/null +++ b/src/app/chat-bot/chat-bot.component.html @@ -0,0 +1,2 @@ +
+
\ No newline at end of file diff --git a/src/app/chat-bot/chat-bot.component.scss b/src/app/chat-bot/chat-bot.component.scss new file mode 100644 index 000000000..340e2eebf --- /dev/null +++ b/src/app/chat-bot/chat-bot.component.scss @@ -0,0 +1,36 @@ +.chatbot-fab { + position: fixed; + bottom: 30px; + right: 30px; + display: flex; + align-items: center; + gap: 10px; + z-index: 1000; +} + +.chatbot-label { + background-color: #007bff; + color: white; + padding: 8px 12px; + border-radius: 20px; + font-size: 14px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + animation: fadeIn 0.5s ease; +} + +.chatbot-button { + background-color: black; + color: white; + border: none; + border-radius: 50%; + width: 55px; + height: 55px; + font-size: 20px; + cursor: pointer; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); +} + +@keyframes fadeIn { + from { opacity: 0; transform: translateY(10px); } + to { opacity: 1; transform: translateY(0); } +} diff --git a/src/app/chat-bot/chat-bot.component.spec.ts b/src/app/chat-bot/chat-bot.component.spec.ts new file mode 100644 index 000000000..2b9bd93d1 --- /dev/null +++ b/src/app/chat-bot/chat-bot.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ChatBotComponent } from './chat-bot.component'; + +describe('ChatBotComponent', () => { + let component: ChatBotComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ChatBotComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ChatBotComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/chat-bot/chat-bot.component.ts b/src/app/chat-bot/chat-bot.component.ts new file mode 100644 index 000000000..6d9e88e39 --- /dev/null +++ b/src/app/chat-bot/chat-bot.component.ts @@ -0,0 +1,58 @@ +import { Component, OnInit ,Renderer2} from '@angular/core'; + +@Component({ + selector: 'app-chat-bot', + templateUrl: './chat-bot.component.html', + styleUrls: ['./chat-bot.component.scss'] +}) +export class ChatBotComponent implements OnInit { + showChat = false; + + constructor(private renderer: Renderer2) {} + + ngOnInit(): void { + const script = this.renderer.createElement('script'); + script.innerHTML = ` + (function(){ + if(!window.chatbase || window.chatbase("getState") !== "initialized") { + window.chatbase=(...arguments)=>{ + if(!window.chatbase.q){ + window.chatbase.q=[] + } + window.chatbase.q.push(arguments) + }; + window.chatbase=new Proxy(window.chatbase,{ + get(target,prop){ + if(prop==="q"){ return target.q } + return (...args)=>target(prop,...args) + } + }) + } + + const onLoad=function(){ + const script=document.createElement("script"); + script.src="https://www.chatbase.co/embed.min.js"; + script.id="f0d3oyMrl3n7digplpnOD"; + script.setAttribute("chatbotId", "f0d3oyMrl3n7digplpnOD"); + document.body.appendChild(script); + }; + + if(document.readyState==="complete"){ + onLoad() + }else{ + window.addEventListener("load",onLoad) + } + })(); + `; + this.renderer.appendChild(document.body, script); + } + + toggleChat(): void { + const iframe = document.querySelector('iframe[src*="chatbase"]') as HTMLElement; + if (iframe) { + this.showChat = !this.showChat; + iframe.style.display = this.showChat ? 'block' : 'none'; + } + } + +} diff --git a/src/app/clients-carousel/clients-carousel.component.html b/src/app/clients-carousel/clients-carousel.component.html new file mode 100644 index 000000000..15da3f632 --- /dev/null +++ b/src/app/clients-carousel/clients-carousel.component.html @@ -0,0 +1,23 @@ +
+
+

{{ 'CLIENTS.TITLE' | translate }}

+

+ {{ 'CLIENTS.DESCRIPTION' | translate }} +

+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/src/app/clients-carousel/clients-carousel.component.scss b/src/app/clients-carousel/clients-carousel.component.scss new file mode 100644 index 000000000..03e4a4e34 --- /dev/null +++ b/src/app/clients-carousel/clients-carousel.component.scss @@ -0,0 +1,20 @@ +.carousel-container { + width: 100%; + margin: 0 auto; +} + +.carousel-content { + display: flex; + transition: transform 0.01s linear; /* Transition très courte pour fluidité */ + will-change: transform; /* Optimisation performance */ +} + +/* Masquer la scrollbar */ +.carousel-container::-webkit-scrollbar { + display: none; +} + +.carousel-container { + -ms-overflow-style: none; + scrollbar-width: none; +} \ No newline at end of file diff --git a/src/app/clients-carousel/clients-carousel.component.spec.ts b/src/app/clients-carousel/clients-carousel.component.spec.ts new file mode 100644 index 000000000..cb45a9bb0 --- /dev/null +++ b/src/app/clients-carousel/clients-carousel.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ClientsCarouselComponent } from './clients-carousel.component'; + +describe('ClientsCarouselComponent', () => { + let component: ClientsCarouselComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ClientsCarouselComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ClientsCarouselComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/clients-carousel/clients-carousel.component.ts b/src/app/clients-carousel/clients-carousel.component.ts new file mode 100644 index 000000000..d041117bb --- /dev/null +++ b/src/app/clients-carousel/clients-carousel.component.ts @@ -0,0 +1,58 @@ +import { Component, OnInit,OnDestroy } from '@angular/core'; + +@Component({ + selector: 'app-clients-carousel', + templateUrl: './clients-carousel.component.html', + styleUrls: ['./clients-carousel.component.scss'] +}) +export class ClientsCarouselComponent implements OnInit , OnDestroy { + clients = [ + { name: 'Client 1', logo: '/assets/img/logos/pgs.jpeg' }, + { name: 'Client 2', logo: '/assets/img/logos/pharmaderm.jpeg' }, + { name: 'Client 3', logo: '/assets/img/logos/sagemcom.jpeg' }, + { name: 'Client 4', logo: '/assets/img/logos/TT.jpeg' }, + { name: 'Client 5', logo: '/assets/img/logos/pharmaservice.jpeg' }, + { name: 'Client 6', logo: '/assets/img/logos/cftp.jpeg' }, + { name: 'Client 7', logo: '/assets/img/logos/cnam.jpeg' }, + { name: 'Client 8', logo: '/assets/img/logos/etap.jpeg' }, + { name: 'Client 9', logo: '/assets/img/logos/smtf.jpeg' }, + { name: 'Client 10', logo: '/assets/img/logos/TLS.jpeg' }, + + + ]; + + duplicatedClients = [...this.clients, ...this.clients]; // Pour l'effet infini + private animationFrameId: number; + private scrollSpeed = 1; // Ajustez la vitesse ici + private carouselElement: HTMLElement; + + ngOnInit(): void { + this.carouselElement = document.querySelector('.carousel-content'); + this.startAnimation(); + } + + ngOnDestroy(): void { + this.stopAnimation(); + } + + startAnimation(): void { + let position = 0; + const animate = () => { + position += this.scrollSpeed; + + // Réinitialiser la position quand on arrive à la moitié (grâce aux éléments dupliqués) + if (position >= this.carouselElement.scrollWidth / 2) { + position = 0; + } + + this.carouselElement.style.transform = `translateX(-${position}px)`; + this.animationFrameId = requestAnimationFrame(animate); + }; + + this.animationFrameId = requestAnimationFrame(animate); + } + + stopAnimation(): void { + cancelAnimationFrame(this.animationFrameId); + } +} \ No newline at end of file diff --git a/src/app/contact-us/contact-us.component.html b/src/app/contact-us/contact-us.component.html new file mode 100644 index 000000000..0c44b12e7 --- /dev/null +++ b/src/app/contact-us/contact-us.component.html @@ -0,0 +1,98 @@ + + + + +
+
+
+
+

{{ 'CONTACT.TITLE' | translate }}

+

{{ 'CONTACT.INTRO' | translate }}

+
+
+ +
+
+ + + + + +
+ {{ 'CONTACT.FORM.EMAIL_ERROR' | translate }} +
+ + + + +
+ +
+ {{ messageText }} +
+
+ +
+
+ + + T u n a v @ t u n a v . c o m + +
+ +
+ + + {{ 'CONTACT.LOCATION' | translate }} + +
+ +
+ + + 7 1 8 0 7 6 6 7 + +
+ +
 
+
+
+
+
+ + diff --git a/src/app/contact-us/contact-us.component.scss b/src/app/contact-us/contact-us.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/contact-us/contact-us.component.spec.ts b/src/app/contact-us/contact-us.component.spec.ts new file mode 100644 index 000000000..ecc463a0d --- /dev/null +++ b/src/app/contact-us/contact-us.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ContactUsComponent } from './contact-us.component'; + +describe('ContactUsComponent', () => { + let component: ContactUsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ContactUsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ContactUsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/contact-us/contact-us.component.ts b/src/app/contact-us/contact-us.component.ts new file mode 100644 index 000000000..4226b71a1 --- /dev/null +++ b/src/app/contact-us/contact-us.component.ts @@ -0,0 +1,91 @@ +import { Component, OnInit } from '@angular/core'; +import emailjs from 'emailjs-com'; +import Swal from 'sweetalert2'; + +declare var Email: any; +@Component({ + selector: 'app-contact-us', + templateUrl: './contact-us.component.html', + styleUrls: ['./contact-us.component.scss'] +}) +export class ContactUsComponent implements OnInit { + + constructor() { } + form = { + name: '', + email: '', + message: '' + }; + + ngOnInit(): void { + const script = document.createElement('script'); + script.src = 'https://smtpjs.com/v3/smtp.js'; + script.type = 'text/javascript'; + document.body.appendChild(script); + } + messageBox = document.getElementById('messageBox'); + + showMessage(text, isError = false) { + this.messageBox.textContent = text; + this.messageBox.style.color = isError ? 'red' : 'green'; + this.messageBox.style.display = 'block'; +} +emailInvalid = false; +messageText = ''; +messageError = false; + +isValidEmail(email: string): boolean { + const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + return re.test(email); +} + + sendEmail() { + if (!this.isValidEmail(this.form.email)) { + Swal.fire({ + icon: 'error', + title: 'Email invalide', + text: 'Veuillez entrer un email valide.', + }); + return; + } + + const serviceID = 'service_x3dvh7z'; + const template = 'template_al9cbrs'; + const publicKey = 'sDFgBbOfrGRnnhc0V'; + + const templateParams = { + from_name: this.form.name, + from_email: this.form.email, + message: this.form.message, + to_name: 'Tunav Team', + reply_to: this.form.email, + }; + + emailjs.send(serviceID, template, templateParams, publicKey) + .then(() => { + Swal.fire({ + icon: 'success', + title: 'Message envoyé ✅', + html: ` +

+ Un e-mail de confirmation automatique va vous être envoyé immédiatement.

+ ⚠️ Si vous ne le recevez pas dans quelques minutes, cela signifie que vous avez saisi une adresse e-mail inexistante ou incorrecte. + `, + confirmButtonColor: '#3085d6' + }); + + this.form = { name: '', email: '', message: '' }; + }) + .catch((err) => { + Swal.fire({ + icon: 'error', + title: 'Erreur', + text: 'L\'adresse email est incorrecte .', + }); + console.error(err); + }); +} + + + +} diff --git a/src/app/footer-home-page/footer-home-page.component.html b/src/app/footer-home-page/footer-home-page.component.html new file mode 100644 index 000000000..1e239d8b7 --- /dev/null +++ b/src/app/footer-home-page/footer-home-page.component.html @@ -0,0 +1,32 @@ + + + diff --git a/src/app/footer-home-page/footer-home-page.component.scss b/src/app/footer-home-page/footer-home-page.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/footer-home-page/footer-home-page.component.spec.ts b/src/app/footer-home-page/footer-home-page.component.spec.ts new file mode 100644 index 000000000..8eb44750a --- /dev/null +++ b/src/app/footer-home-page/footer-home-page.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FooterHomePageComponent } from './footer-home-page.component'; + +describe('FooterHomePageComponent', () => { + let component: FooterHomePageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FooterHomePageComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FooterHomePageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/footer-home-page/footer-home-page.component.ts b/src/app/footer-home-page/footer-home-page.component.ts new file mode 100644 index 000000000..df8b1b75f --- /dev/null +++ b/src/app/footer-home-page/footer-home-page.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-footer-home-page', + templateUrl: './footer-home-page.component.html', + styleUrls: ['./footer-home-page.component.scss'] +}) +export class FooterHomePageComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/form-franchise/form-franchise.component.css b/src/app/form-franchise/form-franchise.component.css new file mode 100644 index 000000000..b2a270f14 --- /dev/null +++ b/src/app/form-franchise/form-franchise.component.css @@ -0,0 +1,142 @@ +.body { + background-image: url('assets/img/infinite-loop-01.jpg'); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} + +.container { + display: flex; + flex-wrap: wrap; + gap: 40px; + padding: 2rem; + max-width: 1200px; + margin: auto; + color: white; +} + +.partie-informations { + margin-top: 50px; + flex-grow: 1; + flex-shrink: 1; + flex-basis: 40%; +} + +.partie-formulaire { + flex-grow: 1; + flex-shrink: 1; + flex-basis: 60%; +} + +h1 { + text-align: center; + color: #01b4ff; +} + +.subtitle { + text-align: center; + color: #ffffff; + margin-bottom: 1.5rem; +} + +.form-container { + background: white; + padding: 2rem; + border-radius: 12px; + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.766); +} + +.form-container h2 { + font-size: 1.5rem; + margin-bottom: 0.8rem; + color: #01b4ff; + font-weight: 600; +} + +.form-container p { + font-size: 0.9rem; + margin-bottom: 1rem; +} + +.form-container form { + display: flex; + flex-direction: column; + gap: 0.8rem; +} + +.form-container label { + font-size: 0.9rem; +} + +.form-container input:not([type="radio"]), +.form-container textarea { + padding: 0.6rem; + border-radius: 6px; + border: 1px solid #ccc; + font-size: 0.9rem; +} + +textarea { + resize: vertical; + height: 80px; +} + +.form-container button { + margin-top: 1rem; + background-color: #01b4ff; + border: none; + color: white; + padding: 0.75rem; + font-size: 0.95rem; + font-weight: bold; + border-radius: 6px; + cursor: pointer; + transition: background 0.3s ease; +} + +.form-container button:hover { + background: linear-gradient(to right, #1e88e5, #1565c0); +} + +@media (max-width: 768px) { + .container { + flex-direction: column; + padding: 1rem; + } + + .form-container { + padding: 1.2rem; + } +} +input[type="radio"]{ + border: #01b4ff; + gap: 30px; +} + +input::placeholder, +textarea::placeholder { + color:black; +} +.iti { + display: flex; + border: 1px solid #ccc; + border-radius: 6px; + overflow: hidden; +} + +.iti__flag-container { + background-color: #f3f3f3; + border-right: 1px solid #ccc; + padding: 0 10px; + display: flex; + align-items: center; +} + +input.form-control { + border: none; + flex: 1; + padding: 10px; + font-size: 1rem; +} + diff --git a/src/app/form-franchise/form-franchise.component.html b/src/app/form-franchise/form-franchise.component.html new file mode 100644 index 000000000..c6e3c8b91 --- /dev/null +++ b/src/app/form-franchise/form-franchise.component.html @@ -0,0 +1,80 @@ +
+ + +
+
+
+

{{ 'FRANCHISE.TITLE' | translate }}

+

+ {{ 'FRANCHISE.SUBTITLE' | translate }} +

+
+ +
+
+
+

{{ 'FRANCHISE.FORM.TITLE' | translate }}

+

{{ 'FRANCHISE.FORM.DESCRIPTION' | translate }}

+ + + + + + + + + + + + + + + + + +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ + + + + +
+
+
+
+


+ +
diff --git a/src/app/form-franchise/form-franchise.component.spec.ts b/src/app/form-franchise/form-franchise.component.spec.ts new file mode 100644 index 000000000..60243b7bd --- /dev/null +++ b/src/app/form-franchise/form-franchise.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FormFranchiseComponent } from './form-franchise.component'; + +describe('FormFranchiseComponent', () => { + let component: FormFranchiseComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FormFranchiseComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FormFranchiseComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/form-franchise/form-franchise.component.ts b/src/app/form-franchise/form-franchise.component.ts new file mode 100644 index 000000000..27371e002 --- /dev/null +++ b/src/app/form-franchise/form-franchise.component.ts @@ -0,0 +1,141 @@ +import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { FranchiseService } from 'app/Services/franchise.service'; +import Swal from 'sweetalert2'; + +declare var intlTelInput: any; + +@Component({ + selector: 'app-form-franchise', + templateUrl: './form-franchise.component.html', + styleUrls: ['./form-franchise.component.css'] +}) +export class FormFranchiseComponent implements OnInit, AfterViewInit { + @ViewChild('phoneInput', { static: false }) phoneInputRef!: ElementRef; + formFranchise!: FormGroup; + iti: any; + + constructor(private fb: FormBuilder,private franchiseService: FranchiseService) {} + + ngOnInit(): void { + this.formFranchise = this.fb.group({ + nom: ['', Validators.required], + prenom: ['', Validators.required], + telephone: ['', Validators.required], + email: ['', [Validators.required, Validators.email]], + profession: [''], + experienceIT: ['', Validators.required], + precisionsExp: [''], + dirigeEntreprise: ['', Validators.required], + secteurDuree: [''], + motivation: ['', Validators.required], + }); + } + + ngAfterViewInit(): void { + this.iti = intlTelInput(this.phoneInputRef.nativeElement, { + initialCountry: 'tn', + utilsScript:'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js' + }); + } + +onSubmit(): void { + const localNumber = this.phoneInputRef.nativeElement.value.trim(); + const countryData = this.iti.getSelectedCountryData(); + const dialCode = countryData?.dialCode || ''; + + if (!localNumber || !dialCode) { + Swal.fire('Erreur', 'Numéro ou pays non sélectionné.', 'error'); + return; + } + + const phoneRegex = /^[0-9]{6,15}$/; + + if (!phoneRegex.test(localNumber)) { + Swal.fire('Numéro invalide', 'Le numéro ne doit contenir que des chiffres (pas de lettres ni de symboles).', 'error'); + return; + } + + const internationalNumber = `+${dialCode}${localNumber.replace(/^0+/, '')}`; + this.formFranchise.patchValue({ telephone: internationalNumber }); + + // 🔐 Validation conditionnelle + if (this.formFranchise.get('experienceIT')?.value === 'oui' && + !this.formFranchise.get('precisionsExp')?.value.trim()) { + Swal.fire('Champ requis', 'Veuillez préciser votre expérience en IT/IoT/GPS.', 'warning'); + return; + } + + if (this.formFranchise.get('dirigeEntreprise')?.value === 'oui' && + !this.formFranchise.get('secteurDuree')?.value.trim()) { + Swal.fire('Champ requis', 'Veuillez préciser le secteur et la durée de l’entreprise que vous avez dirigée.', 'warning'); + return; + } + + // 🔍 Validation générale + if (!this.formFranchise.valid) { + const controls = this.formFranchise.controls; + + if (controls['nom'].invalid) { + Swal.fire('Champ requis', 'Veuillez renseigner votre nom.', 'warning'); + return; + } + + if (controls['prenom'].invalid) { + Swal.fire('Champ requis', 'Veuillez renseigner votre prénom.', 'warning'); + return; + } + + if (controls['email'].invalid) { + Swal.fire('Email invalide', 'Veuillez saisir une adresse email valide.', 'error'); + return; + } + + if (controls['experienceIT'].invalid) { + Swal.fire('Champ requis', 'Veuillez indiquer votre expérience.', 'warning'); + return; + } + + if (controls['dirigeEntreprise'].invalid) { + Swal.fire('Champ requis', 'Veuillez préciser si vous avez dirigé une entreprise.', 'warning'); + return; + } + + if (controls['motivation'].invalid) { + Swal.fire('Champ requis', 'Veuillez indiquer vos motivations.', 'warning'); + return; + } + + this.formFranchise.markAllAsTouched(); + return; + } + + const formData = this.formFranchise.value; + +const payload = { + nom: formData.nom, + prenom: formData.prenom, + email: formData.email, + telephone: internationalNumber, + professionActuelle: formData.profession || '', + experienceIotGps: formData.experienceIT === 'oui' ? formData.precisionsExp : '', + entrepriseDirige: formData.dirigeEntreprise === 'oui' ? formData.secteurDuree : '', + motivation: formData.motivation, + userId: 1 +}; + +this.franchiseService.envoyerDemandeFranchise(payload).subscribe({ + next: (res) => { + console.log('Réponse API :', res); + Swal.fire('Succès', 'Votre demande a bien été envoyée.', 'success'); + this.formFranchise.reset(); + }, + error: (err) => { + console.error('Erreur API :', err); + Swal.fire('Erreur', 'Une erreur est survenue lors de l\'envoi.', 'error'); + } +}); + +} + +} diff --git a/src/app/form-products/form-products.component.html b/src/app/form-products/form-products.component.html new file mode 100644 index 000000000..3f1a0a64d --- /dev/null +++ b/src/app/form-products/form-products.component.html @@ -0,0 +1,39 @@ +
+

{{ isEditMode ? 'Modifier un Produit' : 'Ajouter un Produit ' + (type === 'iot' ? 'IoT' : 'GPS') }}

+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+

Glissez-déposez une image ici ou cliquez

+ Image + +
+ +
+ + +
+
diff --git a/src/app/form-products/form-products.component.scss b/src/app/form-products/form-products.component.scss new file mode 100644 index 000000000..ee11ce7fb --- /dev/null +++ b/src/app/form-products/form-products.component.scss @@ -0,0 +1,11 @@ +.drag-drop-area { + border: 2px dashed #aaa; + padding: 20px; + text-align: center; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.drag-drop-area:hover { + background-color: #f1f1f1; +} diff --git a/src/app/form-products/form-products.component.spec.ts b/src/app/form-products/form-products.component.spec.ts new file mode 100644 index 000000000..250095eaa --- /dev/null +++ b/src/app/form-products/form-products.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FormProductsComponent } from './form-products.component'; + +describe('FormProductsComponent', () => { + let component: FormProductsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FormProductsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FormProductsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/form-products/form-products.component.ts b/src/app/form-products/form-products.component.ts new file mode 100644 index 000000000..bcde1741a --- /dev/null +++ b/src/app/form-products/form-products.component.ts @@ -0,0 +1,115 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ReactiveFormsModule } from '@angular/forms'; +@Component({ + selector: 'app-form-products', + templateUrl: './form-products.component.html', + styleUrls: ['./form-products.component.scss'] +}) +export class FormProductsComponent implements OnInit { + + productForm!: FormGroup; + isEditMode = false; + productId: number | null = null; + previewUrl: string | ArrayBuffer | null = null; + selectedFile: File | null = null; + + type: 'iot' | 'gps' = 'gps'; + + constructor( + private fb: FormBuilder, + private route: ActivatedRoute, + private router: Router + ) {} + + ngOnInit(): void { + this.productForm = this.fb.group({ + nom: [''], + description: [''], + prix: this.type === 'gps' ? [''] : null, + image: [null] + }); + + this.productId = Number(this.route.snapshot.paramMap.get('id')); + if (this.productId) { + this.isEditMode = true; + const product = this.getProductById(this.productId); + if (product) { + this.productForm.patchValue({ + nom: product.nom, + description: product.description, + prix: product.prix + }); + this.previewUrl = product.image; + } + } + const routeType = this.route.snapshot.queryParamMap.get('type'); + if (routeType === 'iot' || routeType === 'gps') { + this.type = routeType; + } + } + + onSubmit(): void { + const formValue = this.productForm.value; + if (this.type === 'iot') { + console.log('Produit IoT envoyé :', { + titre: formValue.nom, + description: formValue.description, + image: this.selectedFile, + categorie: 'iot' + }); + } else { + console.log('Produit GPS envoyé :', { + titre: formValue.nom, + description: formValue.description, + prix: formValue.prix, + image: this.selectedFile, + categorie: 'gps' + }); + } + this.router.navigate(['/listProducts']); + } + + onDragOver(event: DragEvent) { + event.preventDefault(); + } + + onDragLeave(event: DragEvent) { + event.preventDefault(); + } + + onFileDrop(event: DragEvent) { + event.preventDefault(); + if (event.dataTransfer?.files.length) { + this.handleFile(event.dataTransfer.files[0]); + } + } + + onFileSelect(event: any) { + if (event.target.files.length) { + this.handleFile(event.target.files[0]); + } + } + + handleFile(file: File) { + this.selectedFile = file; + this.productForm.patchValue({ image: file }); + const reader = new FileReader(); + reader.onload = () => { + this.previewUrl = reader.result; + }; + reader.readAsDataURL(file); + } + + getProductById(id: number) { + return { + id, + nom: 'Produit Exemple', + description: 'Description exemple', + prix: 99.99, + image: 'https://via.placeholder.com/150' + }; + } + +} diff --git a/src/app/formblog/formblog.component.html b/src/app/formblog/formblog.component.html new file mode 100644 index 000000000..11a6e2414 --- /dev/null +++ b/src/app/formblog/formblog.component.html @@ -0,0 +1,53 @@ +
+
+

{{ isEditMode ? 'Modifier le blog' : 'Ajouter un blog' }}

+
+ +
+ +
+ + +
+ + +
+ + +
+ + +
+ +
+ + {{ tag}} + + +
+ +
+ + +
+ +
+

Glissez-déposez une image ici ou sélectionnez un fichier.

+ Aperçu de l'image + +
+
+ + + +
+
diff --git a/src/app/formblog/formblog.component.scss b/src/app/formblog/formblog.component.scss new file mode 100644 index 000000000..f5272583a --- /dev/null +++ b/src/app/formblog/formblog.component.scss @@ -0,0 +1,20 @@ +.image-upload-container { + border: 2px dashed #3377AA; + padding: 20px; + text-align: center; + border-radius: 10px; + background-color: #f8f9fa; + transition: background-color 0.2s ease-in-out; + + &.drag-over { + background-color: #e0f3ff; + } + + .image-preview { + max-width: 200px; + max-height: 200px; + margin-top: 10px; + border-radius: 10px; + object-fit: cover; + } +} diff --git a/src/app/formblog/formblog.component.spec.ts b/src/app/formblog/formblog.component.spec.ts new file mode 100644 index 000000000..edfef247f --- /dev/null +++ b/src/app/formblog/formblog.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FormblogComponent } from './formblog.component'; + +describe('FormblogComponent', () => { + let component: FormblogComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FormblogComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FormblogComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/formblog/formblog.component.ts b/src/app/formblog/formblog.component.ts new file mode 100644 index 000000000..853b661d2 --- /dev/null +++ b/src/app/formblog/formblog.component.ts @@ -0,0 +1,149 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { BlogCreateRequest, BlogService, BlogUpdateRequest } from 'app/Services/BlogService'; +import { Blog } from 'app/blogslist/blogslist.component'; +import { environment } from 'environments/environment'; + +@Component({ + selector: 'app-formblog', + templateUrl: './formblog.component.html', + styleUrls: ['./formblog.component.scss'] +}) +export class FormblogComponent implements OnInit { + + blog: Blog = { + id: 0, + titre: '', + contenu: '', + imagePath: '', + tags: [], + likes: 0 + }; + + selectedFile?: File; + newTag: string = ''; + isEditMode = false; + isDragging = false; + apiBaseUrl = environment.baseUrl; + + constructor( + private route: ActivatedRoute, + private router: Router, + private blogService: BlogService + ) {} + + ngOnInit() { + const blogId = this.route.snapshot.paramMap.get('id'); + console.log("le is est",blogId); + if (blogId) { + this.isEditMode = true; + this.blogService.getBlogById(+blogId).subscribe({ + next: data => { + this.blog = {...data, + tags: data.tags.map((t: any) => t.nom || t) + + } + console.log("le blog filtré",this.blog); + }, + error: err => console.error('Erreur chargement blog :', err) + }); + } + } + + onFileSelected(event: any) { + this.selectedFile = event.target.files[0]; + if (this.selectedFile && this.selectedFile.type.startsWith('image/')) { + const reader = new FileReader(); + reader.onload = e => this.blog.imagePath = (e.target as FileReader).result as string; + reader.readAsDataURL(this.selectedFile); + } + } + + onDragOver(event: DragEvent) { + event.preventDefault(); + this.isDragging = true; + } + + onDragLeave(event: DragEvent) { + event.preventDefault(); + this.isDragging = false; + } + + onDrop(event: DragEvent) { + event.preventDefault(); + this.isDragging = false; + const file = event.dataTransfer?.files[0]; + if (file && file.type.startsWith('image/')) { + this.selectedFile = file; + const reader = new FileReader(); + reader.onload = () => this.blog.imagePath = reader.result as string; + reader.readAsDataURL(file); + } + } + + addTag(event: KeyboardEvent) { + event.preventDefault(); + const tag = this.newTag.trim(); + const tagExists = this.blog.tags.includes(tag); + if (tag && !tagExists) { + this.blog.tags.push(tag); + this.newTag = ''; + } + } + + removeTag(index: number) { + this.blog.tags.splice(index, 1); + } + + onSubmit() { + const CreateRequest: BlogCreateRequest = { + titre: this.blog.titre, + contenu: this.blog.contenu, + userId: 1, // à remplacer par l'utilisateur connecté + tags: this.blog.tags, // s'assurer que ce sont bien des strings + image: this.selectedFile || undefined + }; + const UpdateRequest: BlogUpdateRequest = { + titre: this.blog.titre, + contenu: this.blog.contenu, + tags: this.blog.tags, + newImage: this.selectedFile || undefined + }; + + if (this.isEditMode) { + console.log(UpdateRequest); + this.blogService.updateBlog(this.blog.id, UpdateRequest).subscribe({ + next: () => this.router.navigate(['/listblogs']), + error: (err) => { + console.error('Erreur update blog:', err); + if (err.error instanceof Blob) { + const reader = new FileReader(); + reader.onload = () => console.error('Erreur backend JSON:', reader.result); + reader.readAsText(err.error); + } else { + console.error('Erreur directe:', err.error); + } + } + }); + } else { + this.blogService.createBlog(CreateRequest).subscribe({ + next: () => this.router.navigate(['/listblogs']), + error: (err) => { + console.error('Erreur création blog:', err); + if (err.error instanceof Blob) { + const reader = new FileReader(); + reader.onload = () => console.error('Erreur backend:', reader.result); + reader.readAsText(err.error); + } else { + console.error('Erreur JSON:', err.error); + } + } + }); + } + } + + getImageUrl(imagePath: string): string { + return this.apiBaseUrl + imagePath; + } + +} diff --git a/src/app/formulaire-iot-it/formulaire-iot-it.component.css b/src/app/formulaire-iot-it/formulaire-iot-it.component.css new file mode 100644 index 000000000..102e441d7 --- /dev/null +++ b/src/app/formulaire-iot-it/formulaire-iot-it.component.css @@ -0,0 +1,129 @@ +.body{ + background-image: url('assets/img/infinite-loop-01.jpg'); +} +.container { + /* margin-top: 20px; */ + display: flex; + /* padding: 2rem; */ + min-width: 100%; + background: transparent; + font-family: 'Segoe UI', sans-serif; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1); + gap: 30px; + justify-content: center; + align-items: center; + height: 695px; +} + +.partie-informations { + width: auto; +} + +.partie-formulaire { + width: 65%; + margin-right: 30px; +} +h1 { + text-align: center; + color: #01b4ff; +} + +.subtitle { + text-align: center; + color: #ffffff; + margin-bottom: 1.5rem; +} +.tabs { + display: flex; + justify-content: center; + margin-bottom: 2rem; + gap: 1rem; +} +.tabs .tab { + padding: 0.6rem 1.5rem; + border-radius: 30px; + border: none; + background: #e0e0e0; + cursor: pointer; + transition: all 0.3s ease; + font-weight: 500; +} + +.tabs .tab.active { + background-color:#01b4ff; + color: white; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); +} + +.form-container { + margin-top: 20px; + margin-bottom: 20px; + background: white; + padding: 1rem; + border-radius: 12px; + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); + height: 600px; + max-height: 100%; + margin: auto 0; + display: flex; + flex-direction: column; + justify-content: space-between; + overflow: hidden; +} + +.form-container .description { + font-size: 0.85rem; + margin-bottom: 0.6rem; +} + +.form-container h2 { + font-size: 1.3rem; + margin-bottom: 0.3rem; +} + +.form-container strong { + font-size: 0.9rem; +} + +.form-container form { + display: flex; + flex-direction: column; + flex-grow: 1; + justify-content: space-evenly; +} + +.form-container form label { + font-size: 0.85rem; + margin-bottom: 0.2rem; +} + +.form-container form input, +.form-container form textarea { + margin: 0.3rem 0; + padding: 0.6rem; + border-radius: 6px; + border: 1px solid #ccc; + font-size: 0.85rem; +} + +.form-container form textarea { + resize: vertical; + height: 70px; +} + +.form-container form button { + margin-top: 0.6rem; + background-color: #01b4ff; + border: none; + color: white; + padding: 0.7rem; + font-size: 0.85rem; + font-weight: bold; + border-radius: 6px; + cursor: pointer; + transition: background 0.3s; +} + +.form-container form button:hover { + background: linear-gradient(to right, #1e88e5, #1565c0); +} diff --git a/src/app/formulaire-iot-it/formulaire-iot-it.component.html b/src/app/formulaire-iot-it/formulaire-iot-it.component.html new file mode 100644 index 000000000..bc6c2ae92 --- /dev/null +++ b/src/app/formulaire-iot-it/formulaire-iot-it.component.html @@ -0,0 +1,81 @@ +
+ +
+
+
+

{{ 'SOLUTIONS.TITLE' | translate }}

+

{{ 'SOLUTIONS.SUBTITLE' | translate }}

+ +
+ + +
+
+ +
+ +
+

{{ 'SOLUTIONS.IOT.TITLE' | translate }}

+

+ {{ 'SOLUTIONS.IOT.SUBTITLE' | translate }}
+ {{ 'SOLUTIONS.IOT.DESCRIPTION' | translate }} +

+ +
+ + + + + + + + + + + + + + + + +
+
+ + +
+

{{ 'SOLUTIONS.IT.TITLE' | translate }}

+

+ {{ 'SOLUTIONS.IT.SUBTITLE' | translate }}
+ {{ 'SOLUTIONS.IT.DESCRIPTION' | translate }} +

+ +
+ + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+ +
diff --git a/src/app/formulaire-iot-it/formulaire-iot-it.component.spec.ts b/src/app/formulaire-iot-it/formulaire-iot-it.component.spec.ts new file mode 100644 index 000000000..1fb027ef9 --- /dev/null +++ b/src/app/formulaire-iot-it/formulaire-iot-it.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FormulaireIotItComponent } from './formulaire-iot-it.component'; + +describe('FormulaireIotItComponent', () => { + let component: FormulaireIotItComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FormulaireIotItComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FormulaireIotItComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/formulaire-iot-it/formulaire-iot-it.component.ts b/src/app/formulaire-iot-it/formulaire-iot-it.component.ts new file mode 100644 index 000000000..13940a6a9 --- /dev/null +++ b/src/app/formulaire-iot-it/formulaire-iot-it.component.ts @@ -0,0 +1,48 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; + +@Component({ + selector: 'app-formulaire-iot-it', + templateUrl: './formulaire-iot-it.component.html', + styleUrls: ['./formulaire-iot-it.component.css'] +}) +export class FormulaireIotItComponent implements OnInit { + selectedTab: 'iot' | 'it' = 'iot'; + formIot!: FormGroup; + formIt!: FormGroup; + + constructor(private fb: FormBuilder) {} + + ngOnInit(): void { + this.formIot = this.fb.group({ + nom: ['', Validators.required], + prenom: ['', Validators.required], + email: ['', [Validators.required, Validators.email]], + entreprise: [''], + message: ['', Validators.required] + }); + + this.formIt = this.fb.group({ + nom: ['', Validators.required], + prenom: ['', Validators.required], + email: ['', [Validators.required, Validators.email]], + entreprise: [''], + message: ['', Validators.required] + }); + } + + selectTab(tab: 'iot' | 'it') { + this.selectedTab = tab; + } + + submitForm(type: 'iot' | 'it') { + const form = type === 'iot' ? this.formIot : this.formIt; + if (form.valid) { + console.log(`Formulaire ${type.toUpperCase()} :`, form.value); + alert(`Formulaire ${type.toUpperCase()} soumis avec succès !`); + form.reset(); + } else { + form.markAllAsTouched(); + } + } +} diff --git a/src/app/franchise-detail/franchise-detail.component.html b/src/app/franchise-detail/franchise-detail.component.html new file mode 100644 index 000000000..70106a79e --- /dev/null +++ b/src/app/franchise-detail/franchise-detail.component.html @@ -0,0 +1,52 @@ +
+
+
+
+

📋 Détails de la demande de franchise

+
+ +
+
+
+
👤 Informations personnelles
+

Nom : {{ franchise.nom }}

+

Prénom : {{ franchise.prenom }}

+

Email : {{ franchise.email }}

+

Téléphone : {{ franchise.telephone }}

+
+
+
💼 Expérience & Motivation
+

Profession actuelle : {{ franchise.professionActuelle }}

+

Expérience IoT/GPS : + + {{ franchise.experienceIotGps || 'Non' }} + +

+

A dirigé une entreprise : + + {{ franchise.entrepriseDirige || 'Non' }} + +

+

Motivation :
+ {{ franchise.motivation }} +

+
+
+ +
+ + ⬅ Retour à la liste + + + + + +
+
+
+
+
diff --git a/src/app/franchise-detail/franchise-detail.component.scss b/src/app/franchise-detail/franchise-detail.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/franchise-detail/franchise-detail.component.spec.ts b/src/app/franchise-detail/franchise-detail.component.spec.ts new file mode 100644 index 000000000..ef9f93885 --- /dev/null +++ b/src/app/franchise-detail/franchise-detail.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FranchiseDetailComponent } from './franchise-detail.component'; + +describe('FranchiseDetailComponent', () => { + let component: FranchiseDetailComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FranchiseDetailComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FranchiseDetailComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/franchise-detail/franchise-detail.component.ts b/src/app/franchise-detail/franchise-detail.component.ts new file mode 100644 index 000000000..d53777dab --- /dev/null +++ b/src/app/franchise-detail/franchise-detail.component.ts @@ -0,0 +1,70 @@ +import { Component, ElementRef, OnInit,ViewChild } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; +import { Franchise } from 'app/liste-franchises/liste-franchises.component'; +import { FranchiseService } from 'app/Services/franchise.service'; +import * as html2pdf from 'html2pdf.js'; + +@Component({ + selector: 'app-franchise-detail', + templateUrl: './franchise-detail.component.html', + styleUrls: ['./franchise-detail.component.scss'] +}) +export class FranchiseDetailComponent implements OnInit { + + franchise?: Franchise; + @ViewChild('pdfContent') pdfContent!: ElementRef; + constructor( + private route: ActivatedRoute, + private franchiseService: FranchiseService + ) {} + + ngOnInit(): void { + const id = Number(this.route.snapshot.paramMap.get('id')); + this.franchiseService.getFranchiseById(id).subscribe(data => { + this.franchise = data; + }); + } + + envoyerMailConfirmation(): void { + alert(`Un email de confirmation a été envoyé à ${this.franchise?.email}`); + } + + genererPdf() { + const logoUrl = '/assets/img/logoTunav.png'; + const franchise = this.franchise; + + const content = ` +
+
+ Logo +

Fiche Franchise - TUNAV

+
+
+

Nom : ${franchise?.nom || ''}

+

Prénom : ${franchise?.prenom || ''}

+

Email : ${franchise?.email || ''}

+

Téléphone : ${franchise?.telephone || ''}

+

Profession actuelle : ${franchise?.professionActuelle || 'Non spécifiée'}

+

Expérience IT/IoT/GPS : ${franchise?.experienceIotGps || 'Non spécifiée'}

+

Entreprise dirigée : ${franchise?.entrepriseDirige || 'Non spécifiée'}

+

Motivation :
${franchise?.motivation || ''}

+
+
+ `; + + const opt = { + margin: 0.5, + filename: `Fiche_Franchise_${franchise?.nom}_${franchise?.prenom}.pdf`, + image: { type: 'jpeg', quality: 0.98 }, + html2canvas: { scale: 2 }, + jsPDF: { unit: 'in', format: 'a4', orientation: 'portrait' } + }; + + const element = document.createElement('div'); + element.innerHTML = content; + +html2pdf().set(opt).from(element).save(); +} + + +} diff --git a/src/app/header-home-page/header-home-page.component.html b/src/app/header-home-page/header-home-page.component.html new file mode 100644 index 000000000..a7a6f7a06 --- /dev/null +++ b/src/app/header-home-page/header-home-page.component.html @@ -0,0 +1,43 @@ + diff --git a/src/app/header-home-page/header-home-page.component.scss b/src/app/header-home-page/header-home-page.component.scss new file mode 100644 index 000000000..fc513019d --- /dev/null +++ b/src/app/header-home-page/header-home-page.component.scss @@ -0,0 +1,41 @@ +.language-switcher { + position: relative; + z-index: 2; + + .current-language { + font-size: 1.5rem; + background: none; + border: none; + cursor: pointer; + } + + .language-menu { + display: none; + position: absolute; + top: 2rem; + left: 0; + list-style: none; + background: #ffffff; + border: 1px solid #ddd; + padding: 0.5rem 0; + margin: 0; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + + li { + padding: 0.5rem 1rem; + cursor: pointer; + + &:hover { + background-color: #f5f5f5; + } + + &.active { + font-weight: bold; + } + } + } + + &:hover .language-menu { + display: block; + } +} \ No newline at end of file diff --git a/src/app/header-home-page/header-home-page.component.spec.ts b/src/app/header-home-page/header-home-page.component.spec.ts new file mode 100644 index 000000000..67de4addc --- /dev/null +++ b/src/app/header-home-page/header-home-page.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HeaderHomePageComponent } from './header-home-page.component'; + +describe('HeaderHomePageComponent', () => { + let component: HeaderHomePageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ HeaderHomePageComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(HeaderHomePageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/header-home-page/header-home-page.component.ts b/src/app/header-home-page/header-home-page.component.ts new file mode 100644 index 000000000..c3a8a89ee --- /dev/null +++ b/src/app/header-home-page/header-home-page.component.ts @@ -0,0 +1,99 @@ +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; +import { NavigationEnd, Router } from '@angular/router'; +import { TranslateService } from '@ngx-translate/core'; +import { LanguageService } from 'app/Services/language.service'; + +@Component({ + selector: 'app-header-home-page', + templateUrl: './header-home-page.component.html', + styleUrls: ['./header-home-page.component.scss'] +}) +export class HeaderHomePageComponent implements OnInit { + isDropdownOpen = true; + pendingSection: string | null = null; + languages = [ + { code: 'en', name: 'English', flag: '/assets/img/flags/united-kingdom-flag.png' }, + { code: 'fr', name: 'Francais', flag: '/assets/img/flags/france-flag.png' } +]; + + currentLanguage = 'en'; + constructor(private router: Router,private translate: TranslateService,private languageService: LanguageService,private cdr: ChangeDetectorRef) { + this.currentLanguage = this.languageService.getCurrentLanguage(); + console.log(this.isDropdownOpen); + this.router.events.subscribe(event => { + if (event instanceof NavigationEnd && this.pendingSection) { + setTimeout(() => { + const el = document.getElementById(this.pendingSection!); + if (el) { + el.scrollIntoView({ behavior: 'smooth' }); + } + this.pendingSection = null; + }, 100); // délai pour que la page ait le temps de s'afficher + } + }); + } + + + switchLanguage(languageCode: string): void { + this.currentLanguage = languageCode; + this.translate.use(languageCode); + localStorage.setItem('language', languageCode); + this.isDropdownOpen = false; + } + changeDropDown() + { + this.isDropdownOpen=!this.isDropdownOpen; + this.cdr.detectChanges(); + console.log(this.isDropdownOpen); + } + getFlag(languageCode: string): string { + const language = this.languages.find((lang) => lang.code === languageCode); + return language ? language.flag : ''; + } + navigateToSection(sectionId: string, event: Event) { + event.preventDefault(); + + const currentUrl = this.router.url.split('#')[0]; + if (currentUrl !== '/' && currentUrl !== '/home') { + this.pendingSection = sectionId; + this.router.navigate(['/']); + } else { + // Déjà sur la home => scroll direct + const el = document.getElementById(sectionId); + if (el) { + el.scrollIntoView({ behavior: 'smooth' }); + } + } + } + ngOnInit(): void { + window.addEventListener('scroll', this.onScroll); +} + +onScroll = () => { + const scrollY = window.scrollY; + const logoBlanc = document.getElementById('logoBlanc'); + const logoCouleur = document.getElementById('logoCouleur'); + + if (scrollY <= 50) { + logoBlanc!.style.display = 'block'; + logoCouleur!.style.display = 'none'; + } else { + logoBlanc!.style.display = 'none'; + logoCouleur!.style.display = 'block'; + } +}; + + + Login(event: Event){ + event.preventDefault(); + this.router.navigate(['auth']); + } + About(event: Event){ + event.preventDefault(); + this.router.navigate(['about']); + } + Blogs(event: Event){ + event.preventDefault(); + this.router.navigate(['blogs']); + } +} diff --git a/src/app/iotcarousel/iotcarousel.component.html b/src/app/iotcarousel/iotcarousel.component.html new file mode 100644 index 000000000..42191aa88 --- /dev/null +++ b/src/app/iotcarousel/iotcarousel.component.html @@ -0,0 +1,26 @@ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + diff --git a/src/app/iotcarousel/iotcarousel.component.scss b/src/app/iotcarousel/iotcarousel.component.scss new file mode 100644 index 000000000..b4592278a --- /dev/null +++ b/src/app/iotcarousel/iotcarousel.component.scss @@ -0,0 +1,89 @@ +$poussin: url("http://images.metmuseum.org/CRDImages/ep/original/46_160.jpg"); +$picasso: url("http://uploads6.wikiart.org/images/pablo-picasso/the-abduction-of-sabines-1962-1.jpg"); +$rubens: url("https://upload.wikimedia.org/wikipedia/commons/7/72/Peter_Paul_Rubens_(taller)_-_Rapto_de_las_Sabinas.jpg"); + +html, body { + margin: 0; + height: 100%; + background: #F4F1E9; +} + +.arrow { + font-size: 2em; + color: #363f85; + position: absolute; + top: 50%; + left: 50%; + transition: 0.2s; + + &.left-arrow { + transform: translate(-11em, -50%); + } + + &.right-arrow { + transform: translate(10em, -50%); + } + + &:hover { + color: #B3B2AD; + } +} + +.slider { + position: relative; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 600px; + height: 200px; +} + +.slide { + float: left; + position: relative; + width: 33.3333%; + height: 100%; + overflow-x: hidden; + border-radius: 50%; + box-shadow: 0px 0px 15px rgba(0,0,0,0.5); + + &.slide-center { + z-index: 1; + box-shadow: 0px 0px 15px rgba(0,0,0,0.75); + transform: scale(1.3); + } +} + +.slide-holder { + width: 300%; + height: 100%; + position: relative; + top: 0; + transform: translateX(-33.3333%); + display: flex; +} + +.slide-bg { + width: 33.3333%; + height: 100%; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + display: inline-block; +} + +#slide-left { + .bg-previous { background-image: $rubens; } + .bg-current { background-image: $poussin; } + .bg-next { background-image: $picasso; } +} +#slide-center { + .bg-previous { background-image: $poussin; } + .bg-current { background-image: $picasso; } + .bg-next { background-image: $rubens; } +} +#slide-right { + .bg-previous { background-image: $picasso; } + .bg-current { background-image: $rubens; } + .bg-next { background-image: $poussin; } +} diff --git a/src/app/iotcarousel/iotcarousel.component.spec.ts b/src/app/iotcarousel/iotcarousel.component.spec.ts new file mode 100644 index 000000000..cd2555c1e --- /dev/null +++ b/src/app/iotcarousel/iotcarousel.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { IOTCarouselComponent } from './iotcarousel.component'; + +describe('IOTCarouselComponent', () => { + let component: IOTCarouselComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ IOTCarouselComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(IOTCarouselComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/iotcarousel/iotcarousel.component.ts b/src/app/iotcarousel/iotcarousel.component.ts new file mode 100644 index 000000000..9d542fe75 --- /dev/null +++ b/src/app/iotcarousel/iotcarousel.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-iotcarousel', + templateUrl: './iotcarousel.component.html', + styleUrls: ['./iotcarousel.component.scss'] +}) +export class IOTCarouselComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/layouts/admin-layout/admin-layout.routing.ts b/src/app/layouts/admin-layout/admin-layout.routing.ts index e09417d82..54555076b 100644 --- a/src/app/layouts/admin-layout/admin-layout.routing.ts +++ b/src/app/layouts/admin-layout/admin-layout.routing.ts @@ -5,8 +5,6 @@ import { UserComponent } from '../../user/user.component'; import { TablesComponent } from '../../tables/tables.component'; import { TypographyComponent } from '../../typography/typography.component'; import { IconsComponent } from '../../icons/icons.component'; -import { MapsComponent } from '../../maps/maps.component'; -import { NotificationsComponent } from '../../notifications/notifications.component'; import { UpgradeComponent } from '../../upgrade/upgrade.component'; export const AdminLayoutRoutes: Routes = [ @@ -15,7 +13,5 @@ export const AdminLayoutRoutes: Routes = [ { path: 'table', component: TablesComponent }, { path: 'typography', component: TypographyComponent }, { path: 'icons', component: IconsComponent }, - { path: 'maps', component: MapsComponent }, - { path: 'notifications', component: NotificationsComponent }, { path: 'upgrade', component: UpgradeComponent }, ]; diff --git a/src/app/liste-franchises/liste-franchises.component.html b/src/app/liste-franchises/liste-franchises.component.html new file mode 100644 index 000000000..6d483950f --- /dev/null +++ b/src/app/liste-franchises/liste-franchises.component.html @@ -0,0 +1,37 @@ +
+
+

📋 Liste des demandes de franchises

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
NomPrénomEmailTéléphoneProfessionExp. IT/IoT/GPSDéjà dirigé ?Action
{{ f.nom }}{{ f.prenom }}{{ f.email }}{{ f.telephone }}{{ f.professionActuelle }}{{ f.experienceIotGps ? 'Oui' : 'Non' }}{{ f.entrepriseDirige ? 'Oui' : 'Non' }} + + 🔍 Détails + +
+
+
diff --git a/src/app/liste-franchises/liste-franchises.component.scss b/src/app/liste-franchises/liste-franchises.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/liste-franchises/liste-franchises.component.spec.ts b/src/app/liste-franchises/liste-franchises.component.spec.ts new file mode 100644 index 000000000..ee9bc848f --- /dev/null +++ b/src/app/liste-franchises/liste-franchises.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ListeFranchisesComponent } from './liste-franchises.component'; + +describe('ListeFranchisesComponent', () => { + let component: ListeFranchisesComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ListeFranchisesComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ListeFranchisesComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/liste-franchises/liste-franchises.component.ts b/src/app/liste-franchises/liste-franchises.component.ts new file mode 100644 index 000000000..33a03f665 --- /dev/null +++ b/src/app/liste-franchises/liste-franchises.component.ts @@ -0,0 +1,38 @@ +import { Component, OnInit } from '@angular/core'; +import { FranchiseService } from 'app/Services/franchise.service'; +export interface Franchise { + id: number; + nom: string; + prenom: string; + email: string; + telephone: string; + professionActuelle: string; + experienceIotGps: string; + entrepriseDirige: string; + motivation: string; +} + +@Component({ + selector: 'app-liste-franchises', + templateUrl: './liste-franchises.component.html', + styleUrls: ['./liste-franchises.component.scss'] +}) + +export class ListeFranchisesComponent implements OnInit { + + franchises: Franchise[] = []; + + constructor(private franchiseService: FranchiseService) {} + + ngOnInit(): void { + this.loadFranchises(); + } + + loadFranchises(): void { + this.franchiseService.getFranchises().subscribe({ + next: (data) => this.franchises = data, + error: (err) => console.error('Erreur lors du chargement des franchises', err) + }); + } + +} diff --git a/src/app/navbar/navbar.component.css b/src/app/navbar/navbar.component.css new file mode 100644 index 000000000..250ad7968 --- /dev/null +++ b/src/app/navbar/navbar.component.css @@ -0,0 +1,63 @@ + nav { + position: fixed; + width: 100%; + top: 0; + left: 0; + transition: background-color 0.3s ease, transform 0.5s ease; + z-index: 2; + height: 80px; + display: flex; + align-items: center; +} + +.navbar-container { + width: 100%; + max-width: 1300px; + margin: 0 auto; + padding: 0 30px; + display: flex; + justify-content: space-between; + /* align-items: center; */ +} + +.logo img { + height: 60px; +} + +.nav-links { + list-style: none; + display: flex; + gap: 25px; + justify-content: center; + align-items: center; + text-align: center; + +} + +.nav-links li a { + text-decoration: none; + color: white; + font-weight: 500; + text-align: center; + cursor: pointer; + +} + +.navbar-transparent { + background-color: transparent; +} + +.navbar-dark { + background-color: white; +} +.navbar-dark .nav-links a{ + color: #38B; +} +.nav-links a { + transition: color 0.3s ease; +} + +.navbar-hidden { + transform: translateY(-100%); + transition: transform 0.4s ease-in-out; +} \ No newline at end of file diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html new file mode 100644 index 000000000..7245f54c5 --- /dev/null +++ b/src/app/navbar/navbar.component.html @@ -0,0 +1,20 @@ + diff --git a/src/app/navbar/navbar.component.spec.ts b/src/app/navbar/navbar.component.spec.ts new file mode 100644 index 000000000..505cc2ffb --- /dev/null +++ b/src/app/navbar/navbar.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NavbarComponent } from './navbar.component'; + +describe('NavbarComponent', () => { + let component: NavbarComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ NavbarComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(NavbarComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/navbar/navbar.component.ts b/src/app/navbar/navbar.component.ts new file mode 100644 index 000000000..0e40215e8 --- /dev/null +++ b/src/app/navbar/navbar.component.ts @@ -0,0 +1,42 @@ +import { Component, HostListener, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; + +@Component({ + selector: 'app-navbar', + templateUrl: './navbar.component.html', + styleUrls: ['./navbar.component.css'] +}) +export class NavbarComponent implements OnInit { + isScrolled = false; + + constructor(private router: Router) {} + + ngOnInit(): void { + this.onScroll(); + } + + @HostListener('window:scroll', []) + onScroll(): void { + const scrollY = window.scrollY || document.documentElement.scrollTop; + this.isScrolled = scrollY > 10; + } + + navigateToSection(sectionId: string): void { + const element = document.getElementById(sectionId); + if (element) { + element.scrollIntoView({ behavior: 'smooth' }); + } else { + this.router.navigate(['/home']).then(() => { + setTimeout(() => { + const el = document.getElementById(sectionId); + if (el) el.scrollIntoView({ behavior: 'smooth' }); + }, 50); + }); + } + } + + login(event: Event): void { + event.preventDefault(); + this.router.navigate(['/auth']); + } +} diff --git a/src/app/petit-cadre/petit-cadre.component.css b/src/app/petit-cadre/petit-cadre.component.css new file mode 100644 index 000000000..7fa7c1271 --- /dev/null +++ b/src/app/petit-cadre/petit-cadre.component.css @@ -0,0 +1,21 @@ +button { + border: 2px solid #01b4ff; + background-color: transparent; + color: #01b4ff; + font-weight: 600; + padding: 10px 25px; + border-radius: 25px; + font-size: 16px; + cursor: pointer; + transition: background-color 0.3s ease, color 0.3s ease; +} + +button.active { + background-color: #01b4ff; + color: white; +} + +button:hover { + background-color: #01b4ff; + color: white; +} diff --git a/src/app/petit-cadre/petit-cadre.component.html b/src/app/petit-cadre/petit-cadre.component.html new file mode 100644 index 000000000..b82941cec --- /dev/null +++ b/src/app/petit-cadre/petit-cadre.component.html @@ -0,0 +1,5 @@ + diff --git a/src/app/petit-cadre/petit-cadre.component.spec.ts b/src/app/petit-cadre/petit-cadre.component.spec.ts new file mode 100644 index 000000000..e272db61b --- /dev/null +++ b/src/app/petit-cadre/petit-cadre.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PetitCadreComponent } from './petit-cadre.component'; + +describe('PetitCadreComponent', () => { + let component: PetitCadreComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ PetitCadreComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(PetitCadreComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/petit-cadre/petit-cadre.component.ts b/src/app/petit-cadre/petit-cadre.component.ts new file mode 100644 index 000000000..2d79dbe42 --- /dev/null +++ b/src/app/petit-cadre/petit-cadre.component.ts @@ -0,0 +1,17 @@ +import { Component, Input, Output, EventEmitter } from '@angular/core'; + +@Component({ + selector: 'app-petit-cadre', + templateUrl: './petit-cadre.component.html', + styleUrls: ['./petit-cadre.component.css'] +}) +export class PetitCadreComponent { + @Input() label: string = ''; + @Input() active: boolean = false; + @Output() clicked = new EventEmitter(); + + onClick() { + this.clicked.emit(); + } +} + diff --git a/src/app/products/products.component.css b/src/app/products/products.component.css new file mode 100644 index 000000000..355c05214 --- /dev/null +++ b/src/app/products/products.component.css @@ -0,0 +1,66 @@ +.nav{ + width: 100%; + margin-bottom: 50px; +} +.products-grid { + /* width: 85%; jai rajoute hethy pour le truc de 3 containers */ + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + padding: 20px; + + /* margin-left: 100px; jai rajoute hethy pour le truc de 3 containers */ +} +.carousel-et-nav{ + background-image: url('assets/img/infinite-loop-03.jpg'); +} + +.body { + margin-bottom: 100px; + padding: 0; + background-color: #ffffff; + background-repeat: no-repeat; + background-size: cover; + background-position:center center; + height: 100%; +} +.filter-buttons { + display: flex; + gap: 15px; + justify-content: center; + margin-top: 20px; + margin-bottom: 40px; +} +.description-it { + max-width: 800px; + margin: 0 auto 40px auto; + padding: 20px; + text-align: center; + font-size: 1.1rem; + color: #333; + background-color: #f4f9ff; + border-radius: 12px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); +} + +.btn-formulaire-it { + display: inline-block; + margin-top: 20px; + padding: 12px 24px; + background: linear-gradient(to right, #42a5f5, #1e88e5); + color: white; + text-decoration: none; + font-weight: 600; + border-radius: 30px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); + transition: background 0.3s ease; +} + +.btn-formulaire-it:hover { + transform: translateY(-5px); + transition: transform 0.25s ease-in-out; + background: linear-gradient(to right, #1e88e5, #1565c0); +} + + diff --git a/src/app/products/products.component.html b/src/app/products/products.component.html new file mode 100644 index 000000000..0af93980b --- /dev/null +++ b/src/app/products/products.component.html @@ -0,0 +1,66 @@ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ +
+ + +
+
+

+ Nous développons et intégrons des solutions IT qui renforcent les opérations, + améliorent la performance et accélèrent la transformation digitale des entreprises. +

+ + 👉 Demander une consultation IT + +
+ + +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+ +
diff --git a/src/app/products/products.component.spec.ts b/src/app/products/products.component.spec.ts new file mode 100644 index 000000000..623e5feff --- /dev/null +++ b/src/app/products/products.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ProductsComponent } from './products.component'; + +describe('ProductsComponent', () => { + let component: ProductsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ProductsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ProductsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/products/products.component.ts b/src/app/products/products.component.ts new file mode 100644 index 000000000..024caa592 --- /dev/null +++ b/src/app/products/products.component.ts @@ -0,0 +1,66 @@ +import { Component ,HostListener, OnInit} from '@angular/core'; +import { ProduitAvecDevisService, ProduitAvecDevis } from '../Services/ProduitAvecDevisService'; +import { ProduitSansDevisService, ProduitSansDevis } from '../Services/ProduitSansDevisService'; + + +@Component({ + selector: 'app-products', + templateUrl: './products.component.html', + styleUrls: ['./products.component.css'] +}) +export class ProductsComponent implements OnInit { + isScrolled = false; + + @HostListener('window:scroll', []) + onWindowScroll() { + const offset = window.pageYOffset || document.documentElement.scrollTop; + this.isScrolled = offset > 300; + } + + allProduitsAvecDevis: ProduitAvecDevis[] = []; + allProduitsNodevis:ProduitSansDevis[] = []; + + produits_nodevis : ProduitSansDevis[] = []; + produits_avecdevis : ProduitAvecDevis[] = []; + + constructor(private produitAvecDevisService: ProduitAvecDevisService,private produitSansDevisService: ProduitSansDevisService) {} + + petitsCadres = [ + { label: 'Tous', active: true }, + { label: 'GPS Trackers', active: false }, + { label: 'Solutions IoT', active: false }, + { label: 'Solutions IT', active: false } + ]; + ngOnInit(): void { + this.produitAvecDevisService.getAllProduits().subscribe(data => { + this.allProduitsAvecDevis = data; + this.produits_avecdevis = [...data]; + }); + this.produitSansDevisService.getAllProduits().subscribe(data => { + this.allProduitsNodevis = data; + this.produits_nodevis = [...data]; + }); + } + setActive(label: string) { + this.petitsCadres.forEach(c => c.active = (c.label === label)); + + if (label === 'Tous') { + this.produits_nodevis = [...this.allProduitsNodevis]; + this.produits_avecdevis = [...this.allProduitsAvecDevis]; + } else if (label === 'GPS Trackers') { + this.produits_nodevis = this.allProduitsNodevis.filter(p => p.categorie.toUpperCase().includes('GPS')); + this.produits_avecdevis = []; + } else if (label === 'Solutions IoT') { + this.produits_avecdevis = this.allProduitsAvecDevis.filter(p => p.categorie.toUpperCase().includes('IOT')); + this.produits_nodevis = []; + } else if (label === 'Solutions IT') { + this.produits_avecdevis = []; + this.produits_nodevis = []; + } + } + isSolutionsITSelected(): boolean { + return this.petitsCadres.find(c => c.label === 'Solutions IT')?.active || false; +} + +} + diff --git a/src/app/register/register.component.html b/src/app/register/register.component.html new file mode 100644 index 000000000..3fe6c9c45 --- /dev/null +++ b/src/app/register/register.component.html @@ -0,0 +1,49 @@ + + + + + Auth Component + + + + + + +
+
+ + +
+
+
+

{{ 'AUTH.OVERLAY.LEFT.TITLE' | translate }}

+

{{ 'AUTH.OVERLAY.LEFT.TEXT' | translate }}

+ +
+
+

{{ 'AUTH.OVERLAY.RIGHT.TITLE' | translate }}

+

{{ 'AUTH.OVERLAY.RIGHT.TEXT' | translate }}

+ +
+
+
+
+
+ + + \ No newline at end of file diff --git a/src/app/register/register.component.scss b/src/app/register/register.component.scss new file mode 100644 index 000000000..76ab16ad3 --- /dev/null +++ b/src/app/register/register.component.scss @@ -0,0 +1,287 @@ +@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800'); + +.auth-component * { + box-sizing: border-box; + +} +.auth-component { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + background-color: white; +} + +.auth-box { + width: 1000px; + max-width: 95%; + min-height: 600px; + background-color: #fff; + border-radius: 20px; + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), + 0 10px 10px rgba(0, 0, 0, 0.22); + display: flex; + position: relative; + overflow: hidden; +} + +.auth-component body { + background:white; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + font-family: 'Montserrat', sans-serif; + height: 200vh; + margin: -20px 0 50px; + +} + +.auth-component h1 { + font-weight: bold; + margin: 0; +} + +.auth-component h2 { + text-align: center; +} + +.auth-component p { + font-size: 14px; + font-weight: 100; + line-height: 20px; + letter-spacing: 0.5px; + margin: 20px 0 30px; +} + +.auth-component span { + font-size: 12px; +} + +.auth-component a { + color: #333; + font-size: 14px; + text-decoration: none; + margin: 15px 0; +} + +.auth-component button { + border-radius: 20px; + border: 1px solid #369; + background-color: #369; + color: #FFFFFF; + font-size: 12px; + font-weight: bold; + padding: 12px 45px; + letter-spacing: 1px; + text-transform: uppercase; + transition: transform 80ms ease-in; +} + +.auth-component .overlay { + background: #38B; + background: -webkit-linear-gradient(to right, #357, #37A); + background: linear-gradient(to right, #357, #37A); + background-repeat: no-repeat; + background-size: cover; + background-position: 0 0; + color: #FFFFFF; + position: relative; + left: -100%; + height: 100%; + width: 200%; + transform: translateX(0); + transition: transform 0.6s ease-in-out; +} + + +.auth-component button:active { + transform: scale(0.95); +} + +.auth-component button:focus { + outline: none; +} + +.auth-component button.ghost { + background-color: transparent; + border-color: #FFFFFF; +} + +.auth-component form { + background-color: #FFFFFF; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding: 0 50px; + height: 100%; + text-align: center; +} + +.auth-component input { + background-color: #eee; + border: none; + padding: 12px 15px; + margin: 8px 0; + width: 100%; +} + +.auth-component .auth-box { + background-color: #fff; + border-radius: 10px; + box-shadow: 0 14px 28px rgba(0,0,0,0.25), + 0 10px 10px rgba(0,0,0,0.22); + position: relative; + overflow: hidden; + width: 768px; + max-width: 100%; + min-height: 480px; +} + +.auth-component .form-auth-box { + position: absolute; + top: 0; + height: 100%; + transition: all 0.6s ease-in-out; +} + +.auth-component .sign-in-auth-box { + left: 0; + width: 50%; + z-index: 2; +} + +.auth-component .auth-box.right-panel-active .sign-in-auth-box { + transform: translateX(100%); +} + +.auth-component .sign-up-auth-box { + left: 0; + width: 50%; + opacity: 1; + z-index: 1; +} + +.auth-component .auth-box.right-panel-active .sign-up-auth-box { + transform: translateX(100%); + opacity: 1; + z-index: 5; + animation: show 0.6s; +} + +@keyframes show { + 0%, 49.99% { + opacity: 0; + z-index: 1; + } + + 50%, 100% { + opacity: 1; + z-index: 5; + } +} + +.auth-component .overlay-auth-box { + position: absolute; + top: 0; + left: 50%; + width: 50%; + height: 100%; + overflow: hidden; + transition: transform 0.6s ease-in-out; + z-index: 100; +} + +.auth-component .auth-box.right-panel-active .overlay-auth-box{ + transform: translateX(-100%); +} + + +.auth-component .auth-box.right-panel-active .overlay { + transform: translateX(50%); +} + +.auth-component .overlay-panel { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding: 0 40px; + text-align: center; + top: 0; + height: 100%; + width: 50%; + transform: translateX(0); + transition: transform 0.6s ease-in-out; +} + +.auth-component .overlay-left { + transform: translateX(-20%); +} + +.auth-component .auth-box.right-panel-active .overlay-left { + transform: translateX(0); +} + +.auth-component .overlay-right { + right: 0; + transform: translateX(0); +} + +.auth-component .auth-box.right-panel-active .overlay-right { + transform: translateX(20%); +} + +.auth-component .social-auth-box { + margin: 20px 0; +} + +.auth-component .social-auth-box a { + border: 1px solid #DDDDDD; + border-radius: 50%; + display: inline-flex; + justify-content: center; + align-items: center; + margin: 0 5px; + height: 40px; + width: 40px; +} +.back-arrow { + position: fixed; + top: 60px; + left: 20px; + font-size: 24px; + color: #007bff; + text-decoration: none; + z-index: 1000; + background: rgba(255, 255, 255, 0.8); + padding: 10px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + + @media (max-width: 768px) { + top: 40px; + left: 10px; + font-size: 20px; + width: 35px; + height: 35px; + } + + &:hover { + color: #0056b3; + background: rgba(255, 255, 255, 1); + } +} +.auth-component input::placeholder { + color: #369; + opacity: 1; +} + +input:-ms-input-placeholder { color: #369; } +input::-ms-input-placeholder { color: #369; } \ No newline at end of file diff --git a/src/app/register/register.component.spec.ts b/src/app/register/register.component.spec.ts new file mode 100644 index 000000000..f97553378 --- /dev/null +++ b/src/app/register/register.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RegisterComponent } from './register.component'; + +describe('RegisterComponent', () => { + let component: RegisterComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ RegisterComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(RegisterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/register/register.component.ts b/src/app/register/register.component.ts new file mode 100644 index 000000000..b66d5984c --- /dev/null +++ b/src/app/register/register.component.ts @@ -0,0 +1,104 @@ +import { Component, OnInit, AfterViewInit } from '@angular/core'; +import { Router } from '@angular/router'; +import { AuthService } from 'app/Services/auth.service'; +import Swal from 'sweetalert2'; + +@Component({ + selector: 'app-register', + templateUrl: './register.component.html', + styleUrls: ['./register.component.scss'] +}) +export class RegisterComponent implements OnInit, AfterViewInit { + signUpName: string = ''; + signUpEmail: string = ''; + + signInEmail: string = ''; + signInPassword: string = ''; + constructor(private authService: AuthService,private router: Router) { } + + ngOnInit(): void { + } + + ngAfterViewInit(): void { + const signUpButton = document.getElementById('signUp'); + const signInButton = document.getElementById('signIn'); + const container = document.getElementById('auth-box'); + + if (signUpButton && signInButton && container) { + signUpButton.addEventListener('click', () => { + container.classList.add("right-panel-active"); + }); + + signInButton.addEventListener('click', () => { + container.classList.remove("right-panel-active"); + }); + } + } + + onSignUp(): void { + const data = { + nom: this.signUpName, + email: this.signUpEmail, + role:0 + }; + + this.authService.signUp(data).subscribe({ + next: () => { + Swal.fire({ + icon: 'success', + title: 'Inscription réussie', + text: 'Un mail contenant le mot de passe sera envoyé.' + }); + }, + error: (err) => { + Swal.fire({ + icon: 'error', + title: 'Erreur', + text: 'Un compte avec cet email existe déjà.' + }); + console.error(err); + } + }); + } + + onSignIn() { + const data = { + email: this.signInEmail, + password: this.signInPassword + }; + + this.authService.signIn(data).subscribe({ + next: (res) => { + localStorage.setItem('token', res.token); + localStorage.setItem('role', res.role); + localStorage.setItem('name', res.nom); + + Swal.fire({ + icon: 'success', + title: 'Connexion réussie', + text: `Bienvenue ${res.nom} !`, + confirmButtonText: 'Continuer' + }).then((result) => { + if (result.isConfirmed) { + if (res.role === 'Client') { + this.router.navigate(['/home']); + } else { + this.router.navigate(['/admin']); + } + } + }); + }, + error: (err) => { + Swal.fire({ + icon: 'error', + title: 'Échec de la connexion', + text: 'Email ou mot de passe incorrect.' + }); + console.error(err); + } + }); +} + + + +} diff --git a/src/app/shared/navbar/navbar.module.ts b/src/app/shared/navbar/navbar.module.ts index 0a76b80ed..375b2849c 100644 --- a/src/app/shared/navbar/navbar.module.ts +++ b/src/app/shared/navbar/navbar.module.ts @@ -2,7 +2,6 @@ import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterModule } from '@angular/router'; import { NavbarComponent } from './navbar.component'; - @NgModule({ imports: [ RouterModule, CommonModule ], declarations: [ NavbarComponent ], diff --git a/src/app/sidebar/sidebar.component.html b/src/app/sidebar/sidebar.component.html index 817b194c6..18fdf2204 100644 --- a/src/app/sidebar/sidebar.component.html +++ b/src/app/sidebar/sidebar.component.html @@ -1,78 +1,14 @@ +
+ -
- - +
diff --git a/src/app/sidebar/sidebar.component.ts b/src/app/sidebar/sidebar.component.ts index dec9a9c67..555c74153 100644 --- a/src/app/sidebar/sidebar.component.ts +++ b/src/app/sidebar/sidebar.component.ts @@ -1,39 +1,30 @@ import { Component, OnInit } from '@angular/core'; +export const ROUTES = [ + { path: '/dashboard', title: 'Dashboard', icon: 'fa fa-dashboard', class: '' }, + { path: '/listProducts', title: 'Liste des Produits', icon: 'fa fa-table', class: '' }, + { path: '/blogs', title: 'Liste des Blogs', icon: 'fa fa-book', class: '' }, + { path: '/users', title: 'Liste des Utilisateurs', icon: 'fa fa-user', class: '' }, + { path: '/franchises', title: 'Demandes des franchises', icon: 'fa fa-user', class: '' } -declare const $: any; -declare interface RouteInfo { - path: string; - title: string; - icon: string; - class: string; -} -export const ROUTES: RouteInfo[] = [ - { path: '/dashboard', title: 'Dashboard', icon: 'pe-7s-graph', class: '' }, - { path: '/user', title: 'User Profile', icon:'pe-7s-user', class: '' }, - { path: '/table', title: 'Table List', icon:'pe-7s-note2', class: '' }, - { path: '/typography', title: 'Typography', icon:'pe-7s-news-paper', class: '' }, - { path: '/icons', title: 'Icons', icon:'pe-7s-science', class: '' }, - { path: '/maps', title: 'Maps', icon:'pe-7s-map-marker', class: '' }, - { path: '/notifications', title: 'Notifications', icon:'pe-7s-bell', class: '' }, - { path: '/upgrade', title: 'Upgrade to PRO', icon:'pe-7s-rocket', class: 'active-pro' }, ]; - @Component({ selector: 'app-sidebar', templateUrl: './sidebar.component.html' }) export class SidebarComponent implements OnInit { - menuItems: any[]; + public menuItems = [ + { path: 'dashboard', title: 'Dashboard', icon: 'fa fa-dashboard', class: '' }, + { path: 'listProducts', title: 'Liste des Produits', icon: 'fa fa-table', class: '' }, + { path: 'listblogs', title: 'Liste des Blogs', icon: 'fa fa-book', class: '' }, + { path: 'listusers', title: 'Liste des Utilisateurs', icon: 'fa fa-user', class: '' }, + { path: 'franchises', title: 'Demandes des franchises', icon: 'fa fa-user', class: '' } + ]; + + constructor() {} - constructor() { } + ngOnInit(): void {} - ngOnInit() { - this.menuItems = ROUTES.filter(menuItem => menuItem); + isMobileMenu(): boolean { + return window.innerWidth <= 991; } - isMobileMenu() { - if ($(window).width() > 991) { - return false; - } - return true; - }; } diff --git a/src/app/tables/tables.component.html b/src/app/tables/tables.component.html index e596186b5..8878a7973 100644 --- a/src/app/tables/tables.component.html +++ b/src/app/tables/tables.component.html @@ -1,51 +1,116 @@ -
-
-
-
-
-
-

Striped Table with Hover

-

Here is a subtitle for this table

-
-
- - - - - - - - - - - -
{{ cell }}
{{cell}}
- -
-
+
+
+
+
+

📦 Liste des produits

+
+
+
-
-
-
-

Table on Plain Background

-

Here is a subtitle for this table

-
-
- - - - - - - - - - - -
{{ cell }}
{{cell}}
-
+
+
+ +
+
+
+
+

Liste des Produits IoT

+

Tableau des produits IoT disponibles

+ + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + +
PhotoNomDescriptionPrixActions
+ Produit + {{ produit.titre }}{{ produit.description }}{{ produit.prix }} + + +
+
+
+ + +
+
+
+
+

Liste des Produits GPS

+

Tableau des produits GPS disponibles

+
+ + + + +
+
+ + + + + + + + + + + + + + + + + + + +
PhotoNomDescriptionPrixActions
+ Produit + {{ produit.titre }}{{ produit.description }}{{ produit.prix }} + + +
+
+
+
+
+
diff --git a/src/app/tables/tables.component.ts b/src/app/tables/tables.component.ts index f0f41c064..da005631b 100644 --- a/src/app/tables/tables.component.ts +++ b/src/app/tables/tables.component.ts @@ -1,9 +1,9 @@ import { Component, OnInit } from '@angular/core'; - -declare interface TableData { - headerRow: string[]; - dataRows: string[][]; -} +import { Router } from '@angular/router'; +import Swal from 'sweetalert2'; +import { ProduitSansDevisService, ProduitSansDevis } from '../Services/ProduitSansDevisService'; +import { ProduitAvecDevisService, ProduitAvecDevis } from '../Services/ProduitAvecDevisService'; +import { environment } from 'environments/environment'; @Component({ selector: 'app-tables', @@ -11,34 +11,115 @@ declare interface TableData { styleUrls: ['./tables.component.css'] }) export class TablesComponent implements OnInit { - public tableData1: TableData; - public tableData2: TableData; - - constructor() { } - - ngOnInit() { - this.tableData1 = { - headerRow: [ 'ID', 'Name', 'Country', 'City', 'Salary'], - dataRows: [ - ['1', 'Dakota Rice', 'Niger', 'Oud-Turnhout', '$36,738'], - ['2', 'Minerva Hooper', 'Curaçao', 'Sinaai-Waas', '$23,789'], - ['3', 'Sage Rodriguez', 'Netherlands', 'Baileux', '$56,142'], - ['4', 'Philip Chaney', 'Korea, South', 'Overland Park', '$38,735'], - ['5', 'Doris Greene', 'Malawi', 'Feldkirchen in Kärnten', '$63,542'], - ['6', 'Mason Porter', 'Chile', 'Gloucester', '$78,615'] - ] - }; - this.tableData2 = { - headerRow: [ 'ID', 'Name', 'Salary', 'Country', 'City' ], - dataRows: [ - ['1', 'Dakota Rice','$36,738', 'Niger', 'Oud-Turnhout' ], - ['2', 'Minerva Hooper', '$23,789', 'Curaçao', 'Sinaai-Waas'], - ['3', 'Sage Rodriguez', '$56,142', 'Netherlands', 'Baileux' ], - ['4', 'Philip Chaney', '$38,735', 'Korea, South', 'Overland Park' ], - ['5', 'Doris Greene', '$63,542', 'Malawi', 'Feldkirchen in Kärnten', ], - ['6', 'Mason Porter', '$78,615', 'Chile', 'Gloucester' ] - ] - }; + apiBaseUrl = environment.baseUrl + produitsIot: ProduitAvecDevis[] = []; + produitsGps: ProduitSansDevis[] = []; + + searchTerm: string = ''; + searchIot: string = ''; + searchGps: string = ''; + + constructor( + private router: Router, + private produitSansDevisService: ProduitSansDevisService, + private produitAvecDevisService: ProduitAvecDevisService + ) {} + + ngOnInit(): void { + this.loadProduitsIot(); + this.loadProduitsGps(); + } + + loadProduitsIot(): void { + this.produitAvecDevisService.getAllProduits().subscribe({ + next: (data) => this.produitsIot = data, + error: (err) => console.error('Erreur chargement produits IoT :', err) + }); + } + + loadProduitsGps(): void { + this.produitSansDevisService.getAllProduits().subscribe({ + next: (data) => this.produitsGps = data, + error: (err) => console.error('Erreur chargement produits GPS :', err) + }); + } + + editIot(id: number) { + this.router.navigate(['/update-product', id]); + } + + editGps(id: number) { + this.router.navigate(['/update-product', id]); + } + + deleteIot(id: number) { + Swal.fire({ + title: 'Êtes-vous sûr ?', + text: 'Voulez-vous vraiment supprimer ce produit IoT ?', + icon: 'warning', + showCancelButton: true, + confirmButtonColor: '#369', + cancelButtonColor: '#888', + confirmButtonText: 'Oui, supprimer !', + cancelButtonText: 'Annuler' + }).then((result) => { + if (result.isConfirmed) { + this.produitAvecDevisService.delete(id).subscribe(() => { + this.produitsIot = this.produitsIot.filter(p => p.id !== id); + Swal.fire('Supprimé !', 'Le produit IoT a été supprimé.', 'success'); + }); + } + }); + } + + deleteGps(id: number) { + Swal.fire({ + title: 'Êtes-vous sûr ?', + text: 'Voulez-vous vraiment supprimer ce produit GPS ?', + icon: 'warning', + showCancelButton: true, + confirmButtonColor: '#369', + cancelButtonColor: '#888', + confirmButtonText: 'Oui, supprimer !', + cancelButtonText: 'Annuler' + }).then((result) => { + if (result.isConfirmed) { + this.produitSansDevisService.delete(id).subscribe(() => { + this.produitsGps = this.produitsGps.filter(p => p.id !== id); + Swal.fire('Supprimé !', 'Le produit GPS a été supprimé.', 'success'); + }); + } + }); + } + + get filteredIot() { + const term = this.searchIot || this.searchTerm; + if (!term) return this.produitsIot; + return this.produitsIot.filter(p => + p.titre.toLowerCase().includes(term.toLowerCase()) || + p.description.toLowerCase().includes(term.toLowerCase()) + ); + } + + get filteredGps() { + const term = this.searchGps || this.searchTerm; + if (!term) return this.produitsGps; + return this.produitsGps.filter(p => + p.titre.toLowerCase().includes(term.toLowerCase()) || + p.description.toLowerCase().includes(term.toLowerCase()) + ); + } + + getImageUrl(imagePath: string): string { + if (imagePath.startsWith('/assets')) { + return imagePath; + } + return this.apiBaseUrl + imagePath; +} + + ajouterProduit(type: 'iot' | 'gps') { + this.router.navigate(['/add-product'], { queryParams: { type } }); } } + diff --git a/src/app/titreproduit/titreproduit.component.css b/src/app/titreproduit/titreproduit.component.css new file mode 100644 index 000000000..ceacceb1e --- /dev/null +++ b/src/app/titreproduit/titreproduit.component.css @@ -0,0 +1,12 @@ +p { + font-size: 2rem; + color: #00aaff; + /* text-shadow: 1px 1px 5px #0000005b; */ + font-weight: 700; + text-transform: uppercase; + letter-spacing: 1.5px; + margin-top: 1.5rem; + margin-bottom: 1.5rem; + text-align: center; + padding-bottom: 0.5rem; +} \ No newline at end of file diff --git a/src/app/titreproduit/titreproduit.component.html b/src/app/titreproduit/titreproduit.component.html new file mode 100644 index 000000000..e6b61ba8e --- /dev/null +++ b/src/app/titreproduit/titreproduit.component.html @@ -0,0 +1,3 @@ +

+ NOS PRODUITS +

diff --git a/src/app/titreproduit/titreproduit.component.spec.ts b/src/app/titreproduit/titreproduit.component.spec.ts new file mode 100644 index 000000000..ef607469d --- /dev/null +++ b/src/app/titreproduit/titreproduit.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { TitreproduitComponent } from './titreproduit.component'; + +describe('TitreproduitComponent', () => { + let component: TitreproduitComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ TitreproduitComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(TitreproduitComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/titreproduit/titreproduit.component.ts b/src/app/titreproduit/titreproduit.component.ts new file mode 100644 index 000000000..33618af05 --- /dev/null +++ b/src/app/titreproduit/titreproduit.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'titreproduit', + templateUrl: './titreproduit.component.html', + styleUrls: ['./titreproduit.component.css'] +}) +export class TitreproduitComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/users-lists/users-lists.component.html b/src/app/users-lists/users-lists.component.html new file mode 100644 index 000000000..fdecb51a6 --- /dev/null +++ b/src/app/users-lists/users-lists.component.html @@ -0,0 +1,23 @@ +
+
+

👥 Liste des utilisateurs

+
+
+ + + + + + + + + + + + + + + +
NomEmailRôle
{{ user.nom }}{{ user.email }}{{ user.role === 0 ? 'Client' : 'Administrateur' }}
+
+
diff --git a/src/app/users-lists/users-lists.component.scss b/src/app/users-lists/users-lists.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/users-lists/users-lists.component.spec.ts b/src/app/users-lists/users-lists.component.spec.ts new file mode 100644 index 000000000..276fd7c15 --- /dev/null +++ b/src/app/users-lists/users-lists.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { UsersListsComponent } from './users-lists.component'; + +describe('UsersListsComponent', () => { + let component: UsersListsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ UsersListsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(UsersListsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/users-lists/users-lists.component.ts b/src/app/users-lists/users-lists.component.ts new file mode 100644 index 000000000..016e01e24 --- /dev/null +++ b/src/app/users-lists/users-lists.component.ts @@ -0,0 +1,26 @@ +import { Component, OnInit } from '@angular/core'; +import { User, UserService } from 'app/Services/UserService'; + +@Component({ + selector: 'app-users-lists', + templateUrl: './users-lists.component.html', + styleUrls: ['./users-lists.component.scss'] +}) +export class UsersListsComponent implements OnInit { + + users: User[] = []; + + constructor(private userService: UserService) {} + + ngOnInit(): void { + this.userService.getUsers().subscribe({ + next: (data) => { + this.users = data; + }, + error: (err) => { + console.error('Erreur lors du chargement des utilisateurs', err); + } + }); + } + +} diff --git a/src/app/vitrine/vitrine.component.html b/src/app/vitrine/vitrine.component.html new file mode 100644 index 000000000..b6463d63c --- /dev/null +++ b/src/app/vitrine/vitrine.component.html @@ -0,0 +1,151 @@ + + + + + + + TUNAV IT GROUP + + + + + + + + + +
+
+
{{ 'MENU.CENTER_ICON' | translate }}
+
+ {{ icon }} +
+
+
+ +
+
+ +
+
+
+

{{ 'WHATWEDO.TITLE' | translate }}

+

{{ 'WHATWEDO.PARAGRAPH1' | translate }}

+
+
+
+ +
+
+ +
+
+
+

{{ 'WHATWEDO.TRANSFORMATION.TITLE' | translate }}

+

{{ 'WHATWEDO.TRANSFORMATION.DESCRIPTION' | translate }}

+
+ {{ 'WHATWEDO.TRANSFORMATION.LINK' | translate }} +
+
+
+ +
+ +
+
+
+

{{ 'WHATWEDO.IT_SOLUTION.TITLE' | translate }}

+

{{ 'WHATWEDO.IT_SOLUTION.DESCRIPTION' | translate }}

+
+
+
+ +
+
+ +
+
+
+

{{ 'WHATWEDO.GPS_TRACKING.TITLE' | translate }}

+

{{ 'WHATWEDO.GPS_TRACKING.DESCRIPTION' | translate }}

+
+ {{ 'WHATWEDO.GPS_TRACKING.LINK' | translate }} +
+
+
+ +
+ +
+
+
+

{{ 'WHATWEDO.IOT_SOLUTION.TITLE' | translate }}

+

{{ 'WHATWEDO.IOT_SOLUTION.DESCRIPTION' | translate }}

+
+
+
+ +
+
+ +
+
+
+
+

{{ 'TESTIMONIALS.TITLE' | translate }}

+

+
+
+
+ Image +
{{ testimonial.quote | translate }}
+
{{ testimonial.author }}
+
+
+
+
+
+
+
+
+ + + + + + + + + + diff --git a/src/app/vitrine/vitrine.component.scss b/src/app/vitrine/vitrine.component.scss new file mode 100644 index 000000000..5facb7c99 --- /dev/null +++ b/src/app/vitrine/vitrine.component.scss @@ -0,0 +1,125 @@ +.tm-hero-logoo { + width: 20px; + height: 20px; + margin-bottom: 15px; + animation: fadeIn 1.2s ease-in-out; + display: inline-block; +} +.custom-figure-bg::before { + content: ""; + position: absolute; + top: 0; left: 0; + width: 100%; height: 100%; + background-image: inherit; + background-size: inherit; + background-position: inherit; + background-repeat: inherit; + opacity: 0.4; + z-index: 1; +} +.custom-figure-bg { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + position: relative; + overflow: hidden; + border-radius: 10px; + padding: 10px; +} + +.foreground-img { + width: 100%; + height: auto; + position: relative; + z-index: 2; +} +.product-card { + background-color: white; + figcaption h2 span { + color: #357; + } +} + +.circle-section { + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + background: #f8f9fc; +} + +.circular-menu { + position: relative; + width: 100%; + height: 100vh; + text-align: center; + + .center-icon { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color:#357; + color: white; + font-size: 22px; + padding: 20px 30px; + border-radius: 50%; + box-shadow: 0 0 20px rgba(0,0,0,0.2); + z-index: 2; + font-weight: bold; + } + + .menu-item { + position: absolute; + top: 50%; + left: 50%; + transform-origin: center; + background-color: white; + padding: 12px 18px; + border-radius: 50px; + box-shadow: 0 10px 20px rgba(0,0,0,0.1); + transition: transform 0.8s ease; + font-size: 16px; + font-weight: 600; + color: #357; + } + + &.open .menu-item { + transition-delay: 0.1s; + } +} +.btn-voir-tous-les-produits{ + display: flex; + justify-content: center; + position: relative; + bottom: 50px; +} + +.btn-tous-produits{ + height: 65px; + background-color: #38B; + color: white; + border-radius: 16px; + text-align: center; + border: 2px solid #38B; + font-weight: 600; + padding: 10px 25px; + font-size: 16px; + cursor: pointer; + transition: background-color 0.3s ease, color 0.3s ease; + animation: saut 2s infinite; +} +@keyframes saut{ + 0%,20%,50%,60%,100% { + transform:translateY(0); + } + 40%{ + transform: translateY(15px); + + } + 80%{ + transform: translateY(15px); + } +} + + diff --git a/src/app/vitrine/vitrine.component.spec.ts b/src/app/vitrine/vitrine.component.spec.ts new file mode 100644 index 000000000..30f36590b --- /dev/null +++ b/src/app/vitrine/vitrine.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { VitrineComponent } from './vitrine.component'; + +describe('VitrineComponent', () => { + let component: VitrineComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ VitrineComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(VitrineComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/vitrine/vitrine.component.ts b/src/app/vitrine/vitrine.component.ts new file mode 100644 index 000000000..b03a8deed --- /dev/null +++ b/src/app/vitrine/vitrine.component.ts @@ -0,0 +1,325 @@ +import { AfterViewInit, Component, ViewEncapsulation, HostListener, ElementRef, ViewChild } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import { ActivatedRoute } from '@angular/router'; +import { ViewportScroller } from '@angular/common'; +import { Router } from '@angular/router'; + + +declare var $: any; + +@Component({ + selector: 'app-vitrine', + templateUrl: './vitrine.component.html', + styleUrls: ['./vitrine.component.scss'], + encapsulation: ViewEncapsulation.None +}) +export class VitrineComponent implements AfterViewInit { + constructor(private router: Router,private route: ActivatedRoute, private scroller: ViewportScroller) {} + testimonials = [ + { + image: '/assets/img/testimonial-img-01.jpg', + quote: 'TESTIMONIALS.QUOTE1', + author: '' + }, + { + image: '/assets/img/testimonial-img-02.jpg', + quote: 'TESTIMONIALS.QUOTE2', + author: 'Alexandre Petrenko' + }, + { + image: '/assets/img/testimonial-img-03.jpg', + quote: 'TESTIMONIALS.QUOTE3', + author: 'nourchenne_cheguenni' + }, + { + image: '/assets/img/testimonial-img-04.jpg', + quote: 'TESTIMONIALS.QUOTE1', + author: '' + }, + { + image: '/assets/img/testimonial-img-02.jpg', + quote: 'TESTIMONIALS.QUOTE2', + author: 'Alexandre Petrenko' + } + ]; + + products = [ + { + image: '/assets/img/MiniTrace_ KIT.png', + alt: 'MiniTrace_ KIT - PORTABLE', + title: 'GALLERY.PRODUCT1' + }, + { + image: '/assets/img/SMART_LOCK.png', + alt: 'TRAILLER SMART_LOCK', + title: 'GALLERY.PRODUCT2' + }, + { + image: '/assets/img/Camtrack.jpg', + alt: 'Camtrack', + title: 'GALLERY.PRODUCT3' + }, + { + image: '/assets/img/ETX_KIT.png', + alt: 'ETX_KIT- AUTOMOTIVE', + title: 'GALLERY.PRODUCT4' + }, + { + image: '/assets/img/ETBLE_KIT.png', + alt: 'ETBLE_KIT - AUTOMOTIVE', + title: 'GALLERY.PRODUCT5' + }, + { + image: '/assets/img/ET6_KIT.png', + alt: 'ET6_KIT - ADVANCED AUTOMOTIVE', + title: 'GALLERY.PRODUCT6' + }, + { + image: '/assets/img/ETCAN_KIT.png', + alt: 'ETCAN_KIT BUSCAN/ CARBURANT AUTOMOTIVE', + title: 'GALLERY.PRODUCT7' + }, + { + image: '/assets/img/ET8_KIT.png', + alt: 'ET8_KIT - ETANCHE AUTOMOTIVE', + title: 'GALLERY.PRODUCT8' + } + ]; + ngOnInit() { + this.route.queryParams.subscribe(params => { + const section = params['section']; + if (section) { + setTimeout(() => { + this.scroller.scrollToAnchor(section); + }, 100); // délai pour laisser le DOM charger + } + }); +} + + ngAfterViewInit() { + this.initScripts(); + } + // constructor(private router: Router) {} + + + initScripts() { + + function getOffSet(){ + let _offset = 450; + const windowHeight = window.innerHeight; + if(windowHeight > 500) _offset = 400; + if(windowHeight > 680) _offset = 300; + if(windowHeight > 830) _offset = 210; + return _offset; + } + + function setParallaxPosition($doc: any, multiplier: number, $object: any) { + const offset = getOffSet(); + const from_top = $doc.scrollTop(); + const bg_css = 'center ' + (multiplier * from_top - offset) + 'px'; + $object.css({"background-position" : bg_css }); + } + + const background_image_parallax = function($object: any, multiplier = 0.5, forceSet = false){ + multiplier = 1 - multiplier; + const $doc = $(document); + if(forceSet) { + setParallaxPosition($doc, multiplier, $object); + } else { + $(window).on('scroll', function(){ + setParallaxPosition($doc, multiplier, $object); + }); + } + }; + + const background_image_parallax_2 = function($object: any, multiplier = 0.5){ + multiplier = 1 - multiplier; + $object.css({"background-attachment" : "fixed"}); + $(window).on('scroll', function(){ + if($(window).width() > 768) { + const firstTop = $object.offset().top; + const pos = $(window).scrollTop(); + const yPos = Math.round((multiplier * (firstTop - pos)) - 186); + const bg_css = 'center ' + yPos + 'px'; + $object.css({"background-position" : bg_css }); + } else { + $object.css({"background-position" : "center" }); + } + }); + }; + + // Initialise les effets quand le DOM est prêt (ici, ngAfterViewInit) + background_image_parallax($(".tm-parallax"), 0.30, false); + background_image_parallax_2($("#contact"), 0.80); + background_image_parallax_2($("#testimonials"), 0.80); + + window.addEventListener('resize', () => { + background_image_parallax($(".tm-parallax"), 0.30, true); + }, true); + + $(window).on('scroll', () => { + if($(document).scrollTop() > 120) { + $('.tm-navbar').addClass("scroll"); + } else { + $('.tm-navbar').removeClass("scroll"); + } + }); + + $('#tmNav a').on('click', () => { + $('.navbar-collapse').removeClass('show'); + }); + + $('#tmNav').singlePageNav({ + 'easing': 'easeInOutExpo', + 'speed': 600 + }); + + $("a").on('click', function(event: any) { + if (this.hash !== "") { + event.preventDefault(); + const hash = this.hash; + $('html, body').animate({ + scrollTop: $(hash).offset().top + }, 600, 'easeInOutExpo', () => { + window.location.hash = hash; + }); + } + }); + + $('.tm-gallery').magnificPopup({ + delegate: 'a', + type: 'image', + gallery: { enabled: true } + }); + + $('.tm-testimonials-carousel').slick({ + dots: true, + prevArrow: false, + nextArrow: false, + infinite: false, + slidesToShow: 3, + slidesToScroll: 1, + responsive: [ + { + breakpoint: 992, + settings: { + slidesToShow: 2 + } + }, + { + breakpoint: 768, + settings: { + slidesToShow: 2 + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 1 + } + } + ] + }); + + $('.tm-gallery').slick({ + dots: true, + infinite: false, + slidesToShow: 5, + slidesToScroll: 2, + responsive: [ + { + breakpoint: 1199, + settings: { + slidesToShow: 4, + slidesToScroll: 2 + } + }, + { + breakpoint: 991, + settings: { + slidesToShow: 3, + slidesToScroll: 2 + } + }, + { + breakpoint: 767, + settings: { + slidesToShow: 2, + slidesToScroll: 1 + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 1, + slidesToScroll: 1 + } + } + ] + }); + } + + formData = { + name: '', + email: '', + message: '' + }; + + /* onSubmit() { + const recipient = 'tunav@tunav.com'; + const subject = encodeURIComponent(`Message de ${this.formData.name}`); + const body = encodeURIComponent( + `Nom: ${this.formData.name}\nEmail: ${this.formData.email}\n\nMessage:\n${this.formData.message}` + ); + + const mailtoLink = `https://mail.google.com/mail/?view=cm&fs=1&to=${recipient}&su=${subject}&body=${body}`; + + window.open(mailtoLink, '_blank'); + } +*/ +isOpen = false; + + @ViewChild('menuSection', { static: true }) menuSection!: ElementRef; + + icons: string[] = [ + 'GUINÉE', + 'CONGO', + 'RD CONGO', + 'MAURITANIE', + 'BURKINA FASO', + 'FRANCE', + 'LIBYE', + 'MAROC', + 'CÔTE D\'IVOIRE', + 'MALI', + 'SÉNÉGAL', + 'TOGO' +]; + + getIconTransform(index: number): string { + const angle = (360 / this.icons.length) * index; + const radius = 300; + return this.isOpen + ? `rotate(${angle}deg) translate(${radius}px) rotate(-${angle}deg)` + : `rotate(0deg) translate(0)`; + } + + @HostListener('window:scroll', []) +onScroll() { + const sectionTop = this.menuSection.nativeElement.getBoundingClientRect().top; + const sectionBottom = this.menuSection.nativeElement.getBoundingClientRect().bottom; + const windowHeight = window.innerHeight; + + if (sectionTop < windowHeight * 0.7 && sectionBottom > windowHeight * 0.3) { + this.isOpen = true; + } else { + this.isOpen = false; + } +} + goToProductsPage(): void { + this.router.navigate(['/products']); + } + + + +} diff --git a/src/assets/css/bootstrap.min.css b/src/assets/css/bootstrap.min.css new file mode 100644 index 000000000..882691283 --- /dev/null +++ b/src/assets/css/bootstrap.min.css @@ -0,0 +1,7 @@ +/*! + * Bootstrap v4.1.3 (https://getbootstrap.com/) + * Copyright 2011-2018 The Bootstrap Authors + * Copyright 2011-2018 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::after,.was-validated .custom-file-input:valid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::after,.was-validated .custom-file-input:invalid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-label::after{border-color:#80bdff}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;padding-left:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/src/assets/css/tooplate-infinite-loop.css b/src/assets/css/tooplate-infinite-loop.css new file mode 100644 index 000000000..b413cc48f --- /dev/null +++ b/src/assets/css/tooplate-infinite-loop.css @@ -0,0 +1,710 @@ +/* + +Tooplate 2117 Infinite Loop + +https://www.tooplate.com/view/2117-infinite-loop + +*/ + +@import url("https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900"); + +body { + font-family: "Raleway", sans-serif; + font-size: 1.2em; + color: #707070; + margin: 0; + padding: 0; + overflow-x: hidden; +} +a { + transition: all 0.3s ease; + color: #38B; +} + +a:hover, +a:focus { + text-decoration: none; + color: #D40; +} + +a:focus { + outline: none; +} + +.btn { + padding: 8px 32px; +} + +.btn:hover { + background-color: #ced4da; +} + +blockquote { + font-size: 0.86em; + line-height: 1.8em; +} + +.tm-section-pad-top { + padding-top: 80px; + padding-bottom: 40px; +} + +.tm-content-box { + padding-top: 20px; + padding-bottom: 40px; +} + +.tm-text-primary { + color: #37A; +} + +.tm-font-big { + font-size: 1.25rem; +} + +.tm-btn-primary { + color: white; + background-color: #369; + padding: 14px 30px; +} + +.tm-btn-primary:hover, +.tm-btn-primary:focus { + color: white; + background-color: #38B; +} + +/* Navbar */ + +.tm-navbar { + position: fixed; + width: 100%; + z-index: 1000; + background-color: transparent; + transition: all 0.3s ease; +} + +.tm-navbar.scroll { + background-color: white; + border-bottom: 1px solid #e9ecef; +} + +.navbar-brand { + color: white; + font-size: 1.4rem; + font-weight: bold; +} + +.navbar-brand:hover, +.tm-navbar.scroll .navbar-brand:hover { + color: #38B; +} + +.tm-navbar.scroll .navbar-brand { + color: #369; +} + +.nav-item { + list-style: none; +} + +.tm-nav-link { + color: white; +} + +.tm-navbar.scroll .tm-nav-link { + color: #369; +} + +.tm-navbar.scroll .tm-nav-link:hover, +.tm-navbar.scroll .tm-nav-link.current, +.tm-nav-link:hover { + color: #FFF; + background-color: #369; +} + +.navbar-toggler { + border: 1px solid white; + padding-left: 10px; + padding-right: 10px; +} + +.navbar-toggler-icon { + color: white; + padding-top: 6px; +} + +.tm-navbar.scroll .navbar-toggler { + border: 1px solid #707070; +} + +.tm-navbar.scroll .navbar-toggler-icon { + color: #707070; +} + +/* Hero */ + +#infinite { + /*background-color: #222; + /*background-image: url(../img/infinite-loop-01.jpg);*/ + /* background-repeat: no-repeat;*/ + height: 100vh; + min-height: 375px; + height: 100vh; + position: relative; +} +#heroCarousel .carousel-inner, +#heroCarousel .carousel-item, +#heroCarousel .carousel-item img { + height: 100vh; + object-fit: cover; +} +@media (min-height: 600px) and (min-width: 1920px) { + #infinite { + background-size: cover; + } +} + +@media (min-height: 830px) { + #infinite { + background-position: center -210px; + } +} + +@media (min-height: 680px) and (max-height: 829px) { + #infinite { + background-position: center -300px; + } +} + +@media (min-height: 500px) and (max-height: 679px) { + #infinite { + background-position: center -400px; + } +} + +@media (max-height: 499px) { + #infinite { + background-position: center -450px; + } +} + +.tm-hero-text-container { + width: 100%; + height: 100%; + display: flex; + flex-flow: column; + justify-content: center; +} + +.tm-hero-text-container-inner { + margin-top: -90px; +} + +.tm-hero-title { + font-size: 3.5rem; + text-shadow: 2px 2px 2px #333; +} + +.tm-hero-subtitle { + text-shadow: 2px 2px 2px #333; +} + +.tm-intro-next { + position: absolute; + bottom: 100px; + left: 0; + right: 0; +} + +@media (max-height: 480px) { + .tm-hero-text-container-inner { + margin-top: -40px; + } + + .tm-intro-next { + bottom: 20px; + } +} + +.tm-down-arrow-link { + display: block; + margin-top: 18%; +} + +.tm-down-arrow { + color: #FFF; + cursor: pointer; + background: #357; + padding: 15px 40px; + transition: all 0.3s ease; +} + +.tm-down-arrow:hover, +.tm-down-arrow:focus { + color: #FFF; + background: #37A; + padding: 20px 50px; +} + +/* Introduction */ + +#introduction { + padding-bottom: 100px; +} + +.tm-section-title { + font-size: 2.6rem; + font-weight: normal; +} + +.tm-intro-text { + font-size: 1.2rem; +} + +.tm-icon { + display: block; + color: #37A; +} + +.tm-continue { + padding: 20px 0 30px 0; +} + +/* Testimonials */ +#testimonials { + color: white; + background-image: url(../img/infinite-loop-02.jpg); + background-size: cover; + background-repeat: no-repeat; + background-size: 100%; + position: relative; +} + +@media (max-width: 991px) { + #testimonials { + background-image: url(../img/infinite-loop-02-mobile.jpg); + } +} + +.tm-testimonials-content { + position: relative; + z-index: 100; +} + +.tm-bg-overlay { + width: 100%; + height: 100%; + background: rgba(20, 70, 80, 0.2); + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 0; +} + +.tm-testimonials-carousel { + max-width: 1050px; + margin: 0 auto; +} + +.tm-testimonial-item { + max-width: 290px; + margin-left: 35px; + margin-right: 35px; +} + +.tm-testimonial-item img { + border-radius: 50%; + margin-bottom: 35px; +} + +.tm-testimonial-item figcaption { + text-align: right; + font-style: italic; + font-size: 1.1rem; +} + +/* Work */ + +.tm-section-desc { + max-width: 650px; + width: 100%; + font-size: 0.9rem; +} + +.tm-gallery-container { + padding-top: 70px; + padding-bottom: 120px; +} + +.tm-gallery-item { + margin: 0 15px; + width: 100%; + height: 250px; + overflow: hidden; + display: flex; + +} + +.slick-dots { + bottom: -65px; +} + +.slick-dots li { + margin: 0 13px; +} + +.slick-dots li button:hover:before, +.slick-dots li button:focus:before, +.slick-dots li.slick-active button:before { + opacity: 1; + color: #3ba0dd; +} + +.tm-testimonials-carousel .slick-dots li button:before { + color: white; + opacity: 0.5; +} + +.tm-testimonials-carousel .slick-dots li button:hover:before, +.tm-testimonials-carousel .slick-dots li button:focus:before, +.tm-testimonials-carousel .slick-dots li.slick-active button:before { + color: white; + opacity: 1; +} + +.slick-dots li button:before { + font-size: 20px !important; +} + +/* Hover Effect */ +/* Common style */ +.grid figure { + position: relative; + float: left; + overflow: hidden; + background: #3085a3; + text-align: center; + cursor: pointer; +} + +.grid figure img { + position: relative; + display: block; + min-height: 100%; + max-width: 100%; + opacity: 0.8; +} + +.grid figure figcaption { + padding: 2em; + color: #fff; + text-transform: uppercase; + font-size: 1.25em; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.grid figure figcaption::before, +.grid figure figcaption::after { + pointer-events: none; +} + +.grid figure figcaption, +.grid figure figcaption > a { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/* Anchor will cover the whole item by default */ +/* For some effects it will show as a button */ +.grid figure figcaption > a { + z-index: 1000; + text-indent: 200%; + white-space: nowrap; + font-size: 0; + opacity: 0; +} + +.grid figure h2 { + word-spacing: -0.15em; + font-size: 0.9em; + font-weight: 300; +} + +.grid figure h2 span { + font-weight: 600; +} + +.grid figure h2, +.grid figure p { + margin: 0; +} + +.grid figure p { + letter-spacing: 1px; + font-size: 68.5%; +} + +/*---------------*/ +/***** Honey *****/ +/*---------------*/ + +figure.effect-honey { + background: #4a3753; + max-width: 220px; +} + +figure.effect-honey img { + opacity: 1; + -webkit-transition: opacity 0.35s; + transition: opacity 0.35s; +} + +figure.effect-honey:hover img { + opacity: 0.4; +} + +figure.effect-honey figcaption::before { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 10px; + background: #38C; + content: ""; + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); +} + +figure.effect-honey h2 { + position: absolute; + bottom: 0; + left: 0; + padding: 1em 1.5em; + width: 100%; + text-align: left; + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); +} + +figure.effect-honey h2 i { + font-style: normal; + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); +} + +figure.effect-honey figcaption::before, +figure.effect-honey h2 { + -webkit-transition: -webkit-transform 0.35s; + transition: transform 0.35s; +} + +figure.effect-honey:hover figcaption::before, +figure.effect-honey:hover h2, +figure.effect-honey:hover h2 i { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.tm-container-gallery { + padding-top: 30px; + } + +/* Contact */ + +#contact { + color: white; + background-color: #001828; + background-image: url(../img/infinite-loop-03.jpg); + background-position: center; + background-repeat: no-repeat; + min-height: 980px; + position: relative; + padding-bottom: 50px; + padding-top: 100px; +} + +.contact-item { + margin-left: 20px; + margin-bottom: 50px; +} + +.item-link { + display: flex; + align-items: center; +} + +.item-link i, +.item-link span { + color: white; + transition: all 0.3s ease; +} + +.item-link:hover i, +.item-link:hover span { + color: #3496d8; +} + +.tm-input { + margin: 0 0 20px 0; + width: 90%; + padding: 8px 20px; + border-radius: 6px; + border: 1px solid white; + background: transparent; + color: white; +} + +.tm-btn-submit { + font-size: 0.9em; + color: #fff; + background-color: #369; + width: 50%; + margin-bottom: 60px; +} + +.tm-btn-submit:hover { + color: #fff; + background-color: #38B; +} + +::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: white; + opacity: 1; /* Firefox */ +} + +:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: white; +} + +::-ms-input-placeholder { + /* Microsoft Edge */ + color: white; +} + +.tm-footer { + position: absolute; + bottom: 35px; + left: 0; + right: 0; + padding: 0 15px; +} + +.tm-footer a { + color: #fff; +} + +.tm-footer a:hover { + color: #9CF; +} + +.tm-footer-link { + color: white; +} + +.tm-footer-link:hover, +.tm-footer-link:focus { + color: #38B; + text-decoration: none; +} + +p { + line-height: 1.9; +} + +@media (min-width: 768px) { + .tm-intro-text-container { + padding-left: 0px; + } + + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 30px; + padding-left: 30px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1275px; + } + + .tm-container-gallery { + max-width: 1290px; + } + + .tm-container-contact { + max-width: 1063px; + } +} + +@media (max-width: 991px) { + .tm-intro-text-container { + padding-left: 15px; + padding-top: 30px; + max-width: 600px; + margin-left: auto; + margin-right: auto; + } + + .tm-intro-img { + display: block; + margin-left: auto; + margin-right: auto; + } + + .tm-btn-submit { + margin-left: 0; + margin-top: 20px; + } +} + +@media (max-width: 767px) { + + .navbar-nav { + max-width: 200px; + text-align: right; + } + + .navbar-collapse { + background-color: rgb(255, 255, 255); + padding: 10px; + border-radius: 3px; + } + + .navbar-collapse .nav-link { + color: #707070; + padding-right: 20px; + } +} + +@media (max-width: 480px) { + .tm-gallery-container { + max-width: 220px; + margin-left: auto; + margin-right: auto; + } + + .tm-gallery-container-2 { + max-width: 350px; + } + + .slick-dots li { + margin: 0 8px; + } + + .tm-gallery-item { + margin: 0; + } +} diff --git a/src/assets/fontawesome-5.5/LICENSE.txt b/src/assets/fontawesome-5.5/LICENSE.txt new file mode 100644 index 000000000..0abfaa6e2 --- /dev/null +++ b/src/assets/fontawesome-5.5/LICENSE.txt @@ -0,0 +1,34 @@ +Font Awesome Free License +------------------------- + +Font Awesome Free is free, open source, and GPL friendly. You can use it for +commercial projects, open source projects, or really almost whatever you want. +Full Font Awesome Free license: https://fontawesome.com/license/free. + +# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/) +In the Font Awesome Free download, the CC BY 4.0 license applies to all icons +packaged as SVG and JS file types. + +# Fonts: SIL OFL 1.1 License (https://scripts.sil.org/OFL) +In the Font Awesome Free download, the SIL OLF license applies to all icons +packaged as web and desktop font files. + +# Code: MIT License (https://opensource.org/licenses/MIT) +In the Font Awesome Free download, the MIT license applies to all non-font and +non-icon files. + +# Attribution +Attribution is required by MIT, SIL OLF, and CC BY licenses. Downloaded Font +Awesome Free files already contain embedded comments with sufficient +attribution, so you shouldn't need to do anything additional when using these +files normally. + +We've kept attribution comments terse, so we ask that you do not actively work +to remove them from files, especially code. They're a great way for folks to +learn about Font Awesome. + +# Brand Icons +All brand icons are trademarks of their respective owners. The use of these +trademarks does not indicate endorsement of the trademark holder by Font +Awesome, nor vice versa. **Please do not use brand logos for any purpose except +to represent the company, product, or service to which they refer.** diff --git a/src/assets/fontawesome-5.5/css/all.min.css b/src/assets/fontawesome-5.5/css/all.min.css new file mode 100644 index 000000000..8e62fcc5d --- /dev/null +++ b/src/assets/fontawesome-5.5/css/all.min.css @@ -0,0 +1,5 @@ +/*! + * Font Awesome Free 5.5.0 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} \ No newline at end of file diff --git a/src/assets/fontawesome-5.5/webfonts/fa-brands-400.eot b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.eot new file mode 100644 index 000000000..1a675a4f7 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.eot differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-brands-400.svg b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.svg new file mode 100644 index 000000000..5b60e84a2 --- /dev/null +++ b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.svg @@ -0,0 +1,1184 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/fontawesome-5.5/webfonts/fa-brands-400.ttf b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.ttf new file mode 100644 index 000000000..953d567b2 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.ttf differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff new file mode 100644 index 000000000..1ae526344 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff2 b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff2 new file mode 100644 index 000000000..4a07e4075 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff2 differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-regular-400.eot b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.eot new file mode 100644 index 000000000..db3ed4064 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.eot differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-regular-400.svg b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.svg new file mode 100644 index 000000000..cf3d0653c --- /dev/null +++ b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.svg @@ -0,0 +1,467 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/fontawesome-5.5/webfonts/fa-regular-400.ttf b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.ttf new file mode 100644 index 000000000..235101c2d Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.ttf differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff new file mode 100644 index 000000000..9058e2912 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff2 b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff2 new file mode 100644 index 000000000..1489f649d Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff2 differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-solid-900.eot b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.eot new file mode 100644 index 000000000..cb8d3f074 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.eot differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-solid-900.svg b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.svg new file mode 100644 index 000000000..bd7565a1b --- /dev/null +++ b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.svg @@ -0,0 +1,2618 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/fontawesome-5.5/webfonts/fa-solid-900.ttf b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.ttf new file mode 100644 index 000000000..7c92e986f Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.ttf differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff new file mode 100644 index 000000000..b7d52cf24 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff2 b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff2 new file mode 100644 index 000000000..59d92b2b0 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff2 differ diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json new file mode 100644 index 000000000..c64b86f3a --- /dev/null +++ b/src/assets/i18n/en.json @@ -0,0 +1,223 @@ +{ + "NAV": { + "HOME": "Home", + "GALLERY": "Gallery", + "TESTIMONIALS": "Testimonials", + "CONTACT": "Contact", + "ABOUT": "About us", + "BLOGS": "Blogs", + "LOGIN": "Login / Register" + }, + "ABOUT": { + "TITLE": "About us", + "VIDEO": { + "NOT_SUPPORTED": "Your browser does not support the video tag." + }, + "FIRST": { + "TITLE": "About us", + "PARAGRAPH": "For over 20 years, Tunav IT Group has established itself as a leading provider of GPS, IT, and IoT solutions. As a value-added systems integrator, Tunav designs and deploys intelligent technological solutions combining performance and reliability. Our areas of expertise include GPS tracking, fleet management, real-time remote monitoring, and business process optimization, serving the digital transformation of organizations.", + "CTA": "Discover more ⟩" + }, + "SECOND": { + "TITLE": "TUNAV in Action!", + "PARAGRAPH": "TUNAV IT GROUP recently showcased its presence at FITA 2025, a major event dedicated to cooperation and investment in Africa. On this occasion, we highlighted our commitment to digital transformation through innovative solutions in IoT, cloud computing, and cybersecurity. This event was a tremendous opportunity to showcase our expertise, exchange with key industry players, and strengthen our vision: supporting African companies towards effective, sustainable, and secure digitalization.", + "CTA": "Learn more »" + }, + "THIRD": { + "TITLE": "Beyond Code: Strengthening People at TUNAV", + "PARAGRAPH": "At TUNAV IT GROUP, we believe that performance comes from a united and fulfilled team. That’s why we regularly organize team-building activities that allow our employees to meet in a friendly setting, strengthen their cohesion, and stimulate creativity outside the professional environment. These privileged moments foster communication, collaboration, and mutual trust while reflecting our values: people, innovation, and sharing.", + "CTA": "See more »" + }, + "FOURTH": { + "TITLE": "The Experts behind TUNAV" + }, + "SIXTH": { + "TITLE": "Building Future Solutions Together", + "PARAGRAPH1": "At Tunav IT Group, we believe that innovation is born from collaboration. With over 20 years of experience in GPS, IT, and IoT technologies, we support our partners in implementing tailor-made, efficient, and sustainable projects.", + "PARAGRAPH2": "Do you have a project, a specific need, or a desire to transform your business processes? Let's connect to build solutions tailored to your challenges. Our team is here to listen and ready to tackle your technological challenges.", + "CTA": "Contact us today »" + }, + "MEMBERS": { + "TITLE": "The Experts behind TUNAV", + "NAV": { + "PREV": "Previous", + "NEXT": "Next" + } + } + }, + "CAROUSEL": { + "SLIDE1": { + "TITLE": "GPS TRACKING", + "SUBTITLE": "Accelerate your digital transformation with GPS tracking", + "DESCRIPTION": "We support businesses and individuals with smart GPS tracking and fleet management solutions designed to optimize their performance." + }, + "SLIDE2": { + "TITLE": "IOT SOLUTION", + "SUBTITLE": "Secure your data with advanced IoT solutions", + "DESCRIPTION": "Our IoT solutions offer smart monitoring, simplified equipment management, and enhanced security to improve your daily efficiency." + }, + "SLIDE3": { + "TITLE": "IT SOLUTION", + "SUBTITLE": "Transform your business through fleet management", + "DESCRIPTION": "We develop and integrate IT solutions that strengthen operations, improve performance, and accelerate the digital transformation of companies." + } + }, + "MENU": { + "CENTER_ICON": "Where are we?" + }, + "WHATWEDO": { + "TITLE": "What We Do", + "PARAGRAPH1": "For over 20 years, Tunav IT Group has positioned itself as a leading provider of GPS, IT and IoT solutions. As an integrator of high value-added systems, Tunav designs and deploys intelligent technological solutions, combining performance and reliability. Our areas of expertise cover GPS tracking, fleet management, real-time remote monitoring, as well as business process optimization to support the digital transformation of organizations.", + "TRANSFORMATION": { + "TITLE": "Digital Transformation", + "DESCRIPTION": "We support businesses in their digital transition with innovative, sustainable solutions perfectly integrated with their activity.", + "LINK": "Discover" + }, + "IT_SOLUTION": { + "TITLE": "IT Solutions", + "DESCRIPTION": "Our expertise covers cloud computing, software development and remote monitoring, ensuring companies remain competitive in a constantly evolving digital world." + }, + "GPS_TRACKING": { + "TITLE": "GPS Tracking", + "DESCRIPTION": "Our geolocation solutions provide reliable and secure real-time tracking of your vehicles, equipment or field teams.", + "LINK": "Learn more" + }, + "IOT_SOLUTION": { + "TITLE": "IoT Solutions", + "DESCRIPTION": "Our IoT solutions offer smart monitoring, centralized device management, and advanced security systems to protect your facilities, optimize your operations, and improve your overall efficiency." + } + }, + "TESTIMONIALS": { + "TITLE": "Customer Testimonials", + "QUOTE1": "Good job. We reva color are satisfied with your service. Big congratulations to Mr. Hassen Krichen, you truly deserve success in your field.", + "QUOTE2": "This is a reliable and trustworthy service provider, with them you have no chance to get lost when traveling by Tunisia. Grateful for their service, grateful for reliable options provided by them. Keep doing the great work.", + "QUOTE3": "Best service" + }, + "GALLERY": { + "TITLE": "Our Products", + "DESCRIPTION": "Tunav IT Group offers a complete range of innovative technological solutions combining performance and precision. Our products cover real-time GPS tracking, intelligent fleet management, remote monitoring systems, as well as customized IoT solutions for various sectors. We also offer advanced IT platforms for business process optimization, allowing companies to better manage their resources, secure operations, and accelerate digital transformation.", + "PRODUCT1": "MiniTrace_ KIT - PORTABLE", + "PRODUCT2": "TRAILLER SMART_LOCK", + "PRODUCT3": "Camtrack", + "PRODUCT4": "ETX_KIT- AUTOMOTIVE", + "PRODUCT5": "ETBLE_KIT - AUTOMOTIVE", + "PRODUCT6": "ET6_KIT - ADVANCED AUTOMOTIVE", + "PRODUCT7": "ETCAN_KIT BUSCAN/ CARBURANT AUTOMOTIVE", + "PRODUCT8": "ET8_KIT - ETANCHE AUTOMOTIVE", + "BUTTON": "View All Products" + }, + "CLIENTS": { + "TITLE": "Our Clients", + "DESCRIPTION": "Discover the companies that trust us. Our portfolio includes partnerships with industry leaders and top innovators, united by our shared commitment to excellence and quality." + }, + "CONTACT": { + "TITLE": "Contact Us", + "INTRO": "You can contact us anytime by email or phone. You can also fill in this form directly, and our team will respond as soon as possible.", + "CHAT_ONLINE": "Chat Online", + "LOCATION": "Our Location", + "FORM": { + "NAME_PLACEHOLDER": "Your Name", + "EMAIL_PLACEHOLDER": "Your Email", + "EMAIL_ERROR": "Please enter a valid email.", + "MESSAGE_PLACEHOLDER": "Message", + "SUBMIT": "Submit" + } + }, + "AUTH": { + "SIGNUP": { + "TITLE": "Create Account", + "SUBTITLE": "Use your email for registration", + "PLACEHOLDERS": { + "NAME": "Name", + "EMAIL": "Email" + }, + "BUTTON": "Sign Up" + }, + "SIGNIN": { + "TITLE": "Sign In", + "PLACEHOLDERS": { + "EMAIL": "Email", + "PASSWORD": "Password" + }, + "BUTTON": "Sign In" + }, + "OVERLAY": { + "LEFT": { + "TITLE": "Welcome Back!", + "TEXT": "To keep connected with us please login with your personal info", + "BUTTON": "Sign In" + }, + "RIGHT": { + "TITLE": "Hello, Friend!", + "TEXT": "Enter your personal details and start your journey with us", + "BUTTON": "Sign Up" + } + } + }, + "SOLUTIONS": { + "TITLE": "📡 Advanced GPS Solutions", + "SUBTITLE": "Discover our IoT and IT solutions for your GPS needs", + "IOT": { + "TAB": "IoT Solution", + "TITLE": "🌐 IoT GPS Solution", + "SUBTITLE": "Internet of Things Solution", + "DESCRIPTION": "Our IoT solutions enable connectivity and real-time tracking of your GPS devices with advanced cloud integration." + }, + "IT": { + "TAB": "IT Solution", + "TITLE": "💻 IT GPS Solution", + "SUBTITLE": "IT Solutions", + "DESCRIPTION": "Our IT solutions offer robust GPS systems with software integration, databases, and enterprise architectures." + } + }, + "FORM": { + "NAME": "Last Name", + "FIRSTNAME": "First Name", + "COMPANY": "Company", + "IOT_MESSAGE": "Message about your IoT project", + "IT_MESSAGE": "Message about your IT project", + "PLACEHOLDER": { + "NAME": "Enter your last name", + "FIRSTNAME": "Enter your first name", + "EMAIL": "your.email@example.com", + "COMPANY": "Your company name", + "IOT_MESSAGE": "Describe your IoT project", + "IT_MESSAGE": "Describe your IT project" + }, + "SUBMIT_IOT": "Request IoT Quote", + "SUBMIT_IT": "Request IT Consultation" + }, + "FRANCHISE": { + "TITLE": "TUNAV Franchise", + "SUBTITLE": "Join our network of partners and grow your business in IT, IoT, and GPS Tracking technologies with the support of TUNAV IT GROUP.", + "FORM": { + "TITLE": "Franchise Application", + "DESCRIPTION": "Our franchise solutions help you grow your business with technological and commercial support from TUNAV IT GROUP.", + "LABELS": { + "LASTNAME": "Last Name", + "FIRSTNAME": "First Name", + "EMAIL": "Email", + "PHONE": "Phone", + "PROFESSION": "Current Profession", + "EXPERIENCE": "Do you have experience in IT/IoT/GPS?", + "EXPERIENCE_DETAILS": "Please specify your experience:", + "MANAGED_BUSINESS": "Have you ever run a business?", + "BUSINESS_DETAILS": "Specify the sector and duration:", + "MOTIVATION": "Motivation to join TUNAV" + }, + "PLACEHOLDER": { + "LASTNAME": "Enter your last name", + "FIRSTNAME": "Enter your first name", + "EMAIL": "example@example.com", + "PROFESSION": "Enter your profession", + "MOTIVATION": "What motivates you to join the Tunav franchise?" + }, + "OPTIONS": { + "YES": "Yes", + "NO": "No" + }, + "SUBMIT": "Request a franchise" + } + } +} + diff --git a/src/assets/i18n/fr.json b/src/assets/i18n/fr.json new file mode 100644 index 000000000..88eaae267 --- /dev/null +++ b/src/assets/i18n/fr.json @@ -0,0 +1,214 @@ +{ + "NAV": { + "HOME": "Accueil", + "GALLERY": "Galerie", + "TESTIMONIALS": "Témoignages", + "CONTACT": "Contact", + "ABOUT": "À propos", + "BLOGS": "Articles", + "LOGIN": "Connexion / Inscription" + }, + "ABOUT": { + "TITLE": "À propos de nous", + "VIDEO": { + "NOT_SUPPORTED": "Votre navigateur ne prend pas en charge la lecture de vidéos." + }, + "FIRST": { + "PARAGRAPH": "Depuis plus de 20 ans, Tunav IT Group se positionne en tant que fournisseur de référence en solutions GPS, IT et IoT. Intégrateur de systèmes à forte valeur ajoutée, Tunav conçoit et déploie des solutions technologiques intelligentes, alliant performance et fiabilité. Nos domaines d’expertise couvrent le suivi GPS, la gestion de flotte, la surveillance à distance en temps réel ainsi que l’optimisation des processus métier, au service de la transformation digitale des organisations.", + "CTA": "Découvrir plus ⟩" + }, + "SECOND": { + "TITLE": "TUNAV en Action!", + "PARAGRAPH": "TUNAV IT GROUP a récemment marqué sa présence lors de FITA 2025, un événement majeur dédié à la coopération et à l’investissement en Afrique. À cette occasion, nous avons mis en avant notre engagement pour la transformation digitale à travers des solutions innovantes en IoT, cloud computing et sécurité informatique. Cet événement a été une formidable opportunité de présenter notre savoir-faire, d’échanger avec des acteurs clés du secteur et de renforcer notre vision : accompagner les entreprises africaines vers une digitalisation efficace, durable et sécurisée.", + "CTA": "En savoir plus »" + }, + "THIRD": { + "TITLE": "Au-delà du Code : renforcer l’humain chez TUNAV", + "PARAGRAPH": "Chez TUNAV IT GROUP, nous croyons que la performance naît d’une équipe soudée et épanouie. C’est pourquoi nous organisons régulièrement des activités de team building, qui permettent à nos collaborateurs de se retrouver dans un cadre convivial, de renforcer leur cohésion et de stimuler la créativité en dehors du cadre professionnel. Ces moments privilégiés favorisent la communication, la collaboration et la confiance mutuelle, tout en reflétant nos valeurs : l’humain, l’innovation et le partage.", + "CTA": "Voir Plus »" + }, + "FOURTH": { + "TITLE": "Les Experts derrière TUNAV" + }, + "SIXTH": { + "TITLE": "Construisons ensemble des solutions d’avenir", + "PARAGRAPH1": "Chez Tunav IT Group, nous croyons que l'innovation naît de la collaboration. Forts de plus de 20 ans d’expérience dans les technologies GPS, IT et IoT, nous accompagnons nos partenaires dans la mise en œuvre de projets sur mesure, performants et durables.", + "PARAGRAPH2": "Vous avez un projet, un besoin spécifique ou l’envie de transformer vos processus métier ? Échangeons ensemble pour construire des solutions adaptées à vos enjeux. Notre équipe est à votre écoute et prête à relever vos défis technologiques.", + "CTA": "Contactez-nous dès aujourd’hui »" + } + }, + "CAROUSEL": { + "SLIDE1": { + "TITLE": "TRACKING GPS", + "SUBTITLE": "Accélérez votre transformation digitale avec le suivi GPS", + "DESCRIPTION": "Nous accompagnons les entreprises et les particuliers avec des solutions intelligentes de suivi GPS et de gestion de flotte, conçues pour optimiser leurs performances." + }, + "SLIDE2": { + "TITLE": "SOLUTION IOT", + "SUBTITLE": "Sécurisez vos données avec les solutions IoT avancées", + "DESCRIPTION": "Nos solutions IoT vous offrent une surveillance intelligente, une gestion simplifiée de vos équipements et une sécurité renforcée, pour gagner en efficacité au quotidien." + }, + "SLIDE3": { + "TITLE": "SOLUTION IT", + "SUBTITLE": "Transformez votre entreprise grâce à la gestion de flotte", + "DESCRIPTION": "Nous développons et intégrons des solutions IT qui renforcent les opérations, améliorent la performance et accélèrent la transformation digitale des entreprises." + } + }, + "MENU": { + "CENTER_ICON": "Où sommes-nous ?" + }, + "WHATWEDO": { + "TITLE": "What We Do", + "PARAGRAPH1": "Depuis plus de 20 ans, Tunav IT Group se positionne en tant que fournisseur de référence en solutions GPS, IT et IoT. Intégrateur de systèmes à forte valeur ajoutée, Tunav conçoit et déploie des solutions technologiques intelligentes, alliant performance et fiabilité. Nos domaines d’expertise couvrent le suivi GPS, la gestion de flotte, la surveillance à distance en temps réel ainsi que l’optimisation des processus métier, au service de la transformation digitale des organisations.", + "TRANSFORMATION": { + "TITLE": "Transformation Digitale", + "DESCRIPTION": "Nous accompagnons les entreprises dans leur transition numérique avec des solutions innovantes, durables et parfaitement intégrées à leur activité.", + "LINK": "Découvrir" + }, + "IT_SOLUTION": { + "TITLE": "Solutions IT", + "DESCRIPTION": "Notre expertise couvre le cloud computing, le développement de logiciels et la surveillance à distance, garantissant aux entreprises de rester compétitives dans un monde numérique en constante évolution." + }, + "GPS_TRACKING": { + "TITLE": "Suivi GPS", + "DESCRIPTION": "Nos solutions de géolocalisation assurent un suivi en temps réel fiable et sécurisé de vos véhicules, équipements ou équipes terrain.", + "LINK": "En savoir plus" + }, + "IOT_SOLUTION": { + "TITLE": "Solutions IoT", + "DESCRIPTION": "Nos solutions IoT offrent une surveillance intelligente, une gestion centralisée des appareils connectés et des systèmes de sécurité avancés pour protéger vos installations, optimiser vos opérations et améliorer votre efficacité globale." + } + }, + "TESTIMONIALS": { + "TITLE": "Témoignages Clients", + "QUOTE1": "Bon travail. Nous reva color on est satisfait de votre service. Le grand bravo pour mr hassen krichen vraiment tu mérites que du succès dans ton domaine.", + "QUOTE2": "This is reliable and trustworthy service provider, with them you have no chance to get lost when traveling by Tunisia. Grateful for their service, grateful for reliable options provided by them. Keep doing the great work.", + "QUOTE3": "Meilleur Service" + }, + "GALLERY": { + "TITLE": "Nos produits", + "DESCRIPTION": "Tunav IT Group propose une gamme complète de solutions technologiques innovantes alliant performance et précision. Nos produits couvrent le suivi GPS en temps réel, la gestion intelligente de flotte, les systèmes de surveillance à distance, ainsi que des solutions IoT sur mesure pour divers secteurs d’activité. Nous offrons également des plateformes IT avancées pour l’optimisation des processus métiers, permettant aux entreprises de mieux piloter leurs ressources, sécuriser leurs opérations et accélérer leur transformation digitale.", + "PRODUCT1": "MiniTrace_ KIT - PORTABLE", + "PRODUCT2": "TRAILLER SMART_LOCK", + "PRODUCT3": "Camtrack", + "PRODUCT4": "ETX_KIT- AUTOMOTIVE", + "PRODUCT5": "ETBLE_KIT - AUTOMOTIVE", + "PRODUCT6": "ET6_KIT - ADVANCED AUTOMOTIVE", + "PRODUCT7": "ETCAN_KIT BUSCAN/ CARBURANT AUTOMOTIVE", + "PRODUCT8": "ET8_KIT - ETANCHE AUTOMOTIVE", + "BUTTON": "Voir Tous Les Produits" + }, + "CLIENTS": { + "TITLE": "Nos Clients", + "DESCRIPTION": "Découvrez les entreprises qui nous font confiance. Notre portfolio inclut des partenariats avec des leaders industriels et des innovateurs de premier plan, unis par notre engagement commun envers l'excellence et la qualité." + }, + "CONTACT": { + "TITLE": "Contactez-nous", + "INTRO": "Vous pouvez nous contacter à tout moment par e-mail ou par téléphone. Vous pouvez également remplir directement ce formulaire, et notre équipe vous répondra dans les plus brefs délais.", + "CHAT_ONLINE": "Chat en ligne", + "LOCATION": "Notre localisation", + "FORM": { + "NAME_PLACEHOLDER": "Votre nom", + "EMAIL_PLACEHOLDER": "Votre e-mail", + "EMAIL_ERROR": "Veuillez entrer un email valide.", + "MESSAGE_PLACEHOLDER": "Message", + "SUBMIT": "Envoyer" + } + }, + "AUTH": { + "SIGNUP": { + "TITLE": "Créer un compte", + "SUBTITLE": "Utilisez votre e-mail pour l'inscription", + "PLACEHOLDERS": { + "NAME": "Nom", + "EMAIL": "Email" + }, + "BUTTON": "S'inscrire" + }, + "SIGNIN": { + "TITLE": "Se connecter", + "PLACEHOLDERS": { + "EMAIL": "Email", + "PASSWORD": "Mot de passe" + }, + "BUTTON": "Se connecter" + }, + "OVERLAY": { + "LEFT": { + "TITLE": "Bon retour !", + "TEXT": "Pour rester connecté avec nous, veuillez vous connecter avec vos informations personnelles", + "BUTTON": "Se connecter" + }, + "RIGHT": { + "TITLE": "Bonjour, Ami !", + "TEXT": "Saisissez vos informations personnelles et commencez votre voyage avec nous", + "BUTTON": "S'inscrire" + } + } + }, + "SOLUTIONS": { + "TITLE": "📡 Solutions GPS Avancées", + "SUBTITLE": "Découvrez nos solutions IoT et IT pour vos besoins GPS", + "IOT": { + "TAB": "Solution IoT", + "TITLE": "🌐 Solution IoT GPS", + "SUBTITLE": "Solution Internet des Objets", + "DESCRIPTION": "Nos solutions IoT permettent la connectivité et le suivi en temps réel de vos dispositifs GPS avec une intégration cloud avancée." + }, + "IT": { + "TAB": "Solution IT", + "TITLE": "💻 Solution IT GPS", + "SUBTITLE": "Solutions Informatiques", + "DESCRIPTION": "Nos solutions IT offrent des systèmes GPS robustes avec intégration logicielle, bases de données et architectures d’entreprise." + } + }, + "FORM": { + "NAME": "Nom", + "FIRSTNAME": "Prénom", + "COMPANY": "Entreprise", + "IOT_MESSAGE": "Message concernant votre projet IoT", + "IT_MESSAGE": "Message concernant votre projet IT", + "PLACEHOLDER": { + "NAME": "Tapez votre nom", + "FIRSTNAME": "Votre prénom", + "EMAIL": "votre.email@example.com", + "COMPANY": "Nom de votre entreprise", + "IOT_MESSAGE": "Décrivez votre projet IoT", + "IT_MESSAGE": "Décrivez votre projet IT" + }, + "SUBMIT_IOT": "Demander un devis IoT", + "SUBMIT_IT": "Demander une consultation IT" + }, + "FRANCHISE": { + "TITLE": "Franchise TUNAV", + "SUBTITLE": "Rejoignez notre réseau de partenaires et développez votre activité dans les technologies IT, IoT et GPS Tracking avec le support de TUNAV IT GROUP.", + "FORM": { + "TITLE": "Demande de Franchise", + "DESCRIPTION": "Nos solutions de franchise vous permettent de développer votre activité avec le support technologique et commercial de TUNAV IT GROUP.", + "LABELS": { + "LASTNAME": "Nom", + "FIRSTNAME": "Prénom", + "EMAIL": "Email", + "PHONE": "Téléphone", + "PROFESSION": "Profession actuelle", + "EXPERIENCE": "Avez-vous de l'expérience en IT/IoT/GPS ?", + "EXPERIENCE_DETAILS": "Précisez votre expérience :", + "MANAGED_BUSINESS": "Avez-vous déjà dirigé une entreprise ?", + "BUSINESS_DETAILS": "Précisez le secteur et la durée :", + "MOTIVATION": "Motivation pour rejoindre TUNAV" + }, + "PLACEHOLDER": { + "LASTNAME": "Tapez votre nom", + "FIRSTNAME": "Tapez votre prénom", + "EMAIL": "exemple@exemple.com", + "PROFESSION": "Tapez votre profession", + "MOTIVATION": "Quels sont vos motivations pour rejoindre la franchise Tunav" + }, + "OPTIONS": { + "YES": "Oui", + "NO": "Non" + }, + "SUBMIT": "Demander une franchise" + } + } +} diff --git a/src/assets/img/Camtrack.jpg b/src/assets/img/Camtrack.jpg new file mode 100644 index 000000000..7a129ae06 Binary files /dev/null and b/src/assets/img/Camtrack.jpg differ diff --git a/src/assets/img/Camtrack.png b/src/assets/img/Camtrack.png new file mode 100644 index 000000000..580f1dc38 Binary files /dev/null and b/src/assets/img/Camtrack.png differ diff --git a/src/assets/img/ET6_KIT.png b/src/assets/img/ET6_KIT.png new file mode 100644 index 000000000..fcb830b48 Binary files /dev/null and b/src/assets/img/ET6_KIT.png differ diff --git a/src/assets/img/ET8_KIT.png b/src/assets/img/ET8_KIT.png new file mode 100644 index 000000000..3f189ad8b Binary files /dev/null and b/src/assets/img/ET8_KIT.png differ diff --git a/src/assets/img/ETBLE_KIT.png b/src/assets/img/ETBLE_KIT.png new file mode 100644 index 000000000..0feb2a849 Binary files /dev/null and b/src/assets/img/ETBLE_KIT.png differ diff --git a/src/assets/img/ETCAN_KIT.png b/src/assets/img/ETCAN_KIT.png new file mode 100644 index 000000000..374edb340 Binary files /dev/null and b/src/assets/img/ETCAN_KIT.png differ diff --git a/src/assets/img/ETCAN_KIT_redim.png b/src/assets/img/ETCAN_KIT_redim.png new file mode 100644 index 000000000..ef4f0b732 Binary files /dev/null and b/src/assets/img/ETCAN_KIT_redim.png differ diff --git a/src/assets/img/ETX_KIT.png b/src/assets/img/ETX_KIT.png new file mode 100644 index 000000000..5d8583057 Binary files /dev/null and b/src/assets/img/ETX_KIT.png differ diff --git a/src/assets/img/Equipe/AnisKallel.jfif b/src/assets/img/Equipe/AnisKallel.jfif new file mode 100644 index 000000000..ca7dbe43c Binary files /dev/null and b/src/assets/img/Equipe/AnisKallel.jfif differ diff --git a/src/assets/img/Equipe/ChawkiZorgui.jpeg b/src/assets/img/Equipe/ChawkiZorgui.jpeg new file mode 100644 index 000000000..dc8aae75e Binary files /dev/null and b/src/assets/img/Equipe/ChawkiZorgui.jpeg differ diff --git a/src/assets/img/Equipe/MariemAyari.jpeg b/src/assets/img/Equipe/MariemAyari.jpeg new file mode 100644 index 000000000..1dc2b3af4 Binary files /dev/null and b/src/assets/img/Equipe/MariemAyari.jpeg differ diff --git a/src/assets/img/Equipe/MarwaHenchir.jpeg b/src/assets/img/Equipe/MarwaHenchir.jpeg new file mode 100644 index 000000000..ebf6dde20 Binary files /dev/null and b/src/assets/img/Equipe/MarwaHenchir.jpeg differ diff --git a/src/assets/img/Equipe/NajetBoukadi.jfif b/src/assets/img/Equipe/NajetBoukadi.jfif new file mode 100644 index 000000000..0d07d2487 Binary files /dev/null and b/src/assets/img/Equipe/NajetBoukadi.jfif differ diff --git a/src/assets/img/Equipe/SarraDabbebi.jpeg b/src/assets/img/Equipe/SarraDabbebi.jpeg new file mode 100644 index 000000000..bb41e38a8 Binary files /dev/null and b/src/assets/img/Equipe/SarraDabbebi.jpeg differ diff --git a/src/assets/img/Equipe/SkanderElj.jfif b/src/assets/img/Equipe/SkanderElj.jfif new file mode 100644 index 000000000..90ac90077 Binary files /dev/null and b/src/assets/img/Equipe/SkanderElj.jfif differ diff --git a/src/assets/img/FITA/FITA1.jfif b/src/assets/img/FITA/FITA1.jfif new file mode 100644 index 000000000..acfa9bd26 Binary files /dev/null and b/src/assets/img/FITA/FITA1.jfif differ diff --git a/src/assets/img/FITA/FITA2.jfif b/src/assets/img/FITA/FITA2.jfif new file mode 100644 index 000000000..eeb849ca8 Binary files /dev/null and b/src/assets/img/FITA/FITA2.jfif differ diff --git a/src/assets/img/FITA/FITA3.jfif b/src/assets/img/FITA/FITA3.jfif new file mode 100644 index 000000000..59b788f04 Binary files /dev/null and b/src/assets/img/FITA/FITA3.jfif differ diff --git a/src/assets/img/FITA/FITA4.jfif b/src/assets/img/FITA/FITA4.jfif new file mode 100644 index 000000000..e9e03647e Binary files /dev/null and b/src/assets/img/FITA/FITA4.jfif differ diff --git a/src/assets/img/FITA/FITA5.jfif b/src/assets/img/FITA/FITA5.jfif new file mode 100644 index 000000000..0b401494e Binary files /dev/null and b/src/assets/img/FITA/FITA5.jfif differ diff --git a/src/assets/img/FITA/FITA6.jfif b/src/assets/img/FITA/FITA6.jfif new file mode 100644 index 000000000..fa23c43bc Binary files /dev/null and b/src/assets/img/FITA/FITA6.jfif differ diff --git a/src/assets/img/FITA/FITA7.jfif b/src/assets/img/FITA/FITA7.jfif new file mode 100644 index 000000000..84f8b830f Binary files /dev/null and b/src/assets/img/FITA/FITA7.jfif differ diff --git a/src/assets/img/FUEL_RESCUE.png b/src/assets/img/FUEL_RESCUE.png new file mode 100644 index 000000000..5ff896359 Binary files /dev/null and b/src/assets/img/FUEL_RESCUE.png differ diff --git a/src/assets/img/HomeCarousselBackground.png b/src/assets/img/HomeCarousselBackground.png new file mode 100644 index 000000000..c4bc8610f Binary files /dev/null and b/src/assets/img/HomeCarousselBackground.png differ diff --git a/src/assets/img/MedWatch.jpg b/src/assets/img/MedWatch.jpg new file mode 100644 index 000000000..695a3dfa0 Binary files /dev/null and b/src/assets/img/MedWatch.jpg differ diff --git a/src/assets/img/MiniTrace_ KIT.png b/src/assets/img/MiniTrace_ KIT.png new file mode 100644 index 000000000..b7bbe7a02 Binary files /dev/null and b/src/assets/img/MiniTrace_ KIT.png differ diff --git a/src/assets/img/SMART_LOCK.png b/src/assets/img/SMART_LOCK.png new file mode 100644 index 000000000..c6dc787a5 Binary files /dev/null and b/src/assets/img/SMART_LOCK.png differ diff --git a/src/assets/img/SMART_LOCK_PETIT.png b/src/assets/img/SMART_LOCK_PETIT.png new file mode 100644 index 000000000..f2ec2ecc7 Binary files /dev/null and b/src/assets/img/SMART_LOCK_PETIT.png differ diff --git a/src/assets/img/SMART_lo.png b/src/assets/img/SMART_lo.png new file mode 100644 index 000000000..742b54eb6 Binary files /dev/null and b/src/assets/img/SMART_lo.png differ diff --git a/src/assets/img/TUNAV BLANC HORIZONTAL PNG (1).png b/src/assets/img/TUNAV BLANC HORIZONTAL PNG (1).png new file mode 100644 index 000000000..4834b1c78 Binary files /dev/null and b/src/assets/img/TUNAV BLANC HORIZONTAL PNG (1).png differ diff --git a/src/assets/img/TeamBuilding/TM1.jpeg b/src/assets/img/TeamBuilding/TM1.jpeg new file mode 100644 index 000000000..2b61fb9a9 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM1.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM2.jpeg b/src/assets/img/TeamBuilding/TM2.jpeg new file mode 100644 index 000000000..f0c98de76 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM2.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM3.jpeg b/src/assets/img/TeamBuilding/TM3.jpeg new file mode 100644 index 000000000..d74150e04 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM3.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM4.jpeg b/src/assets/img/TeamBuilding/TM4.jpeg new file mode 100644 index 000000000..a91b2bea9 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM4.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM5.jpeg b/src/assets/img/TeamBuilding/TM5.jpeg new file mode 100644 index 000000000..08b70f30d Binary files /dev/null and b/src/assets/img/TeamBuilding/TM5.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM6.jpeg b/src/assets/img/TeamBuilding/TM6.jpeg new file mode 100644 index 000000000..11aeba7e7 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM6.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM7.jpeg b/src/assets/img/TeamBuilding/TM7.jpeg new file mode 100644 index 000000000..eda9a4a25 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM7.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM8.jpeg b/src/assets/img/TeamBuilding/TM8.jpeg new file mode 100644 index 000000000..0f150842c Binary files /dev/null and b/src/assets/img/TeamBuilding/TM8.jpeg differ diff --git a/src/assets/img/TunavEquipe.png b/src/assets/img/TunavEquipe.png new file mode 100644 index 000000000..c42c3b0f6 Binary files /dev/null and b/src/assets/img/TunavEquipe.png differ diff --git a/src/assets/img/arrow.png b/src/assets/img/arrow.png new file mode 100644 index 000000000..f9599300d Binary files /dev/null and b/src/assets/img/arrow.png differ diff --git a/src/assets/img/background.jpg b/src/assets/img/background.jpg new file mode 100644 index 000000000..3833ea54b Binary files /dev/null and b/src/assets/img/background.jpg differ diff --git a/src/assets/img/disjoncteur_intelligent.png b/src/assets/img/disjoncteur_intelligent.png new file mode 100644 index 000000000..cefb31ae2 Binary files /dev/null and b/src/assets/img/disjoncteur_intelligent.png differ diff --git a/src/assets/img/down-arrow.png b/src/assets/img/down-arrow.png new file mode 100644 index 000000000..b6de78ad1 Binary files /dev/null and b/src/assets/img/down-arrow.png differ diff --git a/src/assets/img/easy_360.png b/src/assets/img/easy_360.png new file mode 100644 index 000000000..74e043e8b Binary files /dev/null and b/src/assets/img/easy_360.png differ diff --git a/src/assets/img/facebook.png b/src/assets/img/facebook.png new file mode 100644 index 000000000..78ad1c635 Binary files /dev/null and b/src/assets/img/facebook.png differ diff --git a/src/assets/img/flags/france-flag.png b/src/assets/img/flags/france-flag.png new file mode 100644 index 000000000..8a65f2217 Binary files /dev/null and b/src/assets/img/flags/france-flag.png differ diff --git a/src/assets/img/flags/united-kingdom-flag.png b/src/assets/img/flags/united-kingdom-flag.png new file mode 100644 index 000000000..27b77070e Binary files /dev/null and b/src/assets/img/flags/united-kingdom-flag.png differ diff --git a/src/assets/img/gallery-img-01.jpg b/src/assets/img/gallery-img-01.jpg new file mode 100644 index 000000000..2b1b3077d Binary files /dev/null and b/src/assets/img/gallery-img-01.jpg differ diff --git a/src/assets/img/gallery-img-02.jpg b/src/assets/img/gallery-img-02.jpg new file mode 100644 index 000000000..ad711acaf Binary files /dev/null and b/src/assets/img/gallery-img-02.jpg differ diff --git a/src/assets/img/gallery-img-03.jpg b/src/assets/img/gallery-img-03.jpg new file mode 100644 index 000000000..527b2c71a Binary files /dev/null and b/src/assets/img/gallery-img-03.jpg differ diff --git a/src/assets/img/gallery-img-04.jpg b/src/assets/img/gallery-img-04.jpg new file mode 100644 index 000000000..27b799a19 Binary files /dev/null and b/src/assets/img/gallery-img-04.jpg differ diff --git a/src/assets/img/gallery-img-05.jpg b/src/assets/img/gallery-img-05.jpg new file mode 100644 index 000000000..046257213 Binary files /dev/null and b/src/assets/img/gallery-img-05.jpg differ diff --git a/src/assets/img/gallery-img-06.jpg b/src/assets/img/gallery-img-06.jpg new file mode 100644 index 000000000..a11ae5571 Binary files /dev/null and b/src/assets/img/gallery-img-06.jpg differ diff --git a/src/assets/img/gallery-tn-01.jpg b/src/assets/img/gallery-tn-01.jpg new file mode 100644 index 000000000..9993488c4 Binary files /dev/null and b/src/assets/img/gallery-tn-01.jpg differ diff --git a/src/assets/img/gallery-tn-02.jpg b/src/assets/img/gallery-tn-02.jpg new file mode 100644 index 000000000..bd567e132 Binary files /dev/null and b/src/assets/img/gallery-tn-02.jpg differ diff --git a/src/assets/img/gallery-tn-03.jpg b/src/assets/img/gallery-tn-03.jpg new file mode 100644 index 000000000..82aa4580b Binary files /dev/null and b/src/assets/img/gallery-tn-03.jpg differ diff --git a/src/assets/img/gallery-tn-04.jpg b/src/assets/img/gallery-tn-04.jpg new file mode 100644 index 000000000..fde8a7f0f Binary files /dev/null and b/src/assets/img/gallery-tn-04.jpg differ diff --git a/src/assets/img/gallery-tn-05.jpg b/src/assets/img/gallery-tn-05.jpg new file mode 100644 index 000000000..0c6a6557f Binary files /dev/null and b/src/assets/img/gallery-tn-05.jpg differ diff --git a/src/assets/img/gallery-tn-06.jpg b/src/assets/img/gallery-tn-06.jpg new file mode 100644 index 000000000..23dc3fd0f Binary files /dev/null and b/src/assets/img/gallery-tn-06.jpg differ diff --git a/src/assets/img/infinite-loop-01.jpg b/src/assets/img/infinite-loop-01.jpg new file mode 100644 index 000000000..37073084d Binary files /dev/null and b/src/assets/img/infinite-loop-01.jpg differ diff --git a/src/assets/img/infinite-loop-011.jpg b/src/assets/img/infinite-loop-011.jpg new file mode 100644 index 000000000..1c9dc6983 Binary files /dev/null and b/src/assets/img/infinite-loop-011.jpg differ diff --git a/src/assets/img/infinite-loop-02 - Copie.jpg b/src/assets/img/infinite-loop-02 - Copie.jpg new file mode 100644 index 000000000..b492c8a4b Binary files /dev/null and b/src/assets/img/infinite-loop-02 - Copie.jpg differ diff --git a/src/assets/img/infinite-loop-02-mobile.JPG b/src/assets/img/infinite-loop-02-mobile.JPG new file mode 100644 index 000000000..bc532ecfb Binary files /dev/null and b/src/assets/img/infinite-loop-02-mobile.JPG differ diff --git a/src/assets/img/infinite-loop-02-mobile2.jpg b/src/assets/img/infinite-loop-02-mobile2.jpg new file mode 100644 index 000000000..d12de90d1 Binary files /dev/null and b/src/assets/img/infinite-loop-02-mobile2.jpg differ diff --git a/src/assets/img/infinite-loop-02.jpg b/src/assets/img/infinite-loop-02.jpg new file mode 100644 index 000000000..b492c8a4b Binary files /dev/null and b/src/assets/img/infinite-loop-02.jpg differ diff --git a/src/assets/img/infinite-loop-022.jpg b/src/assets/img/infinite-loop-022.jpg new file mode 100644 index 000000000..bfa19c3f9 Binary files /dev/null and b/src/assets/img/infinite-loop-022.jpg differ diff --git a/src/assets/img/infinite-loop-03.jpg b/src/assets/img/infinite-loop-03.jpg new file mode 100644 index 000000000..115a1e30a Binary files /dev/null and b/src/assets/img/infinite-loop-03.jpg differ diff --git a/src/assets/img/infinite-loop-033.jpg b/src/assets/img/infinite-loop-033.jpg new file mode 100644 index 000000000..28f510061 Binary files /dev/null and b/src/assets/img/infinite-loop-033.jpg differ diff --git a/src/assets/img/instagram.png b/src/assets/img/instagram.png new file mode 100644 index 000000000..10d31e008 Binary files /dev/null and b/src/assets/img/instagram.png differ diff --git a/src/assets/img/iot.png b/src/assets/img/iot.png new file mode 100644 index 000000000..9ba89b588 Binary files /dev/null and b/src/assets/img/iot.png differ diff --git a/src/assets/img/letsgetstarted.jpg b/src/assets/img/letsgetstarted.jpg new file mode 100644 index 000000000..805f93853 Binary files /dev/null and b/src/assets/img/letsgetstarted.jpg differ diff --git a/src/assets/img/linkedin.png b/src/assets/img/linkedin.png new file mode 100644 index 000000000..d8820d850 Binary files /dev/null and b/src/assets/img/linkedin.png differ diff --git a/src/assets/img/logoTunav.png b/src/assets/img/logoTunav.png new file mode 100644 index 000000000..1ab3f096a Binary files /dev/null and b/src/assets/img/logoTunav.png differ diff --git a/src/assets/img/logoTunav2.png b/src/assets/img/logoTunav2.png new file mode 100644 index 000000000..431052c98 Binary files /dev/null and b/src/assets/img/logoTunav2.png differ diff --git a/src/assets/img/logoTunav3.png b/src/assets/img/logoTunav3.png new file mode 100644 index 000000000..431052c98 Binary files /dev/null and b/src/assets/img/logoTunav3.png differ diff --git a/src/assets/img/logoTunav4.png b/src/assets/img/logoTunav4.png new file mode 100644 index 000000000..8829a06ce Binary files /dev/null and b/src/assets/img/logoTunav4.png differ diff --git a/src/assets/img/logoTunav5.png b/src/assets/img/logoTunav5.png new file mode 100644 index 000000000..8829a06ce Binary files /dev/null and b/src/assets/img/logoTunav5.png differ diff --git a/src/assets/img/logoTunavBlanc.png b/src/assets/img/logoTunavBlanc.png new file mode 100644 index 000000000..82c10ec7e Binary files /dev/null and b/src/assets/img/logoTunavBlanc.png differ diff --git a/src/assets/img/logos/TLS.jpeg b/src/assets/img/logos/TLS.jpeg new file mode 100644 index 000000000..a7830e369 Binary files /dev/null and b/src/assets/img/logos/TLS.jpeg differ diff --git a/src/assets/img/logos/TT.jpeg b/src/assets/img/logos/TT.jpeg new file mode 100644 index 000000000..2a502832a Binary files /dev/null and b/src/assets/img/logos/TT.jpeg differ diff --git a/src/assets/img/logos/cftp.jpeg b/src/assets/img/logos/cftp.jpeg new file mode 100644 index 000000000..a940ab21d Binary files /dev/null and b/src/assets/img/logos/cftp.jpeg differ diff --git a/src/assets/img/logos/cnam.jpeg b/src/assets/img/logos/cnam.jpeg new file mode 100644 index 000000000..5405c02f6 Binary files /dev/null and b/src/assets/img/logos/cnam.jpeg differ diff --git a/src/assets/img/logos/etap.jpeg b/src/assets/img/logos/etap.jpeg new file mode 100644 index 000000000..40ad47c30 Binary files /dev/null and b/src/assets/img/logos/etap.jpeg differ diff --git a/src/assets/img/logos/pgs.jpeg b/src/assets/img/logos/pgs.jpeg new file mode 100644 index 000000000..219df662e Binary files /dev/null and b/src/assets/img/logos/pgs.jpeg differ diff --git a/src/assets/img/logos/pharmaderm.jpeg b/src/assets/img/logos/pharmaderm.jpeg new file mode 100644 index 000000000..ba076ece8 Binary files /dev/null and b/src/assets/img/logos/pharmaderm.jpeg differ diff --git a/src/assets/img/logos/pharmaservice.jpeg b/src/assets/img/logos/pharmaservice.jpeg new file mode 100644 index 000000000..e7a497674 Binary files /dev/null and b/src/assets/img/logos/pharmaservice.jpeg differ diff --git a/src/assets/img/logos/sagemcom.jpeg b/src/assets/img/logos/sagemcom.jpeg new file mode 100644 index 000000000..fc13e891f Binary files /dev/null and b/src/assets/img/logos/sagemcom.jpeg differ diff --git a/src/assets/img/logos/smtf.jpeg b/src/assets/img/logos/smtf.jpeg new file mode 100644 index 000000000..d5d50a79b Binary files /dev/null and b/src/assets/img/logos/smtf.jpeg differ diff --git a/src/assets/img/route.png b/src/assets/img/route.png new file mode 100644 index 000000000..2bdbbe2b3 Binary files /dev/null and b/src/assets/img/route.png differ diff --git a/src/assets/img/service.png b/src/assets/img/service.png new file mode 100644 index 000000000..7dc2808bc Binary files /dev/null and b/src/assets/img/service.png differ diff --git a/src/assets/img/tagit_rfid.png b/src/assets/img/tagit_rfid.png new file mode 100644 index 000000000..ef89f32f2 Binary files /dev/null and b/src/assets/img/tagit_rfid.png differ diff --git a/src/assets/img/testimonial-img-01.jpg b/src/assets/img/testimonial-img-01.jpg new file mode 100644 index 000000000..a3bae8119 Binary files /dev/null and b/src/assets/img/testimonial-img-01.jpg differ diff --git a/src/assets/img/testimonial-img-02.jpg b/src/assets/img/testimonial-img-02.jpg new file mode 100644 index 000000000..db2828ec2 Binary files /dev/null and b/src/assets/img/testimonial-img-02.jpg differ diff --git a/src/assets/img/testimonial-img-03.jpg b/src/assets/img/testimonial-img-03.jpg new file mode 100644 index 000000000..271713418 Binary files /dev/null and b/src/assets/img/testimonial-img-03.jpg differ diff --git a/src/assets/img/testimonial-img-04.jpg b/src/assets/img/testimonial-img-04.jpg new file mode 100644 index 000000000..491b4f6fa Binary files /dev/null and b/src/assets/img/testimonial-img-04.jpg differ diff --git a/src/assets/img/the-town-bg-02.jpg b/src/assets/img/the-town-bg-02.jpg new file mode 100644 index 000000000..bda18c218 Binary files /dev/null and b/src/assets/img/the-town-bg-02.jpg differ diff --git a/src/assets/js/bootstrap.min.js b/src/assets/js/bootstrap.min.js new file mode 100644 index 000000000..00c895f0f --- /dev/null +++ b/src/assets/js/bootstrap.min.js @@ -0,0 +1,7 @@ +/*! + * Bootstrap v4.1.3 (https://getbootstrap.com/) + * Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery"),require("popper.js")):"function"==typeof define&&define.amd?define(["exports","jquery","popper.js"],e):e(t.bootstrap={},t.jQuery,t.Popper)}(this,function(t,e,h){"use strict";function i(t,e){for(var n=0;nthis._items.length-1||t<0))if(this._isSliding)P(this._element).one(Q.SLID,function(){return e.to(t)});else{if(n===t)return this.pause(),void this.cycle();var i=ndocument.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},t._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},t._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right
',trigger:"hover focus",title:"",delay:0,html:!(Ie={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"}),selector:!(Se={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)"}),placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent"},we="out",Ne={HIDE:"hide"+Ee,HIDDEN:"hidden"+Ee,SHOW:(De="show")+Ee,SHOWN:"shown"+Ee,INSERTED:"inserted"+Ee,CLICK:"click"+Ee,FOCUSIN:"focusin"+Ee,FOCUSOUT:"focusout"+Ee,MOUSEENTER:"mouseenter"+Ee,MOUSELEAVE:"mouseleave"+Ee},Oe="fade",ke="show",Pe=".tooltip-inner",je=".arrow",He="hover",Le="focus",Re="click",xe="manual",We=function(){function i(t,e){if("undefined"==typeof h)throw new TypeError("Bootstrap tooltips require Popper.js (https://popper.js.org)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var t=i.prototype;return t.enable=function(){this._isEnabled=!0},t.disable=function(){this._isEnabled=!1},t.toggleEnabled=function(){this._isEnabled=!this._isEnabled},t.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=pe(t.currentTarget).data(e);n||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),pe(t.currentTarget).data(e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(pe(this.getTipElement()).hasClass(ke))return void this._leave(null,this);this._enter(null,this)}},t.dispose=function(){clearTimeout(this._timeout),pe.removeData(this.element,this.constructor.DATA_KEY),pe(this.element).off(this.constructor.EVENT_KEY),pe(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&pe(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,(this._activeTrigger=null)!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},t.show=function(){var e=this;if("none"===pe(this.element).css("display"))throw new Error("Please use show on visible elements");var t=pe.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){pe(this.element).trigger(t);var n=pe.contains(this.element.ownerDocument.documentElement,this.element);if(t.isDefaultPrevented()||!n)return;var i=this.getTipElement(),r=Fn.getUID(this.constructor.NAME);i.setAttribute("id",r),this.element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&pe(i).addClass(Oe);var o="function"==typeof this.config.placement?this.config.placement.call(this,i,this.element):this.config.placement,s=this._getAttachment(o);this.addAttachmentClass(s);var a=!1===this.config.container?document.body:pe(document).find(this.config.container);pe(i).data(this.constructor.DATA_KEY,this),pe.contains(this.element.ownerDocument.documentElement,this.tip)||pe(i).appendTo(a),pe(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new h(this.element,i,{placement:s,modifiers:{offset:{offset:this.config.offset},flip:{behavior:this.config.fallbackPlacement},arrow:{element:je},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){e._handlePopperPlacementChange(t)}}),pe(i).addClass(ke),"ontouchstart"in document.documentElement&&pe(document.body).children().on("mouseover",null,pe.noop);var l=function(){e.config.animation&&e._fixTransition();var t=e._hoverState;e._hoverState=null,pe(e.element).trigger(e.constructor.Event.SHOWN),t===we&&e._leave(null,e)};if(pe(this.tip).hasClass(Oe)){var c=Fn.getTransitionDurationFromElement(this.tip);pe(this.tip).one(Fn.TRANSITION_END,l).emulateTransitionEnd(c)}else l()}},t.hide=function(t){var e=this,n=this.getTipElement(),i=pe.Event(this.constructor.Event.HIDE),r=function(){e._hoverState!==De&&n.parentNode&&n.parentNode.removeChild(n),e._cleanTipClass(),e.element.removeAttribute("aria-describedby"),pe(e.element).trigger(e.constructor.Event.HIDDEN),null!==e._popper&&e._popper.destroy(),t&&t()};if(pe(this.element).trigger(i),!i.isDefaultPrevented()){if(pe(n).removeClass(ke),"ontouchstart"in document.documentElement&&pe(document.body).children().off("mouseover",null,pe.noop),this._activeTrigger[Re]=!1,this._activeTrigger[Le]=!1,this._activeTrigger[He]=!1,pe(this.tip).hasClass(Oe)){var o=Fn.getTransitionDurationFromElement(n);pe(n).one(Fn.TRANSITION_END,r).emulateTransitionEnd(o)}else r();this._hoverState=""}},t.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},t.isWithContent=function(){return Boolean(this.getTitle())},t.addAttachmentClass=function(t){pe(this.getTipElement()).addClass(Te+"-"+t)},t.getTipElement=function(){return this.tip=this.tip||pe(this.config.template)[0],this.tip},t.setContent=function(){var t=this.getTipElement();this.setElementContent(pe(t.querySelectorAll(Pe)),this.getTitle()),pe(t).removeClass(Oe+" "+ke)},t.setElementContent=function(t,e){var n=this.config.html;"object"==typeof e&&(e.nodeType||e.jquery)?n?pe(e).parent().is(t)||t.empty().append(e):t.text(pe(e).text()):t[n?"html":"text"](e)},t.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},t._getAttachment=function(t){return Ie[t.toUpperCase()]},t._setListeners=function(){var i=this;this.config.trigger.split(" ").forEach(function(t){if("click"===t)pe(i.element).on(i.constructor.Event.CLICK,i.config.selector,function(t){return i.toggle(t)});else if(t!==xe){var e=t===He?i.constructor.Event.MOUSEENTER:i.constructor.Event.FOCUSIN,n=t===He?i.constructor.Event.MOUSELEAVE:i.constructor.Event.FOCUSOUT;pe(i.element).on(e,i.config.selector,function(t){return i._enter(t)}).on(n,i.config.selector,function(t){return i._leave(t)})}pe(i.element).closest(".modal").on("hide.bs.modal",function(){return i.hide()})}),this.config.selector?this.config=l({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},t._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},t._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||pe(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),pe(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusin"===t.type?Le:He]=!0),pe(e.getTipElement()).hasClass(ke)||e._hoverState===De?e._hoverState=De:(clearTimeout(e._timeout),e._hoverState=De,e.config.delay&&e.config.delay.show?e._timeout=setTimeout(function(){e._hoverState===De&&e.show()},e.config.delay.show):e.show())},t._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||pe(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),pe(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusout"===t.type?Le:He]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState=we,e.config.delay&&e.config.delay.hide?e._timeout=setTimeout(function(){e._hoverState===we&&e.hide()},e.config.delay.hide):e.hide())},t._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},t._getConfig=function(t){return"number"==typeof(t=l({},this.constructor.Default,pe(this.element).data(),"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),Fn.typeCheckConfig(ve,t,this.constructor.DefaultType),t},t._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},t._cleanTipClass=function(){var t=pe(this.getTipElement()),e=t.attr("class").match(be);null!==e&&e.length&&t.removeClass(e.join(""))},t._handlePopperPlacementChange=function(t){var e=t.instance;this.tip=e.popper,this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},t._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(pe(t).removeClass(Oe),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},i._jQueryInterface=function(n){return this.each(function(){var t=pe(this).data(ye),e="object"==typeof n&&n;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),pe(this).data(ye,t)),"string"==typeof n)){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.1.3"}},{key:"Default",get:function(){return Ae}},{key:"NAME",get:function(){return ve}},{key:"DATA_KEY",get:function(){return ye}},{key:"Event",get:function(){return Ne}},{key:"EVENT_KEY",get:function(){return Ee}},{key:"DefaultType",get:function(){return Se}}]),i}(),pe.fn[ve]=We._jQueryInterface,pe.fn[ve].Constructor=We,pe.fn[ve].noConflict=function(){return pe.fn[ve]=Ce,We._jQueryInterface},We),Jn=(qe="popover",Ke="."+(Fe="bs.popover"),Me=(Ue=e).fn[qe],Qe="bs-popover",Be=new RegExp("(^|\\s)"+Qe+"\\S+","g"),Ve=l({},zn.Default,{placement:"right",trigger:"click",content:"",template:''}),Ye=l({},zn.DefaultType,{content:"(string|element|function)"}),ze="fade",Ze=".popover-header",Ge=".popover-body",$e={HIDE:"hide"+Ke,HIDDEN:"hidden"+Ke,SHOW:(Je="show")+Ke,SHOWN:"shown"+Ke,INSERTED:"inserted"+Ke,CLICK:"click"+Ke,FOCUSIN:"focusin"+Ke,FOCUSOUT:"focusout"+Ke,MOUSEENTER:"mouseenter"+Ke,MOUSELEAVE:"mouseleave"+Ke},Xe=function(t){var e,n;function i(){return t.apply(this,arguments)||this}n=t,(e=i).prototype=Object.create(n.prototype),(e.prototype.constructor=e).__proto__=n;var r=i.prototype;return r.isWithContent=function(){return this.getTitle()||this._getContent()},r.addAttachmentClass=function(t){Ue(this.getTipElement()).addClass(Qe+"-"+t)},r.getTipElement=function(){return this.tip=this.tip||Ue(this.config.template)[0],this.tip},r.setContent=function(){var t=Ue(this.getTipElement());this.setElementContent(t.find(Ze),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(t.find(Ge),e),t.removeClass(ze+" "+Je)},r._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},r._cleanTipClass=function(){var t=Ue(this.getTipElement()),e=t.attr("class").match(Be);null!==e&&0=this._offsets[r]&&("undefined"==typeof this._offsets[r+1]||t)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^[\],:{}\s]*$/,E=/(?:^|:|,)(?:\s*\[)+/g,S=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,A=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,j=/^-ms-/,D=/-([\da-z])/gi,L=function(e,t){return t.toUpperCase()},H=function(e){(o.addEventListener||"load"===e.type||"complete"===o.readyState)&&(q(),b.ready())},q=function(){o.addEventListener?(o.removeEventListener("DOMContentLoaded",H,!1),e.removeEventListener("load",H,!1)):(o.detachEvent("onreadystatechange",H),e.detachEvent("onload",H))};b.fn=b.prototype={jquery:p,constructor:b,init:function(e,n,r){var i,a;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof b?n[0]:n,b.merge(this,b.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:o,!0)),C.test(i[1])&&b.isPlainObject(n))for(i in n)b.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(a=o.getElementById(i[2]),a&&a.parentNode){if(a.id!==i[2])return r.find(e);this.length=1,this[0]=a}return this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):b.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),b.makeArray(e,this))},selector:"",length:0,size:function(){return this.length},toArray:function(){return h.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=b.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return b.each(this,e,t)},ready:function(e){return b.ready.promise().done(e),this},slice:function(){return this.pushStack(h.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(b.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:d,sort:[].sort,splice:[].splice},b.fn.init.prototype=b.fn,b.extend=b.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},u=1,l=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},u=2),"object"==typeof s||b.isFunction(s)||(s={}),l===u&&(s=this,--u);l>u;u++)if(null!=(o=arguments[u]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(b.isPlainObject(r)||(n=b.isArray(r)))?(n?(n=!1,a=e&&b.isArray(e)?e:[]):a=e&&b.isPlainObject(e)?e:{},s[i]=b.extend(c,a,r)):r!==t&&(s[i]=r));return s},b.extend({noConflict:function(t){return e.$===b&&(e.$=u),t&&e.jQuery===b&&(e.jQuery=s),b},isReady:!1,readyWait:1,holdReady:function(e){e?b.readyWait++:b.ready(!0)},ready:function(e){if(e===!0?!--b.readyWait:!b.isReady){if(!o.body)return setTimeout(b.ready);b.isReady=!0,e!==!0&&--b.readyWait>0||(n.resolveWith(o,[b]),b.fn.trigger&&b(o).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===b.type(e)},isArray:Array.isArray||function(e){return"array"===b.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if(!e||"object"!==b.type(e)||e.nodeType||b.isWindow(e))return!1;try{if(e.constructor&&!y.call(e,"constructor")&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}var r;for(r in e);return r===t||y.call(e,r)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=b.buildFragment([e],t,i),i&&b(i).remove(),b.merge([],r.childNodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=b.trim(n),n&&k.test(n.replace(S,"@").replace(A,"]").replace(E,"")))?Function("return "+n)():(b.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||b.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&b.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(j,"ms-").replace(D,L)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,a=M(e);if(n){if(a){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(a){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:v&&!v.call("\ufeff\u00a0")?function(e){return null==e?"":v.call(e)}:function(e){return null==e?"":(e+"").replace(T,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(M(Object(e))?b.merge(n,"string"==typeof e?[e]:e):d.call(n,e)),n},inArray:function(e,t,n){var r;if(t){if(g)return g.call(t,e,n);for(r=t.length,n=n?0>n?Math.max(0,r+n):n:0;r>n;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else while(n[o]!==t)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,a=e.length;for(n=!!n;a>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,a=M(e),s=[];if(a)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(s[s.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(s[s.length]=r);return f.apply([],s)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(o=e[n],n=e,e=o),b.isFunction(e)?(r=h.call(arguments,2),i=function(){return e.apply(n||this,r.concat(h.call(arguments)))},i.guid=e.guid=e.guid||b.guid++,i):t},access:function(e,n,r,i,o,a,s){var u=0,l=e.length,c=null==r;if("object"===b.type(r)){o=!0;for(u in r)b.access(e,n,u,r[u],!0,a,s)}else if(i!==t&&(o=!0,b.isFunction(i)||(s=!0),c&&(s?(n.call(e,i),n=null):(c=n,n=function(e,t,n){return c.call(b(e),n)})),n))for(;l>u;u++)n(e[u],r,s?i:i.call(e[u],u,n(e[u],r)));return o?e:c?n.call(e):l?n(e[0],r):a},now:function(){return(new Date).getTime()}}),b.ready.promise=function(t){if(!n)if(n=b.Deferred(),"complete"===o.readyState)setTimeout(b.ready);else if(o.addEventListener)o.addEventListener("DOMContentLoaded",H,!1),e.addEventListener("load",H,!1);else{o.attachEvent("onreadystatechange",H),e.attachEvent("onload",H);var r=!1;try{r=null==e.frameElement&&o.documentElement}catch(i){}r&&r.doScroll&&function a(){if(!b.isReady){try{r.doScroll("left")}catch(e){return setTimeout(a,50)}q(),b.ready()}}()}return n.promise(t)},b.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function M(e){var t=e.length,n=b.type(e);return b.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}r=b(o);var _={};function F(e){var t=_[e]={};return b.each(e.match(w)||[],function(e,n){t[n]=!0}),t}b.Callbacks=function(e){e="string"==typeof e?_[e]||F(e):b.extend({},e);var n,r,i,o,a,s,u=[],l=!e.once&&[],c=function(t){for(r=e.memory&&t,i=!0,a=s||0,s=0,o=u.length,n=!0;u&&o>a;a++)if(u[a].apply(t[0],t[1])===!1&&e.stopOnFalse){r=!1;break}n=!1,u&&(l?l.length&&c(l.shift()):r?u=[]:p.disable())},p={add:function(){if(u){var t=u.length;(function i(t){b.each(t,function(t,n){var r=b.type(n);"function"===r?e.unique&&p.has(n)||u.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=u.length:r&&(s=t,c(r))}return this},remove:function(){return u&&b.each(arguments,function(e,t){var r;while((r=b.inArray(t,u,r))>-1)u.splice(r,1),n&&(o>=r&&o--,a>=r&&a--)}),this},has:function(e){return e?b.inArray(e,u)>-1:!(!u||!u.length)},empty:function(){return u=[],this},disable:function(){return u=l=r=t,this},disabled:function(){return!u},lock:function(){return l=t,r||p.disable(),this},locked:function(){return!l},fireWith:function(e,t){return t=t||[],t=[e,t.slice?t.slice():t],!u||i&&!l||(n?l.push(t):c(t)),this},fire:function(){return p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},b.extend({Deferred:function(e){var t=[["resolve","done",b.Callbacks("once memory"),"resolved"],["reject","fail",b.Callbacks("once memory"),"rejected"],["notify","progress",b.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return b.Deferred(function(n){b.each(t,function(t,o){var a=o[0],s=b.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&b.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?b.extend(e,r):r}},i={};return r.pipe=r.then,b.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=h.call(arguments),r=n.length,i=1!==r||e&&b.isFunction(e.promise)?r:0,o=1===i?e:b.Deferred(),a=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?h.call(arguments):r,n===s?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},s,u,l;if(r>1)for(s=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&b.isFunction(n[t].promise)?n[t].promise().done(a(t,l,n)).fail(o.reject).progress(a(t,u,s)):--i;return i||o.resolveWith(l,n),o.promise()}}),b.support=function(){var t,n,r,a,s,u,l,c,p,f,d=o.createElement("div");if(d.setAttribute("className","t"),d.innerHTML="
a",n=d.getElementsByTagName("*"),r=d.getElementsByTagName("a")[0],!n||!r||!n.length)return{};s=o.createElement("select"),l=s.appendChild(o.createElement("option")),a=d.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t={getSetAttribute:"t"!==d.className,leadingWhitespace:3===d.firstChild.nodeType,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/top/.test(r.getAttribute("style")),hrefNormalized:"/a"===r.getAttribute("href"),opacity:/^0.5/.test(r.style.opacity),cssFloat:!!r.style.cssFloat,checkOn:!!a.value,optSelected:l.selected,enctype:!!o.createElement("form").enctype,html5Clone:"<:nav>"!==o.createElement("nav").cloneNode(!0).outerHTML,boxModel:"CSS1Compat"===o.compatMode,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},a.checked=!0,t.noCloneChecked=a.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!l.disabled;try{delete d.test}catch(h){t.deleteExpando=!1}a=o.createElement("input"),a.setAttribute("value",""),t.input=""===a.getAttribute("value"),a.value="t",a.setAttribute("type","radio"),t.radioValue="t"===a.value,a.setAttribute("checked","t"),a.setAttribute("name","t"),u=o.createDocumentFragment(),u.appendChild(a),t.appendChecked=a.checked,t.checkClone=u.cloneNode(!0).cloneNode(!0).lastChild.checked,d.attachEvent&&(d.attachEvent("onclick",function(){t.noCloneEvent=!1}),d.cloneNode(!0).click());for(f in{submit:!0,change:!0,focusin:!0})d.setAttribute(c="on"+f,"t"),t[f+"Bubbles"]=c in e||d.attributes[c].expando===!1;return d.style.backgroundClip="content-box",d.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===d.style.backgroundClip,b(function(){var n,r,a,s="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",u=o.getElementsByTagName("body")[0];u&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",u.appendChild(n).appendChild(d),d.innerHTML="
t
",a=d.getElementsByTagName("td"),a[0].style.cssText="padding:0;margin:0;border:0;display:none",p=0===a[0].offsetHeight,a[0].style.display="",a[1].style.display="none",t.reliableHiddenOffsets=p&&0===a[0].offsetHeight,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",t.boxSizing=4===d.offsetWidth,t.doesNotIncludeMarginInBodyOffset=1!==u.offsetTop,e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(d,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(d,null)||{width:"4px"}).width,r=d.appendChild(o.createElement("div")),r.style.cssText=d.style.cssText=s,r.style.marginRight=r.style.width="0",d.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),typeof d.style.zoom!==i&&(d.innerHTML="",d.style.cssText=s+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=3===d.offsetWidth,d.style.display="block",d.innerHTML="
",d.firstChild.style.width="5px",t.shrinkWrapBlocks=3!==d.offsetWidth,t.inlineBlockNeedsLayout&&(u.style.zoom=1)),u.removeChild(n),n=d=a=r=null)}),n=s=u=l=r=a=null,t}();var O=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,B=/([A-Z])/g;function P(e,n,r,i){if(b.acceptData(e)){var o,a,s=b.expando,u="string"==typeof n,l=e.nodeType,p=l?b.cache:e,f=l?e[s]:e[s]&&s;if(f&&p[f]&&(i||p[f].data)||!u||r!==t)return f||(l?e[s]=f=c.pop()||b.guid++:f=s),p[f]||(p[f]={},l||(p[f].toJSON=b.noop)),("object"==typeof n||"function"==typeof n)&&(i?p[f]=b.extend(p[f],n):p[f].data=b.extend(p[f].data,n)),o=p[f],i||(o.data||(o.data={}),o=o.data),r!==t&&(o[b.camelCase(n)]=r),u?(a=o[n],null==a&&(a=o[b.camelCase(n)])):a=o,a}}function R(e,t,n){if(b.acceptData(e)){var r,i,o,a=e.nodeType,s=a?b.cache:e,u=a?e[b.expando]:b.expando;if(s[u]){if(t&&(o=n?s[u]:s[u].data)){b.isArray(t)?t=t.concat(b.map(t,b.camelCase)):t in o?t=[t]:(t=b.camelCase(t),t=t in o?[t]:t.split(" "));for(r=0,i=t.length;i>r;r++)delete o[t[r]];if(!(n?$:b.isEmptyObject)(o))return}(n||(delete s[u].data,$(s[u])))&&(a?b.cleanData([e],!0):b.support.deleteExpando||s!=s.window?delete s[u]:s[u]=null)}}}b.extend({cache:{},expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(e){return e=e.nodeType?b.cache[e[b.expando]]:e[b.expando],!!e&&!$(e)},data:function(e,t,n){return P(e,t,n)},removeData:function(e,t){return R(e,t)},_data:function(e,t,n){return P(e,t,n,!0)},_removeData:function(e,t){return R(e,t,!0)},acceptData:function(e){if(e.nodeType&&1!==e.nodeType&&9!==e.nodeType)return!1;var t=e.nodeName&&b.noData[e.nodeName.toLowerCase()];return!t||t!==!0&&e.getAttribute("classid")===t}}),b.fn.extend({data:function(e,n){var r,i,o=this[0],a=0,s=null;if(e===t){if(this.length&&(s=b.data(o),1===o.nodeType&&!b._data(o,"parsedAttrs"))){for(r=o.attributes;r.length>a;a++)i=r[a].name,i.indexOf("data-")||(i=b.camelCase(i.slice(5)),W(o,i,s[i]));b._data(o,"parsedAttrs",!0)}return s}return"object"==typeof e?this.each(function(){b.data(this,e)}):b.access(this,function(n){return n===t?o?W(o,e,b.data(o,e)):null:(this.each(function(){b.data(this,e,n)}),t)},null,n,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){b.removeData(this,e)})}});function W(e,n,r){if(r===t&&1===e.nodeType){var i="data-"+n.replace(B,"-$1").toLowerCase();if(r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:O.test(r)?b.parseJSON(r):r}catch(o){}b.data(e,n,r)}else r=t}return r}function $(e){var t;for(t in e)if(("data"!==t||!b.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}b.extend({queue:function(e,n,r){var i;return e?(n=(n||"fx")+"queue",i=b._data(e,n),r&&(!i||b.isArray(r)?i=b._data(e,n,b.makeArray(r)):i.push(r)),i||[]):t},dequeue:function(e,t){t=t||"fx";var n=b.queue(e,t),r=n.length,i=n.shift(),o=b._queueHooks(e,t),a=function(){b.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),o.cur=i,i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return b._data(e,n)||b._data(e,n,{empty:b.Callbacks("once memory").add(function(){b._removeData(e,t+"queue"),b._removeData(e,n)})})}}),b.fn.extend({queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),r>arguments.length?b.queue(this[0],e):n===t?this:this.each(function(){var t=b.queue(this,e,n);b._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&b.dequeue(this,e)})},dequeue:function(e){return this.each(function(){b.dequeue(this,e)})},delay:function(e,t){return e=b.fx?b.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=b.Deferred(),a=this,s=this.length,u=function(){--i||o.resolveWith(a,[a])};"string"!=typeof e&&(n=e,e=t),e=e||"fx";while(s--)r=b._data(a[s],e+"queueHooks"),r&&r.empty&&(i++,r.empty.add(u));return u(),o.promise(n)}});var I,z,X=/[\t\r\n]/g,U=/\r/g,V=/^(?:input|select|textarea|button|object)$/i,Y=/^(?:a|area)$/i,J=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,G=/^(?:checked|selected)$/i,Q=b.support.getSetAttribute,K=b.support.input;b.fn.extend({attr:function(e,t){return b.access(this,b.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){b.removeAttr(this,e)})},prop:function(e,t){return b.access(this,b.prop,e,t,arguments.length>1)},removeProp:function(e){return e=b.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,o,a=0,s=this.length,u="string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=b.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,a=0,s=this.length,u=0===arguments.length||"string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?b.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e,r="boolean"==typeof t;return b.isFunction(e)?this.each(function(n){b(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var o,a=0,s=b(this),u=t,l=e.match(w)||[];while(o=l[a++])u=r?u:!s.hasClass(o),s[u?"addClass":"removeClass"](o)}else(n===i||"boolean"===n)&&(this.className&&b._data(this,"__className__",this.className),this.className=this.className||e===!1?"":b._data(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(X," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=b.isFunction(e),this.each(function(n){var o,a=b(this);1===this.nodeType&&(o=i?e.call(this,n,a.val()):e,null==o?o="":"number"==typeof o?o+="":b.isArray(o)&&(o=b.map(o,function(e){return null==e?"":e+""})),r=b.valHooks[this.type]||b.valHooks[this.nodeName.toLowerCase()],r&&"set"in r&&r.set(this,o,"value")!==t||(this.value=o))});if(o)return r=b.valHooks[o.type]||b.valHooks[o.nodeName.toLowerCase()],r&&"get"in r&&(n=r.get(o,"value"))!==t?n:(n=o.value,"string"==typeof n?n.replace(U,""):null==n?"":n)}}}),b.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,a=o?null:[],s=o?i+1:r.length,u=0>i?s:o?i:0;for(;s>u;u++)if(n=r[u],!(!n.selected&&u!==i||(b.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&b.nodeName(n.parentNode,"optgroup"))){if(t=b(n).val(),o)return t;a.push(t)}return a},set:function(e,t){var n=b.makeArray(t);return b(e).find("option").each(function(){this.selected=b.inArray(b(this).val(),n)>=0}),n.length||(e.selectedIndex=-1),n}}},attr:function(e,n,r){var o,a,s,u=e.nodeType;if(e&&3!==u&&8!==u&&2!==u)return typeof e.getAttribute===i?b.prop(e,n,r):(a=1!==u||!b.isXMLDoc(e),a&&(n=n.toLowerCase(),o=b.attrHooks[n]||(J.test(n)?z:I)),r===t?o&&a&&"get"in o&&null!==(s=o.get(e,n))?s:(typeof e.getAttribute!==i&&(s=e.getAttribute(n)),null==s?t:s):null!==r?o&&a&&"set"in o&&(s=o.set(e,r,n))!==t?s:(e.setAttribute(n,r+""),r):(b.removeAttr(e,n),t))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=b.propFix[n]||n,J.test(n)?!Q&&G.test(n)?e[b.camelCase("default-"+n)]=e[r]=!1:e[r]=!1:b.attr(e,n,""),e.removeAttribute(Q?n:r)},attrHooks:{type:{set:function(e,t){if(!b.support.radioValue&&"radio"===t&&b.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(e,n,r){var i,o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return a=1!==s||!b.isXMLDoc(e),a&&(n=b.propFix[n]||n,o=b.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){var n=e.getAttributeNode("tabindex");return n&&n.specified?parseInt(n.value,10):V.test(e.nodeName)||Y.test(e.nodeName)&&e.href?0:t}}}}),z={get:function(e,n){var r=b.prop(e,n),i="boolean"==typeof r&&e.getAttribute(n),o="boolean"==typeof r?K&&Q?null!=i:G.test(n)?e[b.camelCase("default-"+n)]:!!i:e.getAttributeNode(n);return o&&o.value!==!1?n.toLowerCase():t},set:function(e,t,n){return t===!1?b.removeAttr(e,n):K&&Q||!G.test(n)?e.setAttribute(!Q&&b.propFix[n]||n,n):e[b.camelCase("default-"+n)]=e[n]=!0,n}},K&&Q||(b.attrHooks.value={get:function(e,n){var r=e.getAttributeNode(n);return b.nodeName(e,"input")?e.defaultValue:r&&r.specified?r.value:t},set:function(e,n,r){return b.nodeName(e,"input")?(e.defaultValue=n,t):I&&I.set(e,n,r)}}),Q||(I=b.valHooks.button={get:function(e,n){var r=e.getAttributeNode(n);return r&&("id"===n||"name"===n||"coords"===n?""!==r.value:r.specified)?r.value:t},set:function(e,n,r){var i=e.getAttributeNode(r);return i||e.setAttributeNode(i=e.ownerDocument.createAttribute(r)),i.value=n+="","value"===r||n===e.getAttribute(r)?n:t}},b.attrHooks.contenteditable={get:I.get,set:function(e,t,n){I.set(e,""===t?!1:t,n)}},b.each(["width","height"],function(e,n){b.attrHooks[n]=b.extend(b.attrHooks[n],{set:function(e,r){return""===r?(e.setAttribute(n,"auto"),r):t}})})),b.support.hrefNormalized||(b.each(["href","src","width","height"],function(e,n){b.attrHooks[n]=b.extend(b.attrHooks[n],{get:function(e){var r=e.getAttribute(n,2);return null==r?t:r}})}),b.each(["href","src"],function(e,t){b.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}})),b.support.style||(b.attrHooks.style={get:function(e){return e.style.cssText||t},set:function(e,t){return e.style.cssText=t+""}}),b.support.optSelected||(b.propHooks.selected=b.extend(b.propHooks.selected,{get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null}})),b.support.enctype||(b.propFix.enctype="encoding"),b.support.checkOn||b.each(["radio","checkbox"],function(){b.valHooks[this]={get:function(e){return null===e.getAttribute("value")?"on":e.value}}}),b.each(["radio","checkbox"],function(){b.valHooks[this]=b.extend(b.valHooks[this],{set:function(e,n){return b.isArray(n)?e.checked=b.inArray(b(e).val(),n)>=0:t}})});var Z=/^(?:input|select|textarea)$/i,et=/^key/,tt=/^(?:mouse|contextmenu)|click/,nt=/^(?:focusinfocus|focusoutblur)$/,rt=/^([^.]*)(?:\.(.+)|)$/;function it(){return!0}function ot(){return!1}b.event={global:{},add:function(e,n,r,o,a){var s,u,l,c,p,f,d,h,g,m,y,v=b._data(e);if(v){r.handler&&(c=r,r=c.handler,a=c.selector),r.guid||(r.guid=b.guid++),(u=v.events)||(u=v.events={}),(f=v.handle)||(f=v.handle=function(e){return typeof b===i||e&&b.event.triggered===e.type?t:b.event.dispatch.apply(f.elem,arguments)},f.elem=e),n=(n||"").match(w)||[""],l=n.length;while(l--)s=rt.exec(n[l])||[],g=y=s[1],m=(s[2]||"").split(".").sort(),p=b.event.special[g]||{},g=(a?p.delegateType:p.bindType)||g,p=b.event.special[g]||{},d=b.extend({type:g,origType:y,data:o,handler:r,guid:r.guid,selector:a,needsContext:a&&b.expr.match.needsContext.test(a),namespace:m.join(".")},c),(h=u[g])||(h=u[g]=[],h.delegateCount=0,p.setup&&p.setup.call(e,o,m,f)!==!1||(e.addEventListener?e.addEventListener(g,f,!1):e.attachEvent&&e.attachEvent("on"+g,f))),p.add&&(p.add.call(e,d),d.handler.guid||(d.handler.guid=r.guid)),a?h.splice(h.delegateCount++,0,d):h.push(d),b.event.global[g]=!0;e=null}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,p,f,d,h,g,m=b.hasData(e)&&b._data(e);if(m&&(c=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(s=rt.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){p=b.event.special[d]||{},d=(r?p.delegateType:p.bindType)||d,f=c[d]||[],s=s[2]&&RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),u=o=f.length;while(o--)a=f[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(f.splice(o,1),a.selector&&f.delegateCount--,p.remove&&p.remove.call(e,a));u&&!f.length&&(p.teardown&&p.teardown.call(e,h,m.handle)!==!1||b.removeEvent(e,d,m.handle),delete c[d])}else for(d in c)b.event.remove(e,d+t[l],n,r,!0);b.isEmptyObject(c)&&(delete m.handle,b._removeData(e,"events"))}},trigger:function(n,r,i,a){var s,u,l,c,p,f,d,h=[i||o],g=y.call(n,"type")?n.type:n,m=y.call(n,"namespace")?n.namespace.split("."):[];if(l=f=i=i||o,3!==i.nodeType&&8!==i.nodeType&&!nt.test(g+b.event.triggered)&&(g.indexOf(".")>=0&&(m=g.split("."),g=m.shift(),m.sort()),u=0>g.indexOf(":")&&"on"+g,n=n[b.expando]?n:new b.Event(g,"object"==typeof n&&n),n.isTrigger=!0,n.namespace=m.join("."),n.namespace_re=n.namespace?RegExp("(^|\\.)"+m.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:b.makeArray(r,[n]),p=b.event.special[g]||{},a||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!a&&!p.noBubble&&!b.isWindow(i)){for(c=p.delegateType||g,nt.test(c+g)||(l=l.parentNode);l;l=l.parentNode)h.push(l),f=l;f===(i.ownerDocument||o)&&h.push(f.defaultView||f.parentWindow||e)}d=0;while((l=h[d++])&&!n.isPropagationStopped())n.type=d>1?c:p.bindType||g,s=(b._data(l,"events")||{})[n.type]&&b._data(l,"handle"),s&&s.apply(l,r),s=u&&l[u],s&&b.acceptData(l)&&s.apply&&s.apply(l,r)===!1&&n.preventDefault();if(n.type=g,!(a||n.isDefaultPrevented()||p._default&&p._default.apply(i.ownerDocument,r)!==!1||"click"===g&&b.nodeName(i,"a")||!b.acceptData(i)||!u||!i[g]||b.isWindow(i))){f=i[u],f&&(i[u]=null),b.event.triggered=g;try{i[g]()}catch(v){}b.event.triggered=t,f&&(i[u]=f)}return n.result}},dispatch:function(e){e=b.event.fix(e);var n,r,i,o,a,s=[],u=h.call(arguments),l=(b._data(this,"events")||{})[e.type]||[],c=b.event.special[e.type]||{};if(u[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this,e)!==!1){s=b.event.handlers.call(this,e,l),n=0;while((o=s[n++])&&!e.isPropagationStopped()){e.currentTarget=o.elem,a=0;while((i=o.handlers[a++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(i.namespace))&&(e.handleObj=i,e.data=i.data,r=((b.event.special[i.origType]||{}).handle||i.handler).apply(o.elem,u),r!==t&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,a,s=[],u=n.delegateCount,l=e.target;if(u&&l.nodeType&&(!e.button||"click"!==e.type))for(;l!=this;l=l.parentNode||this)if(1===l.nodeType&&(l.disabled!==!0||"click"!==e.type)){for(o=[],a=0;u>a;a++)i=n[a],r=i.selector+" ",o[r]===t&&(o[r]=i.needsContext?b(r,this).index(l)>=0:b.find(r,this,null,[l]).length),o[r]&&o.push(i);o.length&&s.push({elem:l,handlers:o})}return n.length>u&&s.push({elem:this,handlers:n.slice(u)}),s},fix:function(e){if(e[b.expando])return e;var t,n,r,i=e.type,a=e,s=this.fixHooks[i];s||(this.fixHooks[i]=s=tt.test(i)?this.mouseHooks:et.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new b.Event(a),t=r.length;while(t--)n=r[t],e[n]=a[n];return e.target||(e.target=a.srcElement||o),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,s.filter?s.filter(e,a):e},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,a,s=n.button,u=n.fromElement;return null==e.pageX&&null!=n.clientX&&(i=e.target.ownerDocument||o,a=i.documentElement,r=i.body,e.pageX=n.clientX+(a&&a.scrollLeft||r&&r.scrollLeft||0)-(a&&a.clientLeft||r&&r.clientLeft||0),e.pageY=n.clientY+(a&&a.scrollTop||r&&r.scrollTop||0)-(a&&a.clientTop||r&&r.clientTop||0)),!e.relatedTarget&&u&&(e.relatedTarget=u===e.target?n.toElement:u),e.which||s===t||(e.which=1&s?1:2&s?3:4&s?2:0),e}},special:{load:{noBubble:!0},click:{trigger:function(){return b.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):t}},focus:{trigger:function(){if(this!==o.activeElement&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){return this===o.activeElement&&this.blur?(this.blur(),!1):t},delegateType:"focusout"},beforeunload:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=b.extend(new b.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?b.event.trigger(i,null,t):b.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},b.removeEvent=o.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)}:function(e,t,n){var r="on"+t;e.detachEvent&&(typeof e[r]===i&&(e[r]=null),e.detachEvent(r,n))},b.Event=function(e,n){return this instanceof b.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.returnValue===!1||e.getPreventDefault&&e.getPreventDefault()?it:ot):this.type=e,n&&b.extend(this,n),this.timeStamp=e&&e.timeStamp||b.now(),this[b.expando]=!0,t):new b.Event(e,n)},b.Event.prototype={isDefaultPrevented:ot,isPropagationStopped:ot,isImmediatePropagationStopped:ot,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=it,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=it,e&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=it,this.stopPropagation()}},b.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){b.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj; +return(!i||i!==r&&!b.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),b.support.submitBubbles||(b.event.special.submit={setup:function(){return b.nodeName(this,"form")?!1:(b.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=b.nodeName(n,"input")||b.nodeName(n,"button")?n.form:t;r&&!b._data(r,"submitBubbles")&&(b.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),b._data(r,"submitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&b.event.simulate("submit",this.parentNode,e,!0))},teardown:function(){return b.nodeName(this,"form")?!1:(b.event.remove(this,"._submit"),t)}}),b.support.changeBubbles||(b.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(b.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_changed=!0)}),b.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigger&&(this._just_changed=!1),b.event.simulate("change",this,e,!0)})),!1):(b.event.add(this,"beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!b._data(t,"changeBubbles")&&(b.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||b.event.simulate("change",this.parentNode,e,!0)}),b._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.handler.apply(this,arguments):t},teardown:function(){return b.event.remove(this,"._change"),!Z.test(this.nodeName)}}),b.support.focusinBubbles||b.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){b.event.simulate(t,e.target,b.event.fix(e),!0)};b.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),b.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return b().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=b.guid++)),this.each(function(){b.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,b(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){b.event.remove(this,e,r,n)})},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},trigger:function(e,t){return this.each(function(){b.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?b.event.trigger(e,n,r,!0):t}}),function(e,t){var n,r,i,o,a,s,u,l,c,p,f,d,h,g,m,y,v,x="sizzle"+-new Date,w=e.document,T={},N=0,C=0,k=it(),E=it(),S=it(),A=typeof t,j=1<<31,D=[],L=D.pop,H=D.push,q=D.slice,M=D.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},_="[\\x20\\t\\r\\n\\f]",F="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=F.replace("w","w#"),B="([*^$|!~]?=)",P="\\["+_+"*("+F+")"+_+"*(?:"+B+_+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+O+")|)|)"+_+"*\\]",R=":("+F+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+P.replace(3,8)+")*)|.*)\\)|)",W=RegExp("^"+_+"+|((?:^|[^\\\\])(?:\\\\.)*)"+_+"+$","g"),$=RegExp("^"+_+"*,"+_+"*"),I=RegExp("^"+_+"*([\\x20\\t\\r\\n\\f>+~])"+_+"*"),z=RegExp(R),X=RegExp("^"+O+"$"),U={ID:RegExp("^#("+F+")"),CLASS:RegExp("^\\.("+F+")"),NAME:RegExp("^\\[name=['\"]?("+F+")['\"]?\\]"),TAG:RegExp("^("+F.replace("w","w*")+")"),ATTR:RegExp("^"+P),PSEUDO:RegExp("^"+R),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+_+"*(even|odd|(([+-]|)(\\d*)n|)"+_+"*(?:([+-]|)"+_+"*(\\d+)|))"+_+"*\\)|)","i"),needsContext:RegExp("^"+_+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+_+"*((?:-\\d)?\\d*)"+_+"*\\)|)(?=[^-]|$)","i")},V=/[\x20\t\r\n\f]*[+~]/,Y=/^[^{]+\{\s*\[native code/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,G=/^(?:input|select|textarea|button)$/i,Q=/^h\d$/i,K=/'|\\/g,Z=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,et=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,tt=function(e,t){var n="0x"+t-65536;return n!==n?t:0>n?String.fromCharCode(n+65536):String.fromCharCode(55296|n>>10,56320|1023&n)};try{q.call(w.documentElement.childNodes,0)[0].nodeType}catch(nt){q=function(e){var t,n=[];while(t=this[e++])n.push(t);return n}}function rt(e){return Y.test(e+"")}function it(){var e,t=[];return e=function(n,r){return t.push(n+=" ")>i.cacheLength&&delete e[t.shift()],e[n]=r}}function ot(e){return e[x]=!0,e}function at(e){var t=p.createElement("div");try{return e(t)}catch(n){return!1}finally{t=null}}function st(e,t,n,r){var i,o,a,s,u,l,f,g,m,v;if((t?t.ownerDocument||t:w)!==p&&c(t),t=t||p,n=n||[],!e||"string"!=typeof e)return n;if(1!==(s=t.nodeType)&&9!==s)return[];if(!d&&!r){if(i=J.exec(e))if(a=i[1]){if(9===s){if(o=t.getElementById(a),!o||!o.parentNode)return n;if(o.id===a)return n.push(o),n}else if(t.ownerDocument&&(o=t.ownerDocument.getElementById(a))&&y(t,o)&&o.id===a)return n.push(o),n}else{if(i[2])return H.apply(n,q.call(t.getElementsByTagName(e),0)),n;if((a=i[3])&&T.getByClassName&&t.getElementsByClassName)return H.apply(n,q.call(t.getElementsByClassName(a),0)),n}if(T.qsa&&!h.test(e)){if(f=!0,g=x,m=t,v=9===s&&e,1===s&&"object"!==t.nodeName.toLowerCase()){l=ft(e),(f=t.getAttribute("id"))?g=f.replace(K,"\\$&"):t.setAttribute("id",g),g="[id='"+g+"'] ",u=l.length;while(u--)l[u]=g+dt(l[u]);m=V.test(e)&&t.parentNode||t,v=l.join(",")}if(v)try{return H.apply(n,q.call(m.querySelectorAll(v),0)),n}catch(b){}finally{f||t.removeAttribute("id")}}}return wt(e.replace(W,"$1"),t,n,r)}a=st.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},c=st.setDocument=function(e){var n=e?e.ownerDocument||e:w;return n!==p&&9===n.nodeType&&n.documentElement?(p=n,f=n.documentElement,d=a(n),T.tagNameNoComments=at(function(e){return e.appendChild(n.createComment("")),!e.getElementsByTagName("*").length}),T.attributes=at(function(e){e.innerHTML="";var t=typeof e.lastChild.getAttribute("multiple");return"boolean"!==t&&"string"!==t}),T.getByClassName=at(function(e){return e.innerHTML="",e.getElementsByClassName&&e.getElementsByClassName("e").length?(e.lastChild.className="e",2===e.getElementsByClassName("e").length):!1}),T.getByName=at(function(e){e.id=x+0,e.innerHTML="
",f.insertBefore(e,f.firstChild);var t=n.getElementsByName&&n.getElementsByName(x).length===2+n.getElementsByName(x+0).length;return T.getIdNotName=!n.getElementById(x),f.removeChild(e),t}),i.attrHandle=at(function(e){return e.innerHTML="",e.firstChild&&typeof e.firstChild.getAttribute!==A&&"#"===e.firstChild.getAttribute("href")})?{}:{href:function(e){return e.getAttribute("href",2)},type:function(e){return e.getAttribute("type")}},T.getIdNotName?(i.find.ID=function(e,t){if(typeof t.getElementById!==A&&!d){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(et,tt);return function(e){return e.getAttribute("id")===t}}):(i.find.ID=function(e,n){if(typeof n.getElementById!==A&&!d){var r=n.getElementById(e);return r?r.id===e||typeof r.getAttributeNode!==A&&r.getAttributeNode("id").value===e?[r]:t:[]}},i.filter.ID=function(e){var t=e.replace(et,tt);return function(e){var n=typeof e.getAttributeNode!==A&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=T.tagNameNoComments?function(e,n){return typeof n.getElementsByTagName!==A?n.getElementsByTagName(e):t}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.NAME=T.getByName&&function(e,n){return typeof n.getElementsByName!==A?n.getElementsByName(name):t},i.find.CLASS=T.getByClassName&&function(e,n){return typeof n.getElementsByClassName===A||d?t:n.getElementsByClassName(e)},g=[],h=[":focus"],(T.qsa=rt(n.querySelectorAll))&&(at(function(e){e.innerHTML="",e.querySelectorAll("[selected]").length||h.push("\\["+_+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)"),e.querySelectorAll(":checked").length||h.push(":checked")}),at(function(e){e.innerHTML="",e.querySelectorAll("[i^='']").length&&h.push("[*^$]="+_+"*(?:\"\"|'')"),e.querySelectorAll(":enabled").length||h.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),h.push(",.*:")})),(T.matchesSelector=rt(m=f.matchesSelector||f.mozMatchesSelector||f.webkitMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&at(function(e){T.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",R)}),h=RegExp(h.join("|")),g=RegExp(g.join("|")),y=rt(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},v=f.compareDocumentPosition?function(e,t){var r;return e===t?(u=!0,0):(r=t.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(t))?1&r||e.parentNode&&11===e.parentNode.nodeType?e===n||y(w,e)?-1:t===n||y(w,t)?1:0:4&r?-1:1:e.compareDocumentPosition?-1:1}:function(e,t){var r,i=0,o=e.parentNode,a=t.parentNode,s=[e],l=[t];if(e===t)return u=!0,0;if(!o||!a)return e===n?-1:t===n?1:o?-1:a?1:0;if(o===a)return ut(e,t);r=e;while(r=r.parentNode)s.unshift(r);r=t;while(r=r.parentNode)l.unshift(r);while(s[i]===l[i])i++;return i?ut(s[i],l[i]):s[i]===w?-1:l[i]===w?1:0},u=!1,[0,0].sort(v),T.detectDuplicates=u,p):p},st.matches=function(e,t){return st(e,null,null,t)},st.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Z,"='$1']"),!(!T.matchesSelector||d||g&&g.test(t)||h.test(t)))try{var n=m.call(e,t);if(n||T.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(r){}return st(t,p,null,[e]).length>0},st.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},st.attr=function(e,t){var n;return(e.ownerDocument||e)!==p&&c(e),d||(t=t.toLowerCase()),(n=i.attrHandle[t])?n(e):d||T.attributes?e.getAttribute(t):((n=e.getAttributeNode(t))||e.getAttribute(t))&&e[t]===!0?t:n&&n.specified?n.value:null},st.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},st.uniqueSort=function(e){var t,n=[],r=1,i=0;if(u=!T.detectDuplicates,e.sort(v),u){for(;t=e[r];r++)t===e[r-1]&&(i=n.push(r));while(i--)e.splice(n[i],1)}return e};function ut(e,t){var n=t&&e,r=n&&(~t.sourceIndex||j)-(~e.sourceIndex||j);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function lt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ct(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function pt(e){return ot(function(t){return t=+t,ot(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}o=st.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=st.selectors={cacheLength:50,createPseudo:ot,match:U,find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(et,tt),e[3]=(e[4]||e[5]||"").replace(et,tt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||st.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&st.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return U.CHILD.test(e[0])?null:(e[4]?e[2]=e[4]:n&&z.test(n)&&(t=ft(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){return"*"===e?function(){return!0}:(e=e.replace(et,tt).toLowerCase(),function(t){return t.nodeName&&t.nodeName.toLowerCase()===e})},CLASS:function(e){var t=k[e+" "];return t||(t=RegExp("(^|"+_+")"+e+"("+_+"|$)"))&&k(e,function(e){return t.test(e.className||typeof e.getAttribute!==A&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=st.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,d,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!u&&!s;if(m){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){c=m[x]||(m[x]={}),l=c[e]||[],d=l[0]===N&&l[1],f=l[0]===N&&l[2],p=d&&m.childNodes[d];while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[N,d,f];break}}else if(v&&(l=(t[x]||(t[x]={}))[e])&&l[0]===N)f=l[1];else while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(v&&((p[x]||(p[x]={}))[e]=[N,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||st.error("unsupported pseudo: "+e);return r[x]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?ot(function(e,n){var i,o=r(e,t),a=o.length;while(a--)i=M.call(e,o[a]),e[i]=!(n[i]=o[a])}):function(e){return r(e,0,n)}):r}},pseudos:{not:ot(function(e){var t=[],n=[],r=s(e.replace(W,"$1"));return r[x]?ot(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:ot(function(e){return function(t){return st(e,t).length>0}}),contains:ot(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:ot(function(e){return X.test(e||"")||st.error("unsupported lang: "+e),e=e.replace(et,tt).toLowerCase(),function(t){var n;do if(n=d?t.getAttribute("xml:lang")||t.getAttribute("lang"):t.lang)return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return Q.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:pt(function(){return[0]}),last:pt(function(e,t){return[t-1]}),eq:pt(function(e,t,n){return[0>n?n+t:n]}),even:pt(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:pt(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:pt(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:pt(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}};for(n in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[n]=lt(n);for(n in{submit:!0,reset:!0})i.pseudos[n]=ct(n);function ft(e,t){var n,r,o,a,s,u,l,c=E[e+" "];if(c)return t?0:c.slice(0);s=e,u=[],l=i.preFilter;while(s){(!n||(r=$.exec(s)))&&(r&&(s=s.slice(r[0].length)||s),u.push(o=[])),n=!1,(r=I.exec(s))&&(n=r.shift(),o.push({value:n,type:r[0].replace(W," ")}),s=s.slice(n.length));for(a in i.filter)!(r=U[a].exec(s))||l[a]&&!(r=l[a](r))||(n=r.shift(),o.push({value:n,type:a,matches:r}),s=s.slice(n.length));if(!n)break}return t?s.length:s?st.error(e):E(e,u).slice(0)}function dt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function ht(e,t,n){var i=t.dir,o=n&&"parentNode"===i,a=C++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,s){var u,l,c,p=N+" "+a;if(s){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,s))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[x]||(t[x]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,s)||r,l[1]===!0)return!0}}function gt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function mt(e,t,n,r,i){var o,a=[],s=0,u=e.length,l=null!=t;for(;u>s;s++)(o=e[s])&&(!n||n(o,r,i))&&(a.push(o),l&&t.push(s));return a}function yt(e,t,n,r,i,o){return r&&!r[x]&&(r=yt(r)),i&&!i[x]&&(i=yt(i,o)),ot(function(o,a,s,u){var l,c,p,f=[],d=[],h=a.length,g=o||xt(t||"*",s.nodeType?[s]:s,[]),m=!e||!o&&t?g:mt(g,f,e,s,u),y=n?i||(o?e:h||r)?[]:a:m;if(n&&n(m,y,s,u),r){l=mt(y,d),r(l,[],s,u),c=l.length;while(c--)(p=l[c])&&(y[d[c]]=!(m[d[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?M.call(o,p):f[c])>-1&&(o[l]=!(a[l]=p))}}else y=mt(y===a?y.splice(h,y.length):y),i?i(null,a,y,u):H.apply(a,y)})}function vt(e){var t,n,r,o=e.length,a=i.relative[e[0].type],s=a||i.relative[" "],u=a?1:0,c=ht(function(e){return e===t},s,!0),p=ht(function(e){return M.call(t,e)>-1},s,!0),f=[function(e,n,r){return!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>u;u++)if(n=i.relative[e[u].type])f=[ht(gt(f),n)];else{if(n=i.filter[e[u].type].apply(null,e[u].matches),n[x]){for(r=++u;o>r;r++)if(i.relative[e[r].type])break;return yt(u>1&>(f),u>1&&dt(e.slice(0,u-1)).replace(W,"$1"),n,r>u&&vt(e.slice(u,r)),o>r&&vt(e=e.slice(r)),o>r&&dt(e))}f.push(n)}return gt(f)}function bt(e,t){var n=0,o=t.length>0,a=e.length>0,s=function(s,u,c,f,d){var h,g,m,y=[],v=0,b="0",x=s&&[],w=null!=d,T=l,C=s||a&&i.find.TAG("*",d&&u.parentNode||u),k=N+=null==T?1:Math.random()||.1;for(w&&(l=u!==p&&u,r=n);null!=(h=C[b]);b++){if(a&&h){g=0;while(m=e[g++])if(m(h,u,c)){f.push(h);break}w&&(N=k,r=++n)}o&&((h=!m&&h)&&v--,s&&x.push(h))}if(v+=b,o&&b!==v){g=0;while(m=t[g++])m(x,y,u,c);if(s){if(v>0)while(b--)x[b]||y[b]||(y[b]=L.call(f));y=mt(y)}H.apply(f,y),w&&!s&&y.length>0&&v+t.length>1&&st.uniqueSort(f)}return w&&(N=k,l=T),x};return o?ot(s):s}s=st.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=ft(e)),n=t.length;while(n--)o=vt(t[n]),o[x]?r.push(o):i.push(o);o=S(e,bt(i,r))}return o};function xt(e,t,n){var r=0,i=t.length;for(;i>r;r++)st(e,t[r],n);return n}function wt(e,t,n,r){var o,a,u,l,c,p=ft(e);if(!r&&1===p.length){if(a=p[0]=p[0].slice(0),a.length>2&&"ID"===(u=a[0]).type&&9===t.nodeType&&!d&&i.relative[a[1].type]){if(t=i.find.ID(u.matches[0].replace(et,tt),t)[0],!t)return n;e=e.slice(a.shift().value.length)}o=U.needsContext.test(e)?0:a.length;while(o--){if(u=a[o],i.relative[l=u.type])break;if((c=i.find[l])&&(r=c(u.matches[0].replace(et,tt),V.test(a[0].type)&&t.parentNode||t))){if(a.splice(o,1),e=r.length&&dt(a),!e)return H.apply(n,q.call(r,0)),n;break}}}return s(e,p)(r,t,d,n,V.test(e)),n}i.pseudos.nth=i.pseudos.eq;function Tt(){}i.filters=Tt.prototype=i.pseudos,i.setFilters=new Tt,c(),st.attr=b.attr,b.find=st,b.expr=st.selectors,b.expr[":"]=b.expr.pseudos,b.unique=st.uniqueSort,b.text=st.getText,b.isXMLDoc=st.isXML,b.contains=st.contains}(e);var at=/Until$/,st=/^(?:parents|prev(?:Until|All))/,ut=/^.[^:#\[\.,]*$/,lt=b.expr.match.needsContext,ct={children:!0,contents:!0,next:!0,prev:!0};b.fn.extend({find:function(e){var t,n,r,i=this.length;if("string"!=typeof e)return r=this,this.pushStack(b(e).filter(function(){for(t=0;i>t;t++)if(b.contains(r[t],this))return!0}));for(n=[],t=0;i>t;t++)b.find(e,this[t],n);return n=this.pushStack(i>1?b.unique(n):n),n.selector=(this.selector?this.selector+" ":"")+e,n},has:function(e){var t,n=b(e,this),r=n.length;return this.filter(function(){for(t=0;r>t;t++)if(b.contains(this,n[t]))return!0})},not:function(e){return this.pushStack(ft(this,e,!1))},filter:function(e){return this.pushStack(ft(this,e,!0))},is:function(e){return!!e&&("string"==typeof e?lt.test(e)?b(e,this.context).index(this[0])>=0:b.filter(e,this).length>0:this.filter(e).length>0)},closest:function(e,t){var n,r=0,i=this.length,o=[],a=lt.test(e)||"string"!=typeof e?b(e,t||this.context):0;for(;i>r;r++){n=this[r];while(n&&n.ownerDocument&&n!==t&&11!==n.nodeType){if(a?a.index(n)>-1:b.find.matchesSelector(n,e)){o.push(n);break}n=n.parentNode}}return this.pushStack(o.length>1?b.unique(o):o)},index:function(e){return e?"string"==typeof e?b.inArray(this[0],b(e)):b.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?b(e,t):b.makeArray(e&&e.nodeType?[e]:e),r=b.merge(this.get(),n);return this.pushStack(b.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),b.fn.andSelf=b.fn.addBack;function pt(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}b.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return b.dir(e,"parentNode")},parentsUntil:function(e,t,n){return b.dir(e,"parentNode",n)},next:function(e){return pt(e,"nextSibling")},prev:function(e){return pt(e,"previousSibling")},nextAll:function(e){return b.dir(e,"nextSibling")},prevAll:function(e){return b.dir(e,"previousSibling")},nextUntil:function(e,t,n){return b.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return b.dir(e,"previousSibling",n)},siblings:function(e){return b.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return b.sibling(e.firstChild)},contents:function(e){return b.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:b.merge([],e.childNodes)}},function(e,t){b.fn[e]=function(n,r){var i=b.map(this,t,n);return at.test(e)||(r=n),r&&"string"==typeof r&&(i=b.filter(r,i)),i=this.length>1&&!ct[e]?b.unique(i):i,this.length>1&&st.test(e)&&(i=i.reverse()),this.pushStack(i)}}),b.extend({filter:function(e,t,n){return n&&(e=":not("+e+")"),1===t.length?b.find.matchesSelector(t[0],e)?[t[0]]:[]:b.find.matches(e,t)},dir:function(e,n,r){var i=[],o=e[n];while(o&&9!==o.nodeType&&(r===t||1!==o.nodeType||!b(o).is(r)))1===o.nodeType&&i.push(o),o=o[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function ft(e,t,n){if(t=t||0,b.isFunction(t))return b.grep(e,function(e,r){var i=!!t.call(e,r,e);return i===n});if(t.nodeType)return b.grep(e,function(e){return e===t===n});if("string"==typeof t){var r=b.grep(e,function(e){return 1===e.nodeType});if(ut.test(t))return b.filter(t,r,!n);t=b.filter(t,r)}return b.grep(e,function(e){return b.inArray(e,t)>=0===n})}function dt(e){var t=ht.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}var ht="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gt=/ jQuery\d+="(?:null|\d+)"/g,mt=RegExp("<(?:"+ht+")[\\s/>]","i"),yt=/^\s+/,vt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bt=/<([\w:]+)/,xt=/\s*$/g,At={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:b.support.htmlSerialize?[0,"",""]:[1,"X
","
"]},jt=dt(o),Dt=jt.appendChild(o.createElement("div"));At.optgroup=At.option,At.tbody=At.tfoot=At.colgroup=At.caption=At.thead,At.th=At.td,b.fn.extend({text:function(e){return b.access(this,function(e){return e===t?b.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},wrapAll:function(e){if(b.isFunction(e))return this.each(function(t){b(this).wrapAll(e.call(this,t))});if(this[0]){var t=b(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&1===e.firstChild.nodeType)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return b.isFunction(e)?this.each(function(t){b(this).wrapInner(e.call(this,t))}):this.each(function(){var t=b(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=b.isFunction(e);return this.each(function(n){b(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){b.nodeName(this,"body")||b(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(e){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&this.appendChild(e)})},prepend:function(){return this.domManip(arguments,!0,function(e){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&this.insertBefore(e,this.firstChild)})},before:function(){return this.domManip(arguments,!1,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,!1,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=0;for(;null!=(n=this[r]);r++)(!e||b.filter(e,[n]).length>0)&&(t||1!==n.nodeType||b.cleanData(Ot(n)),n.parentNode&&(t&&b.contains(n.ownerDocument,n)&&Mt(Ot(n,"script")),n.parentNode.removeChild(n)));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++){1===e.nodeType&&b.cleanData(Ot(e,!1));while(e.firstChild)e.removeChild(e.firstChild);e.options&&b.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return b.clone(this,e,t)})},html:function(e){return b.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!b.support.htmlSerialize&&mt.test(e)||!b.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(b.cleanData(Ot(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(e){var t=b.isFunction(e);return t||"string"==typeof e||(e=b(e).not(this).detach()),this.domManip([e],!0,function(e){var t=this.nextSibling,n=this.parentNode;n&&(b(this).remove(),n.insertBefore(e,t))})},detach:function(e){return this.remove(e,!0)},domManip:function(e,n,r){e=f.apply([],e);var i,o,a,s,u,l,c=0,p=this.length,d=this,h=p-1,g=e[0],m=b.isFunction(g);if(m||!(1>=p||"string"!=typeof g||b.support.checkClone)&&Ct.test(g))return this.each(function(i){var o=d.eq(i);m&&(e[0]=g.call(this,i,n?o.html():t)),o.domManip(e,n,r)});if(p&&(l=b.buildFragment(e,this[0].ownerDocument,!1,this),i=l.firstChild,1===l.childNodes.length&&(l=i),i)){for(n=n&&b.nodeName(i,"tr"),s=b.map(Ot(l,"script"),Ht),a=s.length;p>c;c++)o=l,c!==h&&(o=b.clone(o,!0,!0),a&&b.merge(s,Ot(o,"script"))),r.call(n&&b.nodeName(this[c],"table")?Lt(this[c],"tbody"):this[c],o,c);if(a)for(u=s[s.length-1].ownerDocument,b.map(s,qt),c=0;a>c;c++)o=s[c],kt.test(o.type||"")&&!b._data(o,"globalEval")&&b.contains(u,o)&&(o.src?b.ajax({url:o.src,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0}):b.globalEval((o.text||o.textContent||o.innerHTML||"").replace(St,"")));l=i=null}return this}});function Lt(e,t){return e.getElementsByTagName(t)[0]||e.appendChild(e.ownerDocument.createElement(t))}function Ht(e){var t=e.getAttributeNode("type");return e.type=(t&&t.specified)+"/"+e.type,e}function qt(e){var t=Et.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function Mt(e,t){var n,r=0;for(;null!=(n=e[r]);r++)b._data(n,"globalEval",!t||b._data(t[r],"globalEval"))}function _t(e,t){if(1===t.nodeType&&b.hasData(e)){var n,r,i,o=b._data(e),a=b._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)b.event.add(t,n,s[n][r])}a.data&&(a.data=b.extend({},a.data))}}function Ft(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!b.support.noCloneEvent&&t[b.expando]){i=b._data(t);for(r in i.events)b.removeEvent(t,r,i.handle);t.removeAttribute(b.expando)}"script"===n&&t.text!==e.text?(Ht(t).text=e.text,qt(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),b.support.html5Clone&&e.innerHTML&&!b.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Nt.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}b.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){b.fn[e]=function(e){var n,r=0,i=[],o=b(e),a=o.length-1;for(;a>=r;r++)n=r===a?this:this.clone(!0),b(o[r])[t](n),d.apply(i,n.get());return this.pushStack(i)}});function Ot(e,n){var r,o,a=0,s=typeof e.getElementsByTagName!==i?e.getElementsByTagName(n||"*"):typeof e.querySelectorAll!==i?e.querySelectorAll(n||"*"):t;if(!s)for(s=[],r=e.childNodes||e;null!=(o=r[a]);a++)!n||b.nodeName(o,n)?s.push(o):b.merge(s,Ot(o,n));return n===t||n&&b.nodeName(e,n)?b.merge([e],s):s}function Bt(e){Nt.test(e.type)&&(e.defaultChecked=e.checked)}b.extend({clone:function(e,t,n){var r,i,o,a,s,u=b.contains(e.ownerDocument,e);if(b.support.html5Clone||b.isXMLDoc(e)||!mt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(Dt.innerHTML=e.outerHTML,Dt.removeChild(o=Dt.firstChild)),!(b.support.noCloneEvent&&b.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||b.isXMLDoc(e)))for(r=Ot(o),s=Ot(e),a=0;null!=(i=s[a]);++a)r[a]&&Ft(i,r[a]);if(t)if(n)for(s=s||Ot(e),r=r||Ot(o),a=0;null!=(i=s[a]);a++)_t(i,r[a]);else _t(e,o);return r=Ot(o,"script"),r.length>0&&Mt(r,!u&&Ot(e,"script")),r=s=i=null,o},buildFragment:function(e,t,n,r){var i,o,a,s,u,l,c,p=e.length,f=dt(t),d=[],h=0;for(;p>h;h++)if(o=e[h],o||0===o)if("object"===b.type(o))b.merge(d,o.nodeType?[o]:o);else if(wt.test(o)){s=s||f.appendChild(t.createElement("div")),u=(bt.exec(o)||["",""])[1].toLowerCase(),c=At[u]||At._default,s.innerHTML=c[1]+o.replace(vt,"<$1>")+c[2],i=c[0];while(i--)s=s.lastChild;if(!b.support.leadingWhitespace&&yt.test(o)&&d.push(t.createTextNode(yt.exec(o)[0])),!b.support.tbody){o="table"!==u||xt.test(o)?""!==c[1]||xt.test(o)?0:s:s.firstChild,i=o&&o.childNodes.length;while(i--)b.nodeName(l=o.childNodes[i],"tbody")&&!l.childNodes.length&&o.removeChild(l) +}b.merge(d,s.childNodes),s.textContent="";while(s.firstChild)s.removeChild(s.firstChild);s=f.lastChild}else d.push(t.createTextNode(o));s&&f.removeChild(s),b.support.appendChecked||b.grep(Ot(d,"input"),Bt),h=0;while(o=d[h++])if((!r||-1===b.inArray(o,r))&&(a=b.contains(o.ownerDocument,o),s=Ot(f.appendChild(o),"script"),a&&Mt(s),n)){i=0;while(o=s[i++])kt.test(o.type||"")&&n.push(o)}return s=null,f},cleanData:function(e,t){var n,r,o,a,s=0,u=b.expando,l=b.cache,p=b.support.deleteExpando,f=b.event.special;for(;null!=(n=e[s]);s++)if((t||b.acceptData(n))&&(o=n[u],a=o&&l[o])){if(a.events)for(r in a.events)f[r]?b.event.remove(n,r):b.removeEvent(n,r,a.handle);l[o]&&(delete l[o],p?delete n[u]:typeof n.removeAttribute!==i?n.removeAttribute(u):n[u]=null,c.push(o))}}});var Pt,Rt,Wt,$t=/alpha\([^)]*\)/i,It=/opacity\s*=\s*([^)]*)/,zt=/^(top|right|bottom|left)$/,Xt=/^(none|table(?!-c[ea]).+)/,Ut=/^margin/,Vt=RegExp("^("+x+")(.*)$","i"),Yt=RegExp("^("+x+")(?!px)[a-z%]+$","i"),Jt=RegExp("^([+-])=("+x+")","i"),Gt={BODY:"block"},Qt={position:"absolute",visibility:"hidden",display:"block"},Kt={letterSpacing:0,fontWeight:400},Zt=["Top","Right","Bottom","Left"],en=["Webkit","O","Moz","ms"];function tn(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=en.length;while(i--)if(t=en[i]+n,t in e)return t;return r}function nn(e,t){return e=t||e,"none"===b.css(e,"display")||!b.contains(e.ownerDocument,e)}function rn(e,t){var n,r,i,o=[],a=0,s=e.length;for(;s>a;a++)r=e[a],r.style&&(o[a]=b._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&nn(r)&&(o[a]=b._data(r,"olddisplay",un(r.nodeName)))):o[a]||(i=nn(r),(n&&"none"!==n||!i)&&b._data(r,"olddisplay",i?n:b.css(r,"display"))));for(a=0;s>a;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}b.fn.extend({css:function(e,n){return b.access(this,function(e,n,r){var i,o,a={},s=0;if(b.isArray(n)){for(o=Rt(e),i=n.length;i>s;s++)a[n[s]]=b.css(e,n[s],!1,o);return a}return r!==t?b.style(e,n,r):b.css(e,n)},e,n,arguments.length>1)},show:function(){return rn(this,!0)},hide:function(){return rn(this)},toggle:function(e){var t="boolean"==typeof e;return this.each(function(){(t?e:nn(this))?b(this).show():b(this).hide()})}}),b.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Wt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":b.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,a,s,u=b.camelCase(n),l=e.style;if(n=b.cssProps[u]||(b.cssProps[u]=tn(l,u)),s=b.cssHooks[n]||b.cssHooks[u],r===t)return s&&"get"in s&&(o=s.get(e,!1,i))!==t?o:l[n];if(a=typeof r,"string"===a&&(o=Jt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(b.css(e,n)),a="number"),!(null==r||"number"===a&&isNaN(r)||("number"!==a||b.cssNumber[u]||(r+="px"),b.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(l[n]="inherit"),s&&"set"in s&&(r=s.set(e,r,i))===t)))try{l[n]=r}catch(c){}}},css:function(e,n,r,i){var o,a,s,u=b.camelCase(n);return n=b.cssProps[u]||(b.cssProps[u]=tn(e.style,u)),s=b.cssHooks[n]||b.cssHooks[u],s&&"get"in s&&(a=s.get(e,!0,r)),a===t&&(a=Wt(e,n,i)),"normal"===a&&n in Kt&&(a=Kt[n]),""===r||r?(o=parseFloat(a),r===!0||b.isNumeric(o)?o||0:a):a},swap:function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i}}),e.getComputedStyle?(Rt=function(t){return e.getComputedStyle(t,null)},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s.getPropertyValue(n)||s[n]:t,l=e.style;return s&&(""!==u||b.contains(e.ownerDocument,e)||(u=b.style(e,n)),Yt.test(u)&&Ut.test(n)&&(i=l.width,o=l.minWidth,a=l.maxWidth,l.minWidth=l.maxWidth=l.width=u,u=s.width,l.width=i,l.minWidth=o,l.maxWidth=a)),u}):o.documentElement.currentStyle&&(Rt=function(e){return e.currentStyle},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s[n]:t,l=e.style;return null==u&&l&&l[n]&&(u=l[n]),Yt.test(u)&&!zt.test(n)&&(i=l.left,o=e.runtimeStyle,a=o&&o.left,a&&(o.left=e.currentStyle.left),l.left="fontSize"===n?"1em":u,u=l.pixelLeft+"px",l.left=i,a&&(o.left=a)),""===u?"auto":u});function on(e,t,n){var r=Vt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function an(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;for(;4>o;o+=2)"margin"===n&&(a+=b.css(e,n+Zt[o],!0,i)),r?("content"===n&&(a-=b.css(e,"padding"+Zt[o],!0,i)),"margin"!==n&&(a-=b.css(e,"border"+Zt[o]+"Width",!0,i))):(a+=b.css(e,"padding"+Zt[o],!0,i),"padding"!==n&&(a+=b.css(e,"border"+Zt[o]+"Width",!0,i)));return a}function sn(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=Rt(e),a=b.support.boxSizing&&"border-box"===b.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=Wt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=a&&(b.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+an(e,t,n||(a?"border":"content"),r,o)+"px"}function un(e){var t=o,n=Gt[e];return n||(n=ln(e,t),"none"!==n&&n||(Pt=(Pt||b("',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(P),w("BeforeChange",function(a,b,c){b!==c&&(b===P?R():c===P&&R(!0))}),w(h+"."+P,function(){R()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var S=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},T=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery";return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s);e.click(function(){b.prev()}),f.click(function(){b.next()}),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),A()}); \ No newline at end of file diff --git a/src/assets/magnific-popup/magnific-popup.css b/src/assets/magnific-popup/magnific-popup.css new file mode 100644 index 000000000..8561e181a --- /dev/null +++ b/src/assets/magnific-popup/magnific-popup.css @@ -0,0 +1,351 @@ +/* Magnific Popup CSS */ +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; } + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; } + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + box-sizing: border-box; } + +.mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } + +.mfp-align-top .mfp-container:before { + display: none; } + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; } + +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; } + +.mfp-ajax-cur { + cursor: progress; } + +.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; } + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.mfp-auto-cursor .mfp-content { + cursor: auto; } + +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } + +.mfp-loading.mfp-figure { + display: none; } + +.mfp-hide { + display: none !important; } + +.mfp-preloader { + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; } + .mfp-preloader a { + color: #CCC; } + .mfp-preloader a:hover { + color: #FFF; } + +.mfp-s-ready .mfp-preloader { + display: none; } + +.mfp-s-error .mfp-content { + display: none; } + +button.mfp-close, +button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + box-shadow: none; + touch-action: manipulation; } + +button::-moz-focus-inner { + padding: 0; + border: 0; } + +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; } + .mfp-close:hover, + .mfp-close:focus { + opacity: 1; } + .mfp-close:active { + top: 1px; } + +.mfp-close-btn-in .mfp-close { + color: #333; } + +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; } + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 12px; + line-height: 18px; + white-space: nowrap; } + +.mfp-arrow { + position: absolute; + opacity: 0.65; + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: transparent; } + .mfp-arrow:active { + margin-top: -54px; } + .mfp-arrow:hover, + .mfp-arrow:focus { + opacity: 1; } + .mfp-arrow:before, + .mfp-arrow:after { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; } + .mfp-arrow:after { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; } + .mfp-arrow:before { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; } + +.mfp-arrow-left { + left: 0; } + .mfp-arrow-left:after { + border-right: 17px solid #FFF; + margin-left: 31px; } + .mfp-arrow-left:before { + margin-left: 25px; + border-right: 27px solid #3F3F3F; } + +.mfp-arrow-right { + right: 0; } + .mfp-arrow-right:after { + border-left: 17px solid #FFF; + margin-left: 39px; } + .mfp-arrow-right:before { + border-left: 27px solid #3F3F3F; } + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; } + .mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; } + .mfp-iframe-holder .mfp-close { + top: -40px; } + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; } + .mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; } + +/* Main image in popup */ +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { + line-height: 0; } + .mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; } + .mfp-figure small { + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; } + .mfp-figure figure { + margin: 0; } + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; } + +.mfp-title { + text-align: left; + line-height: 18px; + color: #F3F3F3; + word-wrap: break-word; + padding-right: 36px; } + +.mfp-image-holder .mfp-content { + max-width: 100%; } + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; } + +@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; } + .mfp-img-mobile img.mfp-img { + padding: 0; } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; } } + +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); } + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; } + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; } + .mfp-container { + padding-left: 6px; + padding-right: 6px; } } diff --git a/src/assets/slick/ajax-loader.gif b/src/assets/slick/ajax-loader.gif new file mode 100644 index 000000000..e0e6e9760 Binary files /dev/null and b/src/assets/slick/ajax-loader.gif differ diff --git a/src/assets/slick/config.rb b/src/assets/slick/config.rb new file mode 100644 index 000000000..81f5ae324 --- /dev/null +++ b/src/assets/slick/config.rb @@ -0,0 +1,10 @@ +css_dir = "." +sass_dir = "." +images_dir = "." +fonts_dir = "fonts" +relative_assets = true + +output_style = :compact +line_comments = false + +preferred_syntax = :scss \ No newline at end of file diff --git a/src/assets/slick/fonts/slick.eot b/src/assets/slick/fonts/slick.eot new file mode 100644 index 000000000..2cbab9ca9 Binary files /dev/null and b/src/assets/slick/fonts/slick.eot differ diff --git a/src/assets/slick/fonts/slick.svg b/src/assets/slick/fonts/slick.svg new file mode 100644 index 000000000..b36a66a6c --- /dev/null +++ b/src/assets/slick/fonts/slick.svg @@ -0,0 +1,14 @@ + + + +Generated by Fontastic.me + + + + + + + + + + diff --git a/src/assets/slick/fonts/slick.ttf b/src/assets/slick/fonts/slick.ttf new file mode 100644 index 000000000..9d03461b6 Binary files /dev/null and b/src/assets/slick/fonts/slick.ttf differ diff --git a/src/assets/slick/fonts/slick.woff b/src/assets/slick/fonts/slick.woff new file mode 100644 index 000000000..8ee99721b Binary files /dev/null and b/src/assets/slick/fonts/slick.woff differ diff --git a/src/assets/slick/slick-theme.css b/src/assets/slick/slick-theme.css new file mode 100644 index 000000000..1232fcab0 --- /dev/null +++ b/src/assets/slick/slick-theme.css @@ -0,0 +1,204 @@ +@charset 'UTF-8'; +/* Slider */ +.slick-loading .slick-list +{ + background: #fff url('./ajax-loader.gif') center center no-repeat; +} + +/* Icons */ +@font-face +{ + font-family: 'slick'; + font-weight: normal; + font-style: normal; + + src: url('./fonts/slick.eot'); + src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); +} +/* Arrows */ +.slick-prev, +.slick-next +{ + font-size: 0; + line-height: 0; + + position: absolute; + top: 50%; + + display: block; + + width: 20px; + height: 20px; + padding: 0; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + + cursor: pointer; + + color: transparent; + border: none; + outline: none; + background: transparent; +} +.slick-prev:hover, +.slick-prev:focus, +.slick-next:hover, +.slick-next:focus +{ + color: transparent; + outline: none; + background: transparent; +} +.slick-prev:hover:before, +.slick-prev:focus:before, +.slick-next:hover:before, +.slick-next:focus:before +{ + opacity: 1; +} +.slick-prev.slick-disabled:before, +.slick-next.slick-disabled:before +{ + opacity: .25; +} + +.slick-prev:before, +.slick-next:before +{ + font-family: 'slick'; + font-size: 20px; + line-height: 1; + + opacity: .75; + color: white; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.slick-prev +{ + left: -25px; +} +[dir='rtl'] .slick-prev +{ + right: -25px; + left: auto; +} +.slick-prev:before +{ + content: '←'; +} +[dir='rtl'] .slick-prev:before +{ + content: '→'; +} + +.slick-next +{ + right: -25px; +} +[dir='rtl'] .slick-next +{ + right: auto; + left: -25px; +} +.slick-next:before +{ + content: '→'; +} +[dir='rtl'] .slick-next:before +{ + content: '←'; +} + +/* Dots */ +.slick-dotted.slick-slider +{ + margin-bottom: 30px; +} + +.slick-dots +{ + position: absolute; + bottom: -25px; + + display: block; + + width: 100%; + padding: 0; + margin: 0; + + list-style: none; + + text-align: center; +} +.slick-dots li +{ + position: relative; + + display: inline-block; + + width: 20px; + height: 20px; + margin: 0 5px; + padding: 0; + + cursor: pointer; +} +.slick-dots li button +{ + font-size: 0; + line-height: 0; + + display: block; + + width: 20px; + height: 20px; + padding: 5px; + + cursor: pointer; + + color: transparent; + border: 0; + outline: none; + background: transparent; +} +.slick-dots li button:hover, +.slick-dots li button:focus +{ + outline: none; +} +.slick-dots li button:hover:before, +.slick-dots li button:focus:before +{ + opacity: 1; +} +.slick-dots li button:before +{ + font-family: 'slick'; + font-size: 6px; + line-height: 20px; + + position: absolute; + top: 0; + left: 0; + + width: 20px; + height: 20px; + + content: '•'; + text-align: center; + + opacity: .25; + color: black; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.slick-dots li.slick-active button:before +{ + opacity: .75; + color: black; +} diff --git a/src/assets/slick/slick-theme.less b/src/assets/slick/slick-theme.less new file mode 100644 index 000000000..e06fc183d --- /dev/null +++ b/src/assets/slick/slick-theme.less @@ -0,0 +1,168 @@ +@charset "UTF-8"; + +// Default Variables + +@slick-font-path: "./fonts/"; +@slick-font-family: "slick"; +@slick-loader-path: "./"; +@slick-arrow-color: white; +@slick-dot-color: black; +@slick-dot-color-active: @slick-dot-color; +@slick-prev-character: "←"; +@slick-next-character: "→"; +@slick-dot-character: "•"; +@slick-dot-size: 6px; +@slick-opacity-default: 0.75; +@slick-opacity-on-hover: 1; +@slick-opacity-not-active: 0.25; + +/* Slider */ +.slick-loading .slick-list{ + background: #fff url('@{slick-loader-path}ajax-loader.gif') center center no-repeat; +} + +/* Arrows */ +.slick-prev, +.slick-next { + position: absolute; + display: block; + height: 20px; + width: 20px; + line-height: 0px; + font-size: 0px; + cursor: pointer; + background: transparent; + color: transparent; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + padding: 0; + border: none; + outline: none; + &:hover, &:focus { + outline: none; + background: transparent; + color: transparent; + &:before { + opacity: @slick-opacity-on-hover; + } + } + &.slick-disabled:before { + opacity: @slick-opacity-not-active; + } +} + +.slick-prev:before, .slick-next:before { + font-family: @slick-font-family; + font-size: 20px; + line-height: 1; + color: @slick-arrow-color; + opacity: @slick-opacity-default; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + & when ( @slick-font-family = 'slick' ) { + /* Icons */ + @font-face { + font-family: 'slick'; + font-weight: normal; + font-style: normal; + src: url('@{slick-font-path}slick.eot'); + src: url('@{slick-font-path}slick.eot?#iefix') format('embedded-opentype'), url('@{slick-font-path}slick.woff') format('woff'), url('@{slick-font-path}slick.ttf') format('truetype'), url('@{slick-font-path}slick.svg#slick') format('svg'); + } + } +} + +.slick-prev { + left: -25px; + [dir="rtl"] & { + left: auto; + right: -25px; + } + &:before { + content: @slick-prev-character; + [dir="rtl"] & { + content: @slick-next-character; + } + } +} + +.slick-next { + right: -25px; + [dir="rtl"] & { + left: -25px; + right: auto; + } + &:before { + content: @slick-next-character; + [dir="rtl"] & { + content: @slick-prev-character; + } + } +} + +/* Dots */ + +.slick-dotted .slick-slider { + margin-bottom: 30px; +} + +.slick-dots { + position: absolute; + bottom: -25px; + list-style: none; + display: block; + text-align: center; + padding: 0; + margin: 0; + width: 100%; + li { + position: relative; + display: inline-block; + height: 20px; + width: 20px; + margin: 0 5px; + padding: 0; + cursor: pointer; + button { + border: 0; + background: transparent; + display: block; + height: 20px; + width: 20px; + outline: none; + line-height: 0px; + font-size: 0px; + color: transparent; + padding: 5px; + cursor: pointer; + &:hover, &:focus { + outline: none; + &:before { + opacity: @slick-opacity-on-hover; + } + } + &:before { + position: absolute; + top: 0; + left: 0; + content: @slick-dot-character; + width: 20px; + height: 20px; + font-family: @slick-font-family; + font-size: @slick-dot-size; + line-height: 20px; + text-align: center; + color: @slick-dot-color; + opacity: @slick-opacity-not-active; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + } + &.slick-active button:before { + color: @slick-dot-color-active; + opacity: @slick-opacity-default; + } + } +} diff --git a/src/assets/slick/slick-theme.scss b/src/assets/slick/slick-theme.scss new file mode 100644 index 000000000..7fe63e107 --- /dev/null +++ b/src/assets/slick/slick-theme.scss @@ -0,0 +1,194 @@ +@charset "UTF-8"; + +// Default Variables + +// Slick icon entity codes outputs the following +// "\2190" outputs ascii character "←" +// "\2192" outputs ascii character "→" +// "\2022" outputs ascii character "•" + +$slick-font-path: "./fonts/" !default; +$slick-font-family: "slick" !default; +$slick-loader-path: "./" !default; +$slick-arrow-color: white !default; +$slick-dot-color: black !default; +$slick-dot-color-active: $slick-dot-color !default; +$slick-prev-character: "\2190" !default; +$slick-next-character: "\2192" !default; +$slick-dot-character: "\2022" !default; +$slick-dot-size: 6px !default; +$slick-opacity-default: 0.75 !default; +$slick-opacity-on-hover: 1 !default; +$slick-opacity-not-active: 0.25 !default; + +@function slick-image-url($url) { + @if function-exists(image-url) { + @return image-url($url); + } + @else { + @return url($slick-loader-path + $url); + } +} + +@function slick-font-url($url) { + @if function-exists(font-url) { + @return font-url($url); + } + @else { + @return url($slick-font-path + $url); + } +} + +/* Slider */ + +.slick-list { + .slick-loading & { + background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; + } +} + +/* Icons */ +@if $slick-font-family == "slick" { + @font-face { + font-family: "slick"; + src: slick-font-url("slick.eot"); + src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); + font-weight: normal; + font-style: normal; + } +} + +/* Arrows */ + +.slick-prev, +.slick-next { + position: absolute; + display: block; + height: 20px; + width: 20px; + line-height: 0px; + font-size: 0px; + cursor: pointer; + background: transparent; + color: transparent; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + padding: 0; + border: none; + outline: none; + &:hover, &:focus { + outline: none; + background: transparent; + color: transparent; + &:before { + opacity: $slick-opacity-on-hover; + } + } + &.slick-disabled:before { + opacity: $slick-opacity-not-active; + } + &:before { + font-family: $slick-font-family; + font-size: 20px; + line-height: 1; + color: $slick-arrow-color; + opacity: $slick-opacity-default; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } +} + +.slick-prev { + left: -25px; + [dir="rtl"] & { + left: auto; + right: -25px; + } + &:before { + content: $slick-prev-character; + [dir="rtl"] & { + content: $slick-next-character; + } + } +} + +.slick-next { + right: -25px; + [dir="rtl"] & { + left: -25px; + right: auto; + } + &:before { + content: $slick-next-character; + [dir="rtl"] & { + content: $slick-prev-character; + } + } +} + +/* Dots */ + +.slick-dotted.slick-slider { + margin-bottom: 30px; +} + +.slick-dots { + position: absolute; + bottom: -25px; + list-style: none; + display: block; + text-align: center; + padding: 0; + margin: 0; + width: 100%; + li { + position: relative; + display: inline-block; + height: 20px; + width: 20px; + margin: 0 5px; + padding: 0; + cursor: pointer; + button { + border: 0; + background: transparent; + display: block; + height: 20px; + width: 20px; + outline: none; + line-height: 0px; + font-size: 0px; + color: transparent; + padding: 5px; + cursor: pointer; + &:hover, &:focus { + outline: none; + &:before { + opacity: $slick-opacity-on-hover; + } + } + &:before { + position: absolute; + top: 0; + left: 0; + content: $slick-dot-character; + width: 20px; + height: 20px; + font-family: $slick-font-family; + font-size: $slick-dot-size; + line-height: 20px; + text-align: center; + color: $slick-dot-color; + opacity: $slick-opacity-not-active; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + } + &.slick-active button:before { + color: $slick-dot-color-active; + opacity: $slick-opacity-default; + } + } +} diff --git a/src/assets/slick/slick.css b/src/assets/slick/slick.css new file mode 100644 index 000000000..57477e848 --- /dev/null +++ b/src/assets/slick/slick.css @@ -0,0 +1,119 @@ +/* Slider */ +.slick-slider +{ + position: relative; + + display: block; + box-sizing: border-box; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + -webkit-touch-callout: none; + -khtml-user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list +{ + position: relative; + + display: block; + overflow: hidden; + + margin: 0; + padding: 0; +} +.slick-list:focus +{ + outline: none; +} +.slick-list.dragging +{ + cursor: pointer; + cursor: hand; +} + +.slick-slider .slick-track, +.slick-slider .slick-list +{ + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track +{ + position: relative; + top: 0; + left: 0; + + display: block; + margin-left: auto; + margin-right: auto; +} +.slick-track:before, +.slick-track:after +{ + display: table; + + content: ''; +} +.slick-track:after +{ + clear: both; +} +.slick-loading .slick-track +{ + visibility: hidden; +} + +.slick-slide +{ + display: none; + float: left; + + height: 100%; + min-height: 1px; +} +[dir='rtl'] .slick-slide +{ + float: right; +} +.slick-slide img +{ + display: block; +} +.slick-slide.slick-loading img +{ + display: none; +} +.slick-slide.dragging img +{ + pointer-events: none; +} +.slick-initialized .slick-slide +{ + display: block; +} +.slick-loading .slick-slide +{ + visibility: hidden; +} +.slick-vertical .slick-slide +{ + display: block; + + height: auto; + + border: 1px solid transparent; +} +.slick-arrow.slick-hidden { + display: none; +} diff --git a/src/assets/slick/slick.js b/src/assets/slick/slick.js new file mode 100644 index 000000000..6a2a09953 --- /dev/null +++ b/src/assets/slick/slick.js @@ -0,0 +1,3011 @@ +/* + _ _ _ _ + ___| (_) ___| | __ (_)___ +/ __| | |/ __| |/ / | / __| +\__ \ | | (__| < _ | \__ \ +|___/_|_|\___|_|\_(_)/ |___/ + |__/ + + Version: 1.8.0 + Author: Ken Wheeler + Website: http://kenwheeler.github.io + Docs: http://kenwheeler.github.io/slick + Repo: http://github.com/kenwheeler/slick + Issues: http://github.com/kenwheeler/slick/issues + + */ +/* global window, document, define, jQuery, setInterval, clearInterval */ +;(function(factory) { + 'use strict'; + if (typeof define === 'function' && define.amd) { + define(['jquery'], factory); + } else if (typeof exports !== 'undefined') { + module.exports = factory(require('jquery')); + } else { + factory(jQuery); + } + +}(function($) { + 'use strict'; + var Slick = window.Slick || {}; + + Slick = (function() { + + var instanceUid = 0; + + function Slick(element, settings) { + + var _ = this, dataSettings; + + _.defaults = { + accessibility: true, + adaptiveHeight: false, + appendArrows: $(element), + appendDots: $(element), + arrows: true, + asNavFor: null, + prevArrow: '', + nextArrow: '', + autoplay: false, + autoplaySpeed: 3000, + centerMode: false, + centerPadding: '50px', + cssEase: 'ease', + customPaging: function(slider, i) { + return $('',nextArrow:'',autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(e,t){return i('