diff --git a/app/Http/Controllers/Bo/GammesController.php b/app/Http/Controllers/Bo/GammesController.php
index fc77e5e..6faae6a 100644
--- a/app/Http/Controllers/Bo/GammesController.php
+++ b/app/Http/Controllers/Bo/GammesController.php
@@ -16,8 +16,18 @@ class GammesController extends Controller
*/
public function index()
{
- $gammes = Gamme::orderBy('created_at', 'DESC')->get();
- // $gammes = Gamme::whereNull('parent_id')->orderBy('created_at', 'DESC')->get();
+ $gammes = collect([]);
+ $dbGammes = Gamme::orderBy('title')->whereNull('parent_gamme_id')
+ ->with('childGammes')->get();
+
+ /** @var \App\Models\Gamme $gamme */
+ foreach ($dbGammes as $gamme) {
+ $gammes->push($gamme);
+ $gamme->childGammes->sortBy('title')
+ ->map(function (Gamme $childGamme) use (&$gammes) {
+ $gammes->push($childGamme);
+ });
+ }
return view('back.gammes.index', compact('gammes'));
}
@@ -31,7 +41,11 @@ class GammesController extends Controller
// phpcs:ignore Generic.CodeAnalysis.UnusedFunctionParameter.FoundInExtendedClass
public function create(Gamme $gamme)
{
- return view('back.gammes.create', compact('gamme'));
+ $parentGammes = Gamme::whereNull('parent_gamme_id')
+ ->where('id', '!=', $gamme->id)
+ ->orderBy('created_at', 'DESC')->get();
+
+ return view('back.gammes.create', compact('gamme', 'parentGammes'));
}
/**
@@ -43,12 +57,8 @@ class GammesController extends Controller
public function store(StoreGammeRequest $request)
{
$gamme = new Gamme($request->validated());
- $response = $this->changeUniquePostOnTop($gamme->on_top);
- if ($response) {
- $response = $gamme->saveOrFail();
- }
- if (!$response) {
+ if (!$gamme->saveOrFail()) {
return redirect()->route('bo.gammes.edit', $gamme->id)->with('error', 'L\'actualité n\'a pas été créee');
}
return redirect()->route('bo.gammes.edit', $gamme->id)->with('success', 'Actualité créée !');
@@ -63,7 +73,11 @@ class GammesController extends Controller
// phpcs:ignore Generic.CodeAnalysis.UnusedFunctionParameter.FoundInExtendedClass
public function edit(Gamme $gamme)
{
- return view('back.gammes.edit', compact('gamme'));
+ $parentGammes = Gamme::whereNull('parent_gamme_id')
+ ->where('id', '!=', $gamme->id)
+ ->orderBy('created_at', 'DESC')->get();
+
+ return view('back.gammes.edit', compact('gamme', 'parentGammes'));
}
/**
@@ -77,12 +91,7 @@ class GammesController extends Controller
{
$gamme->fill($request->validated());
- $response = $this->changeUniquePostOnTop($gamme->on_top);
-
- if ($response) {
- $response = $gamme->saveOrFail();
- }
- if (!$response) {
+ if (!$gamme->saveOrFail()) {
return redirect()->route('bo.gammes.edit', $gamme->id)
->with('error', trans('La modification a échoué'));
}
diff --git a/app/Http/Middleware/InitVarsGlobals.php b/app/Http/Middleware/InitVarsGlobals.php
index d5d5b86..5a45b08 100644
--- a/app/Http/Middleware/InitVarsGlobals.php
+++ b/app/Http/Middleware/InitVarsGlobals.php
@@ -7,6 +7,7 @@ use Illuminate\Http\Request;
use App\Enums\Page;
use App\Models\Advice;
use App\Models\Encart;
+use App\Models\Gamme;
use App\Models\Picto;
use App\Models\PictoBrand;
use App\Models\Post;
@@ -61,6 +62,9 @@ class InitVarsGlobals
$title_foodBloc2 = Title::where('page', Page::foodBloc2()->value)->first();
$title_newsPosts = Title::where('page', Page::newsPosts()->value)->first();
+ // GAMMES, SOUS-GAMMES, PRODUITS
+ $gammes = Gamme::whereNull('parent_gamme_id')->get();
+
View::share('encart_home', $encart_home);
View::share('encart_marqueHeader', $encart_marqueHeader);
View::share('encart_marqueBloc2', $encart_marqueBloc2);
@@ -87,6 +91,9 @@ class InitVarsGlobals
View::share('title_foodBloc2', $title_foodBloc2);
View::share('title_newsPosts', $title_newsPosts);
+ View::share('gammes', $gammes);
+ View::share('nb_gammes', $gammes->count());
+
return $next($request);
}
}
diff --git a/app/Http/Requests/StoreGammeRequest.php b/app/Http/Requests/StoreGammeRequest.php
index baf834e..fe72b39 100644
--- a/app/Http/Requests/StoreGammeRequest.php
+++ b/app/Http/Requests/StoreGammeRequest.php
@@ -3,6 +3,7 @@
namespace App\Http\Requests;
use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Support\Str;
class StoreGammeRequest extends FormRequest
{
@@ -13,6 +14,11 @@ class StoreGammeRequest extends FormRequest
*/
public function authorize()
{
+ $this->merge([
+ 'slug' => Str::slug($this->title),
+ 'parent_gamme_id' => $this->parent_gamme_id === '0' ? null : $this->parent_gamme_id,
+ ]);
+
return auth()->check();
}
@@ -24,14 +30,37 @@ class StoreGammeRequest extends FormRequest
public function rules()
{
return [
- 'parent_gamme_id' => 'required|exists:gammes,id',
- 'title' => 'required|max:255',
- 'text' => 'required|max:255',
+ 'parent_gamme_id' => 'sometimes|nullable|exists:gammes,id',
+ 'title' => 'required|string|max:255',
+ 'slug' => 'required|unique:gammes',
+ 'text' => 'required|string|max:255',
'color' => 'sometimes',
'picture' => 'required|image|mimes:jpeg,png,jpg|max:1024|dimensions:width=575,height=375',
- 'alt_text_picture' => 'required|max:255',
+ 'alt_text_picture' => 'required|string|max:255',
'banner' => 'required|image|mimes:jpeg,png,jpg|max:2048|dimensions:width=1169,height=243',
- 'alt_text_banner' => 'required|max:255',
+ 'alt_text_banner' => 'required|string|max:255',
+ ];
+ }
+
+ /**
+ * Get custom messages for validator errors.
+ *
+ * @return array
+ */
+ public function messages()
+ {
+ return [];
+ }
+
+ /**
+ * Get custom attributes for validator errors.
+ *
+ * @return array
+ */
+ public function attributes()
+ {
+ return [
+ 'slug' => trans('Nom')
];
}
}
diff --git a/app/Http/Requests/UpdateGammeRequest.php b/app/Http/Requests/UpdateGammeRequest.php
index 3907090..f688c77 100644
--- a/app/Http/Requests/UpdateGammeRequest.php
+++ b/app/Http/Requests/UpdateGammeRequest.php
@@ -14,6 +14,7 @@ class UpdateGammeRequest extends StoreGammeRequest
return array_merge(
parent::rules(),
[
+ 'slug' => 'required|unique:gammes,slug,' . $this->gamme->id,
'picture' => [
'sometimes',
'image',
diff --git a/app/Models/Gamme.php b/app/Models/Gamme.php
index cde8708..0924290 100644
--- a/app/Models/Gamme.php
+++ b/app/Models/Gamme.php
@@ -11,8 +11,9 @@ class Gamme extends Model
use HasFactory;
protected $fillable = [
- 'parent_id',
+ 'parent_gamme_id',
'title',
+ 'slug',
'text',
'color',
'picture',
@@ -30,6 +31,11 @@ class Gamme extends Model
if ($gamme->banner) {
$gamme->banner = Utils::storeImage($gamme->banner, $gamme->getTable());
}
+
+ if ($gamme->parent_gamme_id != null) {
+ // Si Creation gamme enfant sans enfant, alors il faut update sa couleur selon celle du parent
+ $gamme->color = Gamme::whereId($gamme->parent_gamme_id)->select(['color'])->first()->color;
+ }
});
static::updating(function (Gamme $gamme) {
@@ -39,10 +45,42 @@ class Gamme extends Model
if ($gamme->banner) {
$gamme->banner = Utils::storeImage($gamme->banner, $gamme->getTable());
}
+ if ($gamme->parent_gamme_id === null) {
+ // Si Update gamme parente, alors il faut update la couleur des enfants
+ Gamme::whereParentGammeId($gamme->id)
+ ->update(['color' => $gamme->color]);
+ } elseif ($gamme->childGammes()->exists()) {
+ /**
+ * Si Update gamme enfant qui a des enfants,
+ * alors il faut update sa couleur selon celle du parent
+ * et vider l'association parent/enfant des petits enfants
+ */
+ $gamme->color = Gamme::whereId($gamme->parent_gamme_id)->select(['color'])->first()->color;
+ Gamme::whereParentGammeId($gamme->id)
+ ->update(['parent_gamme_id' => null]);
+ } else {
+ // Si Update gamme enfant sans enfant, alors il faut update sa couleur selon celle du parent
+ $gamme->color = Gamme::whereId($gamme->parent_gamme_id)->select(['color'])->first()->color;
+ }
});
parent::boot();
}
+ public function getRgbaColorAttribute()
+ {
+ $color = $this->color;
+
+ if (!$color) {
+ return '';
+ }
+ if ($color[0] == '#') {
+ $color = substr($color, 1);
+ }
+ list($r, $g, $b) = array_map("hexdec", str_split($color, (strlen($color) / 3)));
+
+ return "rgba($r,$g,$b,.8)";
+ }
+
public function childGammes()
{
return $this->hasMany(Gamme::class, 'parent_gamme_id');
diff --git a/database/factories/GammeFactory.php b/database/factories/GammeFactory.php
index ce0c586..4192ca3 100644
--- a/database/factories/GammeFactory.php
+++ b/database/factories/GammeFactory.php
@@ -4,6 +4,7 @@ namespace Database\Factories;
use Illuminate\Database\Eloquent\Factories\Factory;
use SplFileInfo;
+use Illuminate\Support\Str;
class GammeFactory extends Factory
{
@@ -14,9 +15,12 @@ class GammeFactory extends Factory
*/
public function definition()
{
+ $title = $this->faker->word();
+
return [
'parent_gamme_id' => null,
- 'title' => $this->faker->word(),
+ 'title' => $title,
+ 'slug' => Str::slug($title),
'text' => $this->faker->text(5),
'color' => $this->faker->hexColor(),
'picture' => new SplFileInfo(resource_path('assets/images/cookrange.jpg')),
diff --git a/database/migrations/2021_12_20_145730_create_gammes_table.php b/database/migrations/2021_12_20_145730_create_gammes_table.php
index 0f7e35a..ac533b0 100644
--- a/database/migrations/2021_12_20_145730_create_gammes_table.php
+++ b/database/migrations/2021_12_20_145730_create_gammes_table.php
@@ -17,6 +17,7 @@ class CreateGammesTable extends Migration
$table->id();
$table->smallInteger('parent_gamme_id')->nullable();
$table->string('title');
+ $table->string('slug')->unique();
$table->string('text');
$table->string('color')->nullable();
$table->string('picture')->nullable();
diff --git a/database/seeders/GammesSeeder.php b/database/seeders/GammesSeeder.php
index ea92428..cbbb895 100644
--- a/database/seeders/GammesSeeder.php
+++ b/database/seeders/GammesSeeder.php
@@ -5,6 +5,7 @@ namespace Database\Seeders;
use App\Models\Gamme;
use Illuminate\Database\Seeder;
use SplFileInfo;
+use Illuminate\Support\Str;
class GammesSeeder extends Seeder
{
@@ -27,13 +28,14 @@ class GammesSeeder extends Seeder
$gamme = new Gamme();
$id = $key + 1;
$gamme->parent_gamme_id = $id;
- $gamme->title = 'lorem ipsum';
- $gamme->text = 'lorem ipsum set doloris';
+ $gamme->title = 'lorem ipsum' . $id . $i;
+ $gamme->slug = Str::slug($gamme->title);
+ $gamme->text = 'lorem ipsum set doloris' . $id . $i;
$gamme->color = $value;
$gamme->picture = new SplFileInfo(resource_path('assets/images/cookrange.jpg'));
- $gamme->alt_text_picture = 'lorem utus garis';
+ $gamme->alt_text_picture = 'lorem utus garis' . $id . $i;
$gamme->banner = new SplFileInfo(resource_path('assets/images/cat_bckg.jpg'));
- $gamme->alt_text_banner = 'redus faros';
+ $gamme->alt_text_banner = 'redus faros' . $id . $i;
$gamme->save();
}
}
diff --git a/public/assets/images/banner_gamme.jpg b/public/assets/images/banner_gamme.jpg
new file mode 100644
index 0000000..a9610f4
Binary files /dev/null and b/public/assets/images/banner_gamme.jpg differ
diff --git a/public/assets/images/image-sample-encart.jpg b/public/assets/images/image-sample-encart.jpg
deleted file mode 100644
index 1f655af..0000000
Binary files a/public/assets/images/image-sample-encart.jpg and /dev/null differ
diff --git a/public/assets/images/pranks.jpg b/public/assets/images/pranks.jpg
index d6a8cfe..9f65622 100644
Binary files a/public/assets/images/pranks.jpg and b/public/assets/images/pranks.jpg differ
diff --git a/public/css/preload-front.css b/public/css/preload-front.css
index 6ebc482..9269bd5 100644
--- a/public/css/preload-front.css
+++ b/public/css/preload-front.css
@@ -1,3 +1,4050 @@
+@charset "UTF-8";
+:root{
+ --animate-duration:1s;
+ --animate-delay:1s;
+ --animate-repeat:1;
+}
+.animate__animated{
+ -webkit-animation-duration:1s;
+ animation-duration:1s;
+ -webkit-animation-duration:var(--animate-duration);
+ animation-duration:var(--animate-duration);
+ -webkit-animation-fill-mode:both;
+ animation-fill-mode:both;
+}
+.animate__animated.animate__infinite{
+ -webkit-animation-iteration-count:infinite;
+ animation-iteration-count:infinite;
+}
+.animate__animated.animate__repeat-1{
+ -webkit-animation-iteration-count:1;
+ animation-iteration-count:1;
+ -webkit-animation-iteration-count:var(--animate-repeat);
+ animation-iteration-count:var(--animate-repeat);
+}
+.animate__animated.animate__repeat-2{
+ -webkit-animation-iteration-count:calc(1 * 2);
+ animation-iteration-count:calc(1 * 2);
+ -webkit-animation-iteration-count:calc(var(--animate-repeat) * 2);
+ animation-iteration-count:calc(var(--animate-repeat) * 2);
+}
+.animate__animated.animate__repeat-3{
+ -webkit-animation-iteration-count:calc(1 * 3);
+ animation-iteration-count:calc(1 * 3);
+ -webkit-animation-iteration-count:calc(var(--animate-repeat) * 3);
+ animation-iteration-count:calc(var(--animate-repeat) * 3);
+}
+.animate__animated.animate__delay-1s{
+ -webkit-animation-delay:1s;
+ animation-delay:1s;
+ -webkit-animation-delay:var(--animate-delay);
+ animation-delay:var(--animate-delay);
+}
+.animate__animated.animate__delay-2s{
+ -webkit-animation-delay:calc(1s * 2);
+ animation-delay:calc(1s * 2);
+ -webkit-animation-delay:calc(var(--animate-delay) * 2);
+ animation-delay:calc(var(--animate-delay) * 2);
+}
+.animate__animated.animate__delay-3s{
+ -webkit-animation-delay:calc(1s * 3);
+ animation-delay:calc(1s * 3);
+ -webkit-animation-delay:calc(var(--animate-delay) * 3);
+ animation-delay:calc(var(--animate-delay) * 3);
+}
+.animate__animated.animate__delay-4s{
+ -webkit-animation-delay:calc(1s * 4);
+ animation-delay:calc(1s * 4);
+ -webkit-animation-delay:calc(var(--animate-delay) * 4);
+ animation-delay:calc(var(--animate-delay) * 4);
+}
+.animate__animated.animate__delay-5s{
+ -webkit-animation-delay:calc(1s * 5);
+ animation-delay:calc(1s * 5);
+ -webkit-animation-delay:calc(var(--animate-delay) * 5);
+ animation-delay:calc(var(--animate-delay) * 5);
+}
+.animate__animated.animate__faster{
+ -webkit-animation-duration:calc(1s / 2);
+ animation-duration:calc(1s / 2);
+ -webkit-animation-duration:calc(var(--animate-duration) / 2);
+ animation-duration:calc(var(--animate-duration) / 2);
+}
+.animate__animated.animate__fast{
+ -webkit-animation-duration:calc(1s * 0.8);
+ animation-duration:calc(1s * 0.8);
+ -webkit-animation-duration:calc(var(--animate-duration) * 0.8);
+ animation-duration:calc(var(--animate-duration) * 0.8);
+}
+.animate__animated.animate__slow{
+ -webkit-animation-duration:calc(1s * 2);
+ animation-duration:calc(1s * 2);
+ -webkit-animation-duration:calc(var(--animate-duration) * 2);
+ animation-duration:calc(var(--animate-duration) * 2);
+}
+.animate__animated.animate__slower{
+ -webkit-animation-duration:calc(1s * 3);
+ animation-duration:calc(1s * 3);
+ -webkit-animation-duration:calc(var(--animate-duration) * 3);
+ animation-duration:calc(var(--animate-duration) * 3);
+}
+@media print, (prefers-reduced-motion: reduce){
+ .animate__animated{
+ -webkit-animation-duration:1ms !important;
+ animation-duration:1ms !important;
+ -webkit-transition-duration:1ms !important;
+ transition-duration:1ms !important;
+ -webkit-animation-iteration-count:1 !important;
+ animation-iteration-count:1 !important;
+ }
+
+ .animate__animated[class*='Out']{
+ opacity:0;
+ }
+}
+@-webkit-keyframes bounce{
+ from,
+ 20%,
+ 53%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ 40%,
+ 43%{
+ -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform:translate3d(0, -30px, 0) scaleY(1.1);
+ transform:translate3d(0, -30px, 0) scaleY(1.1);
+ }
+
+ 70%{
+ -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
+ transform:translate3d(0, -15px, 0) scaleY(1.05);
+ }
+
+ 80%{
+ -webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ -webkit-transform:translate3d(0, 0, 0) scaleY(0.95);
+ transform:translate3d(0, 0, 0) scaleY(0.95);
+ }
+
+ 90%{
+ -webkit-transform:translate3d(0, -4px, 0) scaleY(1.02);
+ transform:translate3d(0, -4px, 0) scaleY(1.02);
+ }
+}
+@keyframes bounce{
+ from,
+ 20%,
+ 53%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ 40%,
+ 43%{
+ -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform:translate3d(0, -30px, 0) scaleY(1.1);
+ transform:translate3d(0, -30px, 0) scaleY(1.1);
+ }
+
+ 70%{
+ -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
+ transform:translate3d(0, -15px, 0) scaleY(1.05);
+ }
+
+ 80%{
+ -webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ -webkit-transform:translate3d(0, 0, 0) scaleY(0.95);
+ transform:translate3d(0, 0, 0) scaleY(0.95);
+ }
+
+ 90%{
+ -webkit-transform:translate3d(0, -4px, 0) scaleY(1.02);
+ transform:translate3d(0, -4px, 0) scaleY(1.02);
+ }
+}
+.animate__bounce{
+ -webkit-animation-name:bounce;
+ animation-name:bounce;
+ -webkit-transform-origin:center bottom;
+ transform-origin:center bottom;
+}
+@-webkit-keyframes flash{
+ from,
+ 50%,
+ to{
+ opacity:1;
+ }
+
+ 25%,
+ 75%{
+ opacity:0;
+ }
+}
+@keyframes flash{
+ from,
+ 50%,
+ to{
+ opacity:1;
+ }
+
+ 25%,
+ 75%{
+ opacity:0;
+ }
+}
+.animate__flash{
+ -webkit-animation-name:flash;
+ animation-name:flash;
+}
+@-webkit-keyframes pulse{
+ from{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+
+ 50%{
+ -webkit-transform:scale3d(1.05, 1.05, 1.05);
+ transform:scale3d(1.05, 1.05, 1.05);
+ }
+
+ to{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+}
+@keyframes pulse{
+ from{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+
+ 50%{
+ -webkit-transform:scale3d(1.05, 1.05, 1.05);
+ transform:scale3d(1.05, 1.05, 1.05);
+ }
+
+ to{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+}
+.animate__pulse{
+ -webkit-animation-name:pulse;
+ animation-name:pulse;
+ -webkit-animation-timing-function:ease-in-out;
+ animation-timing-function:ease-in-out;
+}
+@-webkit-keyframes rubberBand{
+ from{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+
+ 30%{
+ -webkit-transform:scale3d(1.25, 0.75, 1);
+ transform:scale3d(1.25, 0.75, 1);
+ }
+
+ 40%{
+ -webkit-transform:scale3d(0.75, 1.25, 1);
+ transform:scale3d(0.75, 1.25, 1);
+ }
+
+ 50%{
+ -webkit-transform:scale3d(1.15, 0.85, 1);
+ transform:scale3d(1.15, 0.85, 1);
+ }
+
+ 65%{
+ -webkit-transform:scale3d(0.95, 1.05, 1);
+ transform:scale3d(0.95, 1.05, 1);
+ }
+
+ 75%{
+ -webkit-transform:scale3d(1.05, 0.95, 1);
+ transform:scale3d(1.05, 0.95, 1);
+ }
+
+ to{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+}
+@keyframes rubberBand{
+ from{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+
+ 30%{
+ -webkit-transform:scale3d(1.25, 0.75, 1);
+ transform:scale3d(1.25, 0.75, 1);
+ }
+
+ 40%{
+ -webkit-transform:scale3d(0.75, 1.25, 1);
+ transform:scale3d(0.75, 1.25, 1);
+ }
+
+ 50%{
+ -webkit-transform:scale3d(1.15, 0.85, 1);
+ transform:scale3d(1.15, 0.85, 1);
+ }
+
+ 65%{
+ -webkit-transform:scale3d(0.95, 1.05, 1);
+ transform:scale3d(0.95, 1.05, 1);
+ }
+
+ 75%{
+ -webkit-transform:scale3d(1.05, 0.95, 1);
+ transform:scale3d(1.05, 0.95, 1);
+ }
+
+ to{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+}
+.animate__rubberBand{
+ -webkit-animation-name:rubberBand;
+ animation-name:rubberBand;
+}
+@-webkit-keyframes shakeX{
+ from,
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90%{
+ -webkit-transform:translate3d(-10px, 0, 0);
+ transform:translate3d(-10px, 0, 0);
+ }
+
+ 20%,
+ 40%,
+ 60%,
+ 80%{
+ -webkit-transform:translate3d(10px, 0, 0);
+ transform:translate3d(10px, 0, 0);
+ }
+}
+@keyframes shakeX{
+ from,
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90%{
+ -webkit-transform:translate3d(-10px, 0, 0);
+ transform:translate3d(-10px, 0, 0);
+ }
+
+ 20%,
+ 40%,
+ 60%,
+ 80%{
+ -webkit-transform:translate3d(10px, 0, 0);
+ transform:translate3d(10px, 0, 0);
+ }
+}
+.animate__shakeX{
+ -webkit-animation-name:shakeX;
+ animation-name:shakeX;
+}
+@-webkit-keyframes shakeY{
+ from,
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90%{
+ -webkit-transform:translate3d(0, -10px, 0);
+ transform:translate3d(0, -10px, 0);
+ }
+
+ 20%,
+ 40%,
+ 60%,
+ 80%{
+ -webkit-transform:translate3d(0, 10px, 0);
+ transform:translate3d(0, 10px, 0);
+ }
+}
+@keyframes shakeY{
+ from,
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90%{
+ -webkit-transform:translate3d(0, -10px, 0);
+ transform:translate3d(0, -10px, 0);
+ }
+
+ 20%,
+ 40%,
+ 60%,
+ 80%{
+ -webkit-transform:translate3d(0, 10px, 0);
+ transform:translate3d(0, 10px, 0);
+ }
+}
+.animate__shakeY{
+ -webkit-animation-name:shakeY;
+ animation-name:shakeY;
+}
+@-webkit-keyframes headShake{
+ 0%{
+ -webkit-transform:translateX(0);
+ transform:translateX(0);
+ }
+
+ 6.5%{
+ -webkit-transform:translateX(-6px) rotateY(-9deg);
+ transform:translateX(-6px) rotateY(-9deg);
+ }
+
+ 18.5%{
+ -webkit-transform:translateX(5px) rotateY(7deg);
+ transform:translateX(5px) rotateY(7deg);
+ }
+
+ 31.5%{
+ -webkit-transform:translateX(-3px) rotateY(-5deg);
+ transform:translateX(-3px) rotateY(-5deg);
+ }
+
+ 43.5%{
+ -webkit-transform:translateX(2px) rotateY(3deg);
+ transform:translateX(2px) rotateY(3deg);
+ }
+
+ 50%{
+ -webkit-transform:translateX(0);
+ transform:translateX(0);
+ }
+}
+@keyframes headShake{
+ 0%{
+ -webkit-transform:translateX(0);
+ transform:translateX(0);
+ }
+
+ 6.5%{
+ -webkit-transform:translateX(-6px) rotateY(-9deg);
+ transform:translateX(-6px) rotateY(-9deg);
+ }
+
+ 18.5%{
+ -webkit-transform:translateX(5px) rotateY(7deg);
+ transform:translateX(5px) rotateY(7deg);
+ }
+
+ 31.5%{
+ -webkit-transform:translateX(-3px) rotateY(-5deg);
+ transform:translateX(-3px) rotateY(-5deg);
+ }
+
+ 43.5%{
+ -webkit-transform:translateX(2px) rotateY(3deg);
+ transform:translateX(2px) rotateY(3deg);
+ }
+
+ 50%{
+ -webkit-transform:translateX(0);
+ transform:translateX(0);
+ }
+}
+.animate__headShake{
+ -webkit-animation-timing-function:ease-in-out;
+ animation-timing-function:ease-in-out;
+ -webkit-animation-name:headShake;
+ animation-name:headShake;
+}
+@-webkit-keyframes swing{
+ 20%{
+ -webkit-transform:rotate3d(0, 0, 1, 15deg);
+ transform:rotate3d(0, 0, 1, 15deg);
+ }
+
+ 40%{
+ -webkit-transform:rotate3d(0, 0, 1, -10deg);
+ transform:rotate3d(0, 0, 1, -10deg);
+ }
+
+ 60%{
+ -webkit-transform:rotate3d(0, 0, 1, 5deg);
+ transform:rotate3d(0, 0, 1, 5deg);
+ }
+
+ 80%{
+ -webkit-transform:rotate3d(0, 0, 1, -5deg);
+ transform:rotate3d(0, 0, 1, -5deg);
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, 0deg);
+ transform:rotate3d(0, 0, 1, 0deg);
+ }
+}
+@keyframes swing{
+ 20%{
+ -webkit-transform:rotate3d(0, 0, 1, 15deg);
+ transform:rotate3d(0, 0, 1, 15deg);
+ }
+
+ 40%{
+ -webkit-transform:rotate3d(0, 0, 1, -10deg);
+ transform:rotate3d(0, 0, 1, -10deg);
+ }
+
+ 60%{
+ -webkit-transform:rotate3d(0, 0, 1, 5deg);
+ transform:rotate3d(0, 0, 1, 5deg);
+ }
+
+ 80%{
+ -webkit-transform:rotate3d(0, 0, 1, -5deg);
+ transform:rotate3d(0, 0, 1, -5deg);
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, 0deg);
+ transform:rotate3d(0, 0, 1, 0deg);
+ }
+}
+.animate__swing{
+ -webkit-transform-origin:top center;
+ transform-origin:top center;
+ -webkit-animation-name:swing;
+ animation-name:swing;
+}
+@-webkit-keyframes tada{
+ from{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+
+ 10%,
+ 20%{
+ -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 30%,
+ 50%,
+ 70%,
+ 90%{
+ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 40%,
+ 60%,
+ 80%{
+ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
+
+ to{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+}
+@keyframes tada{
+ from{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+
+ 10%,
+ 20%{
+ -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 30%,
+ 50%,
+ 70%,
+ 90%{
+ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 40%,
+ 60%,
+ 80%{
+ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
+
+ to{
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+}
+.animate__tada{
+ -webkit-animation-name:tada;
+ animation-name:tada;
+}
+@-webkit-keyframes wobble{
+ from{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ 15%{
+ -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ }
+
+ 30%{
+ -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 45%{
+ -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 60%{
+ -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ }
+
+ 75%{
+ -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes wobble{
+ from{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ 15%{
+ -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ }
+
+ 30%{
+ -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 45%{
+ -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 60%{
+ -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ }
+
+ 75%{
+ -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__wobble{
+ -webkit-animation-name:wobble;
+ animation-name:wobble;
+}
+@-webkit-keyframes jello{
+ from,
+ 11.1%,
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ 22.2%{
+ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
+ transform:skewX(-12.5deg) skewY(-12.5deg);
+ }
+
+ 33.3%{
+ -webkit-transform:skewX(6.25deg) skewY(6.25deg);
+ transform:skewX(6.25deg) skewY(6.25deg);
+ }
+
+ 44.4%{
+ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
+ transform:skewX(-3.125deg) skewY(-3.125deg);
+ }
+
+ 55.5%{
+ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
+ transform:skewX(1.5625deg) skewY(1.5625deg);
+ }
+
+ 66.6%{
+ -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
+ transform:skewX(-0.78125deg) skewY(-0.78125deg);
+ }
+
+ 77.7%{
+ -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
+ transform:skewX(0.390625deg) skewY(0.390625deg);
+ }
+
+ 88.8%{
+ -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
+ transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
+ }
+}
+@keyframes jello{
+ from,
+ 11.1%,
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ 22.2%{
+ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
+ transform:skewX(-12.5deg) skewY(-12.5deg);
+ }
+
+ 33.3%{
+ -webkit-transform:skewX(6.25deg) skewY(6.25deg);
+ transform:skewX(6.25deg) skewY(6.25deg);
+ }
+
+ 44.4%{
+ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
+ transform:skewX(-3.125deg) skewY(-3.125deg);
+ }
+
+ 55.5%{
+ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
+ transform:skewX(1.5625deg) skewY(1.5625deg);
+ }
+
+ 66.6%{
+ -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
+ transform:skewX(-0.78125deg) skewY(-0.78125deg);
+ }
+
+ 77.7%{
+ -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
+ transform:skewX(0.390625deg) skewY(0.390625deg);
+ }
+
+ 88.8%{
+ -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
+ transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
+ }
+}
+.animate__jello{
+ -webkit-animation-name:jello;
+ animation-name:jello;
+ -webkit-transform-origin:center;
+ transform-origin:center;
+}
+@-webkit-keyframes heartBeat{
+ 0%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ }
+
+ 14%{
+ -webkit-transform:scale(1.3);
+ transform:scale(1.3);
+ }
+
+ 28%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ }
+
+ 42%{
+ -webkit-transform:scale(1.3);
+ transform:scale(1.3);
+ }
+
+ 70%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ }
+}
+@keyframes heartBeat{
+ 0%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ }
+
+ 14%{
+ -webkit-transform:scale(1.3);
+ transform:scale(1.3);
+ }
+
+ 28%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ }
+
+ 42%{
+ -webkit-transform:scale(1.3);
+ transform:scale(1.3);
+ }
+
+ 70%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ }
+}
+.animate__heartBeat{
+ -webkit-animation-name:heartBeat;
+ animation-name:heartBeat;
+ -webkit-animation-duration:calc(1s * 1.3);
+ animation-duration:calc(1s * 1.3);
+ -webkit-animation-duration:calc(var(--animate-duration) * 1.3);
+ animation-duration:calc(var(--animate-duration) * 1.3);
+ -webkit-animation-timing-function:ease-in-out;
+ animation-timing-function:ease-in-out;
+}
+@-webkit-keyframes backInDown{
+ 0%{
+ -webkit-transform:translateY(-1200px) scale(0.7);
+ transform:translateY(-1200px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 80%{
+ -webkit-transform:translateY(0px) scale(0.7);
+ transform:translateY(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+}
+@keyframes backInDown{
+ 0%{
+ -webkit-transform:translateY(-1200px) scale(0.7);
+ transform:translateY(-1200px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 80%{
+ -webkit-transform:translateY(0px) scale(0.7);
+ transform:translateY(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+}
+.animate__backInDown{
+ -webkit-animation-name:backInDown;
+ animation-name:backInDown;
+}
+@-webkit-keyframes backInLeft{
+ 0%{
+ -webkit-transform:translateX(-2000px) scale(0.7);
+ transform:translateX(-2000px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 80%{
+ -webkit-transform:translateX(0px) scale(0.7);
+ transform:translateX(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+}
+@keyframes backInLeft{
+ 0%{
+ -webkit-transform:translateX(-2000px) scale(0.7);
+ transform:translateX(-2000px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 80%{
+ -webkit-transform:translateX(0px) scale(0.7);
+ transform:translateX(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+}
+.animate__backInLeft{
+ -webkit-animation-name:backInLeft;
+ animation-name:backInLeft;
+}
+@-webkit-keyframes backInRight{
+ 0%{
+ -webkit-transform:translateX(2000px) scale(0.7);
+ transform:translateX(2000px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 80%{
+ -webkit-transform:translateX(0px) scale(0.7);
+ transform:translateX(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+}
+@keyframes backInRight{
+ 0%{
+ -webkit-transform:translateX(2000px) scale(0.7);
+ transform:translateX(2000px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 80%{
+ -webkit-transform:translateX(0px) scale(0.7);
+ transform:translateX(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+}
+.animate__backInRight{
+ -webkit-animation-name:backInRight;
+ animation-name:backInRight;
+}
+@-webkit-keyframes backInUp{
+ 0%{
+ -webkit-transform:translateY(1200px) scale(0.7);
+ transform:translateY(1200px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 80%{
+ -webkit-transform:translateY(0px) scale(0.7);
+ transform:translateY(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+}
+@keyframes backInUp{
+ 0%{
+ -webkit-transform:translateY(1200px) scale(0.7);
+ transform:translateY(1200px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 80%{
+ -webkit-transform:translateY(0px) scale(0.7);
+ transform:translateY(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+}
+.animate__backInUp{
+ -webkit-animation-name:backInUp;
+ animation-name:backInUp;
+}
+@-webkit-keyframes backOutDown{
+ 0%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+
+ 20%{
+ -webkit-transform:translateY(0px) scale(0.7);
+ transform:translateY(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:translateY(700px) scale(0.7);
+ transform:translateY(700px) scale(0.7);
+ opacity:0.7;
+ }
+}
+@keyframes backOutDown{
+ 0%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+
+ 20%{
+ -webkit-transform:translateY(0px) scale(0.7);
+ transform:translateY(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:translateY(700px) scale(0.7);
+ transform:translateY(700px) scale(0.7);
+ opacity:0.7;
+ }
+}
+.animate__backOutDown{
+ -webkit-animation-name:backOutDown;
+ animation-name:backOutDown;
+}
+@-webkit-keyframes backOutLeft{
+ 0%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+
+ 20%{
+ -webkit-transform:translateX(0px) scale(0.7);
+ transform:translateX(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:translateX(-2000px) scale(0.7);
+ transform:translateX(-2000px) scale(0.7);
+ opacity:0.7;
+ }
+}
+@keyframes backOutLeft{
+ 0%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+
+ 20%{
+ -webkit-transform:translateX(0px) scale(0.7);
+ transform:translateX(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:translateX(-2000px) scale(0.7);
+ transform:translateX(-2000px) scale(0.7);
+ opacity:0.7;
+ }
+}
+.animate__backOutLeft{
+ -webkit-animation-name:backOutLeft;
+ animation-name:backOutLeft;
+}
+@-webkit-keyframes backOutRight{
+ 0%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+
+ 20%{
+ -webkit-transform:translateX(0px) scale(0.7);
+ transform:translateX(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:translateX(2000px) scale(0.7);
+ transform:translateX(2000px) scale(0.7);
+ opacity:0.7;
+ }
+}
+@keyframes backOutRight{
+ 0%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+
+ 20%{
+ -webkit-transform:translateX(0px) scale(0.7);
+ transform:translateX(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:translateX(2000px) scale(0.7);
+ transform:translateX(2000px) scale(0.7);
+ opacity:0.7;
+ }
+}
+.animate__backOutRight{
+ -webkit-animation-name:backOutRight;
+ animation-name:backOutRight;
+}
+@-webkit-keyframes backOutUp{
+ 0%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+
+ 20%{
+ -webkit-transform:translateY(0px) scale(0.7);
+ transform:translateY(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:translateY(-700px) scale(0.7);
+ transform:translateY(-700px) scale(0.7);
+ opacity:0.7;
+ }
+}
+@keyframes backOutUp{
+ 0%{
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ opacity:1;
+ }
+
+ 20%{
+ -webkit-transform:translateY(0px) scale(0.7);
+ transform:translateY(0px) scale(0.7);
+ opacity:0.7;
+ }
+
+ 100%{
+ -webkit-transform:translateY(-700px) scale(0.7);
+ transform:translateY(-700px) scale(0.7);
+ opacity:0.7;
+ }
+}
+.animate__backOutUp{
+ -webkit-animation-name:backOutUp;
+ animation-name:backOutUp;
+}
+@-webkit-keyframes bounceIn{
+ from,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0%{
+ opacity:0;
+ -webkit-transform:scale3d(0.3, 0.3, 0.3);
+ transform:scale3d(0.3, 0.3, 0.3);
+ }
+
+ 20%{
+ -webkit-transform:scale3d(1.1, 1.1, 1.1);
+ transform:scale3d(1.1, 1.1, 1.1);
+ }
+
+ 40%{
+ -webkit-transform:scale3d(0.9, 0.9, 0.9);
+ transform:scale3d(0.9, 0.9, 0.9);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:scale3d(1.03, 1.03, 1.03);
+ transform:scale3d(1.03, 1.03, 1.03);
+ }
+
+ 80%{
+ -webkit-transform:scale3d(0.97, 0.97, 0.97);
+ transform:scale3d(0.97, 0.97, 0.97);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+}
+@keyframes bounceIn{
+ from,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0%{
+ opacity:0;
+ -webkit-transform:scale3d(0.3, 0.3, 0.3);
+ transform:scale3d(0.3, 0.3, 0.3);
+ }
+
+ 20%{
+ -webkit-transform:scale3d(1.1, 1.1, 1.1);
+ transform:scale3d(1.1, 1.1, 1.1);
+ }
+
+ 40%{
+ -webkit-transform:scale3d(0.9, 0.9, 0.9);
+ transform:scale3d(0.9, 0.9, 0.9);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:scale3d(1.03, 1.03, 1.03);
+ transform:scale3d(1.03, 1.03, 1.03);
+ }
+
+ 80%{
+ -webkit-transform:scale3d(0.97, 0.97, 0.97);
+ transform:scale3d(0.97, 0.97, 0.97);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:scale3d(1, 1, 1);
+ transform:scale3d(1, 1, 1);
+ }
+}
+.animate__bounceIn{
+ -webkit-animation-duration:calc(1s * 0.75);
+ animation-duration:calc(1s * 0.75);
+ -webkit-animation-duration:calc(var(--animate-duration) * 0.75);
+ animation-duration:calc(var(--animate-duration) * 0.75);
+ -webkit-animation-name:bounceIn;
+ animation-name:bounceIn;
+}
+@-webkit-keyframes bounceInDown{
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0%{
+ opacity:0;
+ -webkit-transform:translate3d(0, -3000px, 0) scaleY(3);
+ transform:translate3d(0, -3000px, 0) scaleY(3);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:translate3d(0, 25px, 0) scaleY(0.9);
+ transform:translate3d(0, 25px, 0) scaleY(0.9);
+ }
+
+ 75%{
+ -webkit-transform:translate3d(0, -10px, 0) scaleY(0.95);
+ transform:translate3d(0, -10px, 0) scaleY(0.95);
+ }
+
+ 90%{
+ -webkit-transform:translate3d(0, 5px, 0) scaleY(0.985);
+ transform:translate3d(0, 5px, 0) scaleY(0.985);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes bounceInDown{
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0%{
+ opacity:0;
+ -webkit-transform:translate3d(0, -3000px, 0) scaleY(3);
+ transform:translate3d(0, -3000px, 0) scaleY(3);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:translate3d(0, 25px, 0) scaleY(0.9);
+ transform:translate3d(0, 25px, 0) scaleY(0.9);
+ }
+
+ 75%{
+ -webkit-transform:translate3d(0, -10px, 0) scaleY(0.95);
+ transform:translate3d(0, -10px, 0) scaleY(0.95);
+ }
+
+ 90%{
+ -webkit-transform:translate3d(0, 5px, 0) scaleY(0.985);
+ transform:translate3d(0, 5px, 0) scaleY(0.985);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__bounceInDown{
+ -webkit-animation-name:bounceInDown;
+ animation-name:bounceInDown;
+}
+@-webkit-keyframes bounceInLeft{
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0%{
+ opacity:0;
+ -webkit-transform:translate3d(-3000px, 0, 0) scaleX(3);
+ transform:translate3d(-3000px, 0, 0) scaleX(3);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:translate3d(25px, 0, 0) scaleX(1);
+ transform:translate3d(25px, 0, 0) scaleX(1);
+ }
+
+ 75%{
+ -webkit-transform:translate3d(-10px, 0, 0) scaleX(0.98);
+ transform:translate3d(-10px, 0, 0) scaleX(0.98);
+ }
+
+ 90%{
+ -webkit-transform:translate3d(5px, 0, 0) scaleX(0.995);
+ transform:translate3d(5px, 0, 0) scaleX(0.995);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes bounceInLeft{
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0%{
+ opacity:0;
+ -webkit-transform:translate3d(-3000px, 0, 0) scaleX(3);
+ transform:translate3d(-3000px, 0, 0) scaleX(3);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:translate3d(25px, 0, 0) scaleX(1);
+ transform:translate3d(25px, 0, 0) scaleX(1);
+ }
+
+ 75%{
+ -webkit-transform:translate3d(-10px, 0, 0) scaleX(0.98);
+ transform:translate3d(-10px, 0, 0) scaleX(0.98);
+ }
+
+ 90%{
+ -webkit-transform:translate3d(5px, 0, 0) scaleX(0.995);
+ transform:translate3d(5px, 0, 0) scaleX(0.995);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__bounceInLeft{
+ -webkit-animation-name:bounceInLeft;
+ animation-name:bounceInLeft;
+}
+@-webkit-keyframes bounceInRight{
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(3000px, 0, 0) scaleX(3);
+ transform:translate3d(3000px, 0, 0) scaleX(3);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:translate3d(-25px, 0, 0) scaleX(1);
+ transform:translate3d(-25px, 0, 0) scaleX(1);
+ }
+
+ 75%{
+ -webkit-transform:translate3d(10px, 0, 0) scaleX(0.98);
+ transform:translate3d(10px, 0, 0) scaleX(0.98);
+ }
+
+ 90%{
+ -webkit-transform:translate3d(-5px, 0, 0) scaleX(0.995);
+ transform:translate3d(-5px, 0, 0) scaleX(0.995);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes bounceInRight{
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(3000px, 0, 0) scaleX(3);
+ transform:translate3d(3000px, 0, 0) scaleX(3);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:translate3d(-25px, 0, 0) scaleX(1);
+ transform:translate3d(-25px, 0, 0) scaleX(1);
+ }
+
+ 75%{
+ -webkit-transform:translate3d(10px, 0, 0) scaleX(0.98);
+ transform:translate3d(10px, 0, 0) scaleX(0.98);
+ }
+
+ 90%{
+ -webkit-transform:translate3d(-5px, 0, 0) scaleX(0.995);
+ transform:translate3d(-5px, 0, 0) scaleX(0.995);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__bounceInRight{
+ -webkit-animation-name:bounceInRight;
+ animation-name:bounceInRight;
+}
+@-webkit-keyframes bounceInUp{
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(0, 3000px, 0) scaleY(5);
+ transform:translate3d(0, 3000px, 0) scaleY(5);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:translate3d(0, -20px, 0) scaleY(0.9);
+ transform:translate3d(0, -20px, 0) scaleY(0.9);
+ }
+
+ 75%{
+ -webkit-transform:translate3d(0, 10px, 0) scaleY(0.95);
+ transform:translate3d(0, 10px, 0) scaleY(0.95);
+ }
+
+ 90%{
+ -webkit-transform:translate3d(0, -5px, 0) scaleY(0.985);
+ transform:translate3d(0, -5px, 0) scaleY(0.985);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes bounceInUp{
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to{
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(0, 3000px, 0) scaleY(5);
+ transform:translate3d(0, 3000px, 0) scaleY(5);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:translate3d(0, -20px, 0) scaleY(0.9);
+ transform:translate3d(0, -20px, 0) scaleY(0.9);
+ }
+
+ 75%{
+ -webkit-transform:translate3d(0, 10px, 0) scaleY(0.95);
+ transform:translate3d(0, 10px, 0) scaleY(0.95);
+ }
+
+ 90%{
+ -webkit-transform:translate3d(0, -5px, 0) scaleY(0.985);
+ transform:translate3d(0, -5px, 0) scaleY(0.985);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__bounceInUp{
+ -webkit-animation-name:bounceInUp;
+ animation-name:bounceInUp;
+}
+@-webkit-keyframes bounceOut{
+ 20%{
+ -webkit-transform:scale3d(0.9, 0.9, 0.9);
+ transform:scale3d(0.9, 0.9, 0.9);
+ }
+
+ 50%,
+ 55%{
+ opacity:1;
+ -webkit-transform:scale3d(1.1, 1.1, 1.1);
+ transform:scale3d(1.1, 1.1, 1.1);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:scale3d(0.3, 0.3, 0.3);
+ transform:scale3d(0.3, 0.3, 0.3);
+ }
+}
+@keyframes bounceOut{
+ 20%{
+ -webkit-transform:scale3d(0.9, 0.9, 0.9);
+ transform:scale3d(0.9, 0.9, 0.9);
+ }
+
+ 50%,
+ 55%{
+ opacity:1;
+ -webkit-transform:scale3d(1.1, 1.1, 1.1);
+ transform:scale3d(1.1, 1.1, 1.1);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:scale3d(0.3, 0.3, 0.3);
+ transform:scale3d(0.3, 0.3, 0.3);
+ }
+}
+.animate__bounceOut{
+ -webkit-animation-duration:calc(1s * 0.75);
+ animation-duration:calc(1s * 0.75);
+ -webkit-animation-duration:calc(var(--animate-duration) * 0.75);
+ animation-duration:calc(var(--animate-duration) * 0.75);
+ -webkit-animation-name:bounceOut;
+ animation-name:bounceOut;
+}
+@-webkit-keyframes bounceOutDown{
+ 20%{
+ -webkit-transform:translate3d(0, 10px, 0) scaleY(0.985);
+ transform:translate3d(0, 10px, 0) scaleY(0.985);
+ }
+
+ 40%,
+ 45%{
+ opacity:1;
+ -webkit-transform:translate3d(0, -20px, 0) scaleY(0.9);
+ transform:translate3d(0, -20px, 0) scaleY(0.9);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, 2000px, 0) scaleY(3);
+ transform:translate3d(0, 2000px, 0) scaleY(3);
+ }
+}
+@keyframes bounceOutDown{
+ 20%{
+ -webkit-transform:translate3d(0, 10px, 0) scaleY(0.985);
+ transform:translate3d(0, 10px, 0) scaleY(0.985);
+ }
+
+ 40%,
+ 45%{
+ opacity:1;
+ -webkit-transform:translate3d(0, -20px, 0) scaleY(0.9);
+ transform:translate3d(0, -20px, 0) scaleY(0.9);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, 2000px, 0) scaleY(3);
+ transform:translate3d(0, 2000px, 0) scaleY(3);
+ }
+}
+.animate__bounceOutDown{
+ -webkit-animation-name:bounceOutDown;
+ animation-name:bounceOutDown;
+}
+@-webkit-keyframes bounceOutLeft{
+ 20%{
+ opacity:1;
+ -webkit-transform:translate3d(20px, 0, 0) scaleX(0.9);
+ transform:translate3d(20px, 0, 0) scaleX(0.9);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(-2000px, 0, 0) scaleX(2);
+ transform:translate3d(-2000px, 0, 0) scaleX(2);
+ }
+}
+@keyframes bounceOutLeft{
+ 20%{
+ opacity:1;
+ -webkit-transform:translate3d(20px, 0, 0) scaleX(0.9);
+ transform:translate3d(20px, 0, 0) scaleX(0.9);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(-2000px, 0, 0) scaleX(2);
+ transform:translate3d(-2000px, 0, 0) scaleX(2);
+ }
+}
+.animate__bounceOutLeft{
+ -webkit-animation-name:bounceOutLeft;
+ animation-name:bounceOutLeft;
+}
+@-webkit-keyframes bounceOutRight{
+ 20%{
+ opacity:1;
+ -webkit-transform:translate3d(-20px, 0, 0) scaleX(0.9);
+ transform:translate3d(-20px, 0, 0) scaleX(0.9);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(2000px, 0, 0) scaleX(2);
+ transform:translate3d(2000px, 0, 0) scaleX(2);
+ }
+}
+@keyframes bounceOutRight{
+ 20%{
+ opacity:1;
+ -webkit-transform:translate3d(-20px, 0, 0) scaleX(0.9);
+ transform:translate3d(-20px, 0, 0) scaleX(0.9);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(2000px, 0, 0) scaleX(2);
+ transform:translate3d(2000px, 0, 0) scaleX(2);
+ }
+}
+.animate__bounceOutRight{
+ -webkit-animation-name:bounceOutRight;
+ animation-name:bounceOutRight;
+}
+@-webkit-keyframes bounceOutUp{
+ 20%{
+ -webkit-transform:translate3d(0, -10px, 0) scaleY(0.985);
+ transform:translate3d(0, -10px, 0) scaleY(0.985);
+ }
+
+ 40%,
+ 45%{
+ opacity:1;
+ -webkit-transform:translate3d(0, 20px, 0) scaleY(0.9);
+ transform:translate3d(0, 20px, 0) scaleY(0.9);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, -2000px, 0) scaleY(3);
+ transform:translate3d(0, -2000px, 0) scaleY(3);
+ }
+}
+@keyframes bounceOutUp{
+ 20%{
+ -webkit-transform:translate3d(0, -10px, 0) scaleY(0.985);
+ transform:translate3d(0, -10px, 0) scaleY(0.985);
+ }
+
+ 40%,
+ 45%{
+ opacity:1;
+ -webkit-transform:translate3d(0, 20px, 0) scaleY(0.9);
+ transform:translate3d(0, 20px, 0) scaleY(0.9);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, -2000px, 0) scaleY(3);
+ transform:translate3d(0, -2000px, 0) scaleY(3);
+ }
+}
+.animate__bounceOutUp{
+ -webkit-animation-name:bounceOutUp;
+ animation-name:bounceOutUp;
+}
+@-webkit-keyframes fadeIn{
+ from{
+ opacity:0;
+ }
+
+ to{
+ opacity:1;
+ }
+}
+@keyframes fadeIn{
+ from{
+ opacity:0;
+ }
+
+ to{
+ opacity:1;
+ }
+}
+.animate__fadeIn{
+ -webkit-animation-name:fadeIn;
+ animation-name:fadeIn;
+}
+@-webkit-keyframes fadeInDown{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(0, -100%, 0);
+ transform:translate3d(0, -100%, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInDown{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(0, -100%, 0);
+ transform:translate3d(0, -100%, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInDown{
+ -webkit-animation-name:fadeInDown;
+ animation-name:fadeInDown;
+}
+@-webkit-keyframes fadeInDownBig{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(0, -2000px, 0);
+ transform:translate3d(0, -2000px, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInDownBig{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(0, -2000px, 0);
+ transform:translate3d(0, -2000px, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInDownBig{
+ -webkit-animation-name:fadeInDownBig;
+ animation-name:fadeInDownBig;
+}
+@-webkit-keyframes fadeInLeft{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, 0, 0);
+ transform:translate3d(-100%, 0, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInLeft{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, 0, 0);
+ transform:translate3d(-100%, 0, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInLeft{
+ -webkit-animation-name:fadeInLeft;
+ animation-name:fadeInLeft;
+}
+@-webkit-keyframes fadeInLeftBig{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(-2000px, 0, 0);
+ transform:translate3d(-2000px, 0, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInLeftBig{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(-2000px, 0, 0);
+ transform:translate3d(-2000px, 0, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInLeftBig{
+ -webkit-animation-name:fadeInLeftBig;
+ animation-name:fadeInLeftBig;
+}
+@-webkit-keyframes fadeInRight{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(100%, 0, 0);
+ transform:translate3d(100%, 0, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInRight{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(100%, 0, 0);
+ transform:translate3d(100%, 0, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInRight{
+ -webkit-animation-name:fadeInRight;
+ animation-name:fadeInRight;
+}
+@-webkit-keyframes fadeInRightBig{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(2000px, 0, 0);
+ transform:translate3d(2000px, 0, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInRightBig{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(2000px, 0, 0);
+ transform:translate3d(2000px, 0, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInRightBig{
+ -webkit-animation-name:fadeInRightBig;
+ animation-name:fadeInRightBig;
+}
+@-webkit-keyframes fadeInUp{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(0, 100%, 0);
+ transform:translate3d(0, 100%, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInUp{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(0, 100%, 0);
+ transform:translate3d(0, 100%, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInUp{
+ -webkit-animation-name:fadeInUp;
+ animation-name:fadeInUp;
+}
+@-webkit-keyframes fadeInUpBig{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(0, 2000px, 0);
+ transform:translate3d(0, 2000px, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInUpBig{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(0, 2000px, 0);
+ transform:translate3d(0, 2000px, 0);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInUpBig{
+ -webkit-animation-name:fadeInUpBig;
+ animation-name:fadeInUpBig;
+}
+@-webkit-keyframes fadeInTopLeft{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, -100%, 0);
+ transform:translate3d(-100%, -100%, 0);
+ }
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInTopLeft{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, -100%, 0);
+ transform:translate3d(-100%, -100%, 0);
+ }
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInTopLeft{
+ -webkit-animation-name:fadeInTopLeft;
+ animation-name:fadeInTopLeft;
+}
+@-webkit-keyframes fadeInTopRight{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(100%, -100%, 0);
+ transform:translate3d(100%, -100%, 0);
+ }
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInTopRight{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(100%, -100%, 0);
+ transform:translate3d(100%, -100%, 0);
+ }
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInTopRight{
+ -webkit-animation-name:fadeInTopRight;
+ animation-name:fadeInTopRight;
+}
+@-webkit-keyframes fadeInBottomLeft{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, 100%, 0);
+ transform:translate3d(-100%, 100%, 0);
+ }
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInBottomLeft{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, 100%, 0);
+ transform:translate3d(-100%, 100%, 0);
+ }
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInBottomLeft{
+ -webkit-animation-name:fadeInBottomLeft;
+ animation-name:fadeInBottomLeft;
+}
+@-webkit-keyframes fadeInBottomRight{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(100%, 100%, 0);
+ transform:translate3d(100%, 100%, 0);
+ }
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes fadeInBottomRight{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(100%, 100%, 0);
+ transform:translate3d(100%, 100%, 0);
+ }
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__fadeInBottomRight{
+ -webkit-animation-name:fadeInBottomRight;
+ animation-name:fadeInBottomRight;
+}
+@-webkit-keyframes fadeOut{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ }
+}
+@keyframes fadeOut{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ }
+}
+.animate__fadeOut{
+ -webkit-animation-name:fadeOut;
+ animation-name:fadeOut;
+}
+@-webkit-keyframes fadeOutDown{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, 100%, 0);
+ transform:translate3d(0, 100%, 0);
+ }
+}
+@keyframes fadeOutDown{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, 100%, 0);
+ transform:translate3d(0, 100%, 0);
+ }
+}
+.animate__fadeOutDown{
+ -webkit-animation-name:fadeOutDown;
+ animation-name:fadeOutDown;
+}
+@-webkit-keyframes fadeOutDownBig{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, 2000px, 0);
+ transform:translate3d(0, 2000px, 0);
+ }
+}
+@keyframes fadeOutDownBig{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, 2000px, 0);
+ transform:translate3d(0, 2000px, 0);
+ }
+}
+.animate__fadeOutDownBig{
+ -webkit-animation-name:fadeOutDownBig;
+ animation-name:fadeOutDownBig;
+}
+@-webkit-keyframes fadeOutLeft{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, 0, 0);
+ transform:translate3d(-100%, 0, 0);
+ }
+}
+@keyframes fadeOutLeft{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, 0, 0);
+ transform:translate3d(-100%, 0, 0);
+ }
+}
+.animate__fadeOutLeft{
+ -webkit-animation-name:fadeOutLeft;
+ animation-name:fadeOutLeft;
+}
+@-webkit-keyframes fadeOutLeftBig{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(-2000px, 0, 0);
+ transform:translate3d(-2000px, 0, 0);
+ }
+}
+@keyframes fadeOutLeftBig{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(-2000px, 0, 0);
+ transform:translate3d(-2000px, 0, 0);
+ }
+}
+.animate__fadeOutLeftBig{
+ -webkit-animation-name:fadeOutLeftBig;
+ animation-name:fadeOutLeftBig;
+}
+@-webkit-keyframes fadeOutRight{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(100%, 0, 0);
+ transform:translate3d(100%, 0, 0);
+ }
+}
+@keyframes fadeOutRight{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(100%, 0, 0);
+ transform:translate3d(100%, 0, 0);
+ }
+}
+.animate__fadeOutRight{
+ -webkit-animation-name:fadeOutRight;
+ animation-name:fadeOutRight;
+}
+@-webkit-keyframes fadeOutRightBig{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(2000px, 0, 0);
+ transform:translate3d(2000px, 0, 0);
+ }
+}
+@keyframes fadeOutRightBig{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(2000px, 0, 0);
+ transform:translate3d(2000px, 0, 0);
+ }
+}
+.animate__fadeOutRightBig{
+ -webkit-animation-name:fadeOutRightBig;
+ animation-name:fadeOutRightBig;
+}
+@-webkit-keyframes fadeOutUp{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, -100%, 0);
+ transform:translate3d(0, -100%, 0);
+ }
+}
+@keyframes fadeOutUp{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, -100%, 0);
+ transform:translate3d(0, -100%, 0);
+ }
+}
+.animate__fadeOutUp{
+ -webkit-animation-name:fadeOutUp;
+ animation-name:fadeOutUp;
+}
+@-webkit-keyframes fadeOutUpBig{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, -2000px, 0);
+ transform:translate3d(0, -2000px, 0);
+ }
+}
+@keyframes fadeOutUpBig{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(0, -2000px, 0);
+ transform:translate3d(0, -2000px, 0);
+ }
+}
+.animate__fadeOutUpBig{
+ -webkit-animation-name:fadeOutUpBig;
+ animation-name:fadeOutUpBig;
+}
+@-webkit-keyframes fadeOutTopLeft{
+ from{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, -100%, 0);
+ transform:translate3d(-100%, -100%, 0);
+ }
+}
+@keyframes fadeOutTopLeft{
+ from{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, -100%, 0);
+ transform:translate3d(-100%, -100%, 0);
+ }
+}
+.animate__fadeOutTopLeft{
+ -webkit-animation-name:fadeOutTopLeft;
+ animation-name:fadeOutTopLeft;
+}
+@-webkit-keyframes fadeOutTopRight{
+ from{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(100%, -100%, 0);
+ transform:translate3d(100%, -100%, 0);
+ }
+}
+@keyframes fadeOutTopRight{
+ from{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(100%, -100%, 0);
+ transform:translate3d(100%, -100%, 0);
+ }
+}
+.animate__fadeOutTopRight{
+ -webkit-animation-name:fadeOutTopRight;
+ animation-name:fadeOutTopRight;
+}
+@-webkit-keyframes fadeOutBottomRight{
+ from{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(100%, 100%, 0);
+ transform:translate3d(100%, 100%, 0);
+ }
+}
+@keyframes fadeOutBottomRight{
+ from{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(100%, 100%, 0);
+ transform:translate3d(100%, 100%, 0);
+ }
+}
+.animate__fadeOutBottomRight{
+ -webkit-animation-name:fadeOutBottomRight;
+ animation-name:fadeOutBottomRight;
+}
+@-webkit-keyframes fadeOutBottomLeft{
+ from{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, 100%, 0);
+ transform:translate3d(-100%, 100%, 0);
+ }
+}
+@keyframes fadeOutBottomLeft{
+ from{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, 100%, 0);
+ transform:translate3d(-100%, 100%, 0);
+ }
+}
+.animate__fadeOutBottomLeft{
+ -webkit-animation-name:fadeOutBottomLeft;
+ animation-name:fadeOutBottomLeft;
+}
+@-webkit-keyframes flip{
+ from{
+ -webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+ transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+ -webkit-animation-timing-function:ease-out;
+ animation-timing-function:ease-out;
+ }
+
+ 40%{
+ -webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -190deg);
+ transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -190deg);
+ -webkit-animation-timing-function:ease-out;
+ animation-timing-function:ease-out;
+ }
+
+ 50%{
+ -webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -170deg);
+ transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -170deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ }
+
+ 80%{
+ -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+ rotate3d(0, 1, 0, 0deg);
+ transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+ rotate3d(0, 1, 0, 0deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ }
+
+ to{
+ -webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+ transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ }
+}
+@keyframes flip{
+ from{
+ -webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+ transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+ -webkit-animation-timing-function:ease-out;
+ animation-timing-function:ease-out;
+ }
+
+ 40%{
+ -webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -190deg);
+ transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -190deg);
+ -webkit-animation-timing-function:ease-out;
+ animation-timing-function:ease-out;
+ }
+
+ 50%{
+ -webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -170deg);
+ transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -170deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ }
+
+ 80%{
+ -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+ rotate3d(0, 1, 0, 0deg);
+ transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+ rotate3d(0, 1, 0, 0deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ }
+
+ to{
+ -webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+ transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ }
+}
+.animate__animated.animate__flip{
+ -webkit-backface-visibility:visible;
+ backface-visibility:visible;
+ -webkit-animation-name:flip;
+ animation-name:flip;
+}
+@-webkit-keyframes flipInX{
+ from{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ opacity:0;
+ }
+
+ 40%{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ }
+
+ 60%{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
+ opacity:1;
+ }
+
+ 80%{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
+ }
+
+ to{
+ -webkit-transform:perspective(400px);
+ transform:perspective(400px);
+ }
+}
+@keyframes flipInX{
+ from{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ opacity:0;
+ }
+
+ 40%{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ }
+
+ 60%{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
+ opacity:1;
+ }
+
+ 80%{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
+ }
+
+ to{
+ -webkit-transform:perspective(400px);
+ transform:perspective(400px);
+ }
+}
+.animate__flipInX{
+ -webkit-backface-visibility:visible !important;
+ backface-visibility:visible !important;
+ -webkit-animation-name:flipInX;
+ animation-name:flipInX;
+}
+@-webkit-keyframes flipInY{
+ from{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ opacity:0;
+ }
+
+ 40%{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ }
+
+ 60%{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
+ opacity:1;
+ }
+
+ 80%{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
+ }
+
+ to{
+ -webkit-transform:perspective(400px);
+ transform:perspective(400px);
+ }
+}
+@keyframes flipInY{
+ from{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ opacity:0;
+ }
+
+ 40%{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+ }
+
+ 60%{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
+ opacity:1;
+ }
+
+ 80%{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
+ }
+
+ to{
+ -webkit-transform:perspective(400px);
+ transform:perspective(400px);
+ }
+}
+.animate__flipInY{
+ -webkit-backface-visibility:visible !important;
+ backface-visibility:visible !important;
+ -webkit-animation-name:flipInY;
+ animation-name:flipInY;
+}
+@-webkit-keyframes flipOutX{
+ from{
+ -webkit-transform:perspective(400px);
+ transform:perspective(400px);
+ }
+
+ 30%{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
+ opacity:0;
+ }
+}
+@keyframes flipOutX{
+ from{
+ -webkit-transform:perspective(400px);
+ transform:perspective(400px);
+ }
+
+ 30%{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
+ opacity:0;
+ }
+}
+.animate__flipOutX{
+ -webkit-animation-duration:calc(1s * 0.75);
+ animation-duration:calc(1s * 0.75);
+ -webkit-animation-duration:calc(var(--animate-duration) * 0.75);
+ animation-duration:calc(var(--animate-duration) * 0.75);
+ -webkit-animation-name:flipOutX;
+ animation-name:flipOutX;
+ -webkit-backface-visibility:visible !important;
+ backface-visibility:visible !important;
+}
+@-webkit-keyframes flipOutY{
+ from{
+ -webkit-transform:perspective(400px);
+ transform:perspective(400px);
+ }
+
+ 30%{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
+ opacity:0;
+ }
+}
+@keyframes flipOutY{
+ from{
+ -webkit-transform:perspective(400px);
+ transform:perspective(400px);
+ }
+
+ 30%{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
+ opacity:0;
+ }
+}
+.animate__flipOutY{
+ -webkit-animation-duration:calc(1s * 0.75);
+ animation-duration:calc(1s * 0.75);
+ -webkit-animation-duration:calc(var(--animate-duration) * 0.75);
+ animation-duration:calc(var(--animate-duration) * 0.75);
+ -webkit-backface-visibility:visible !important;
+ backface-visibility:visible !important;
+ -webkit-animation-name:flipOutY;
+ animation-name:flipOutY;
+}
+@-webkit-keyframes lightSpeedInRight{
+ from{
+ -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
+ transform:translate3d(100%, 0, 0) skewX(-30deg);
+ opacity:0;
+ }
+
+ 60%{
+ -webkit-transform:skewX(20deg);
+ transform:skewX(20deg);
+ opacity:1;
+ }
+
+ 80%{
+ -webkit-transform:skewX(-5deg);
+ transform:skewX(-5deg);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes lightSpeedInRight{
+ from{
+ -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
+ transform:translate3d(100%, 0, 0) skewX(-30deg);
+ opacity:0;
+ }
+
+ 60%{
+ -webkit-transform:skewX(20deg);
+ transform:skewX(20deg);
+ opacity:1;
+ }
+
+ 80%{
+ -webkit-transform:skewX(-5deg);
+ transform:skewX(-5deg);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__lightSpeedInRight{
+ -webkit-animation-name:lightSpeedInRight;
+ animation-name:lightSpeedInRight;
+ -webkit-animation-timing-function:ease-out;
+ animation-timing-function:ease-out;
+}
+@-webkit-keyframes lightSpeedInLeft{
+ from{
+ -webkit-transform:translate3d(-100%, 0, 0) skewX(30deg);
+ transform:translate3d(-100%, 0, 0) skewX(30deg);
+ opacity:0;
+ }
+
+ 60%{
+ -webkit-transform:skewX(-20deg);
+ transform:skewX(-20deg);
+ opacity:1;
+ }
+
+ 80%{
+ -webkit-transform:skewX(5deg);
+ transform:skewX(5deg);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes lightSpeedInLeft{
+ from{
+ -webkit-transform:translate3d(-100%, 0, 0) skewX(30deg);
+ transform:translate3d(-100%, 0, 0) skewX(30deg);
+ opacity:0;
+ }
+
+ 60%{
+ -webkit-transform:skewX(-20deg);
+ transform:skewX(-20deg);
+ opacity:1;
+ }
+
+ 80%{
+ -webkit-transform:skewX(5deg);
+ transform:skewX(5deg);
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__lightSpeedInLeft{
+ -webkit-animation-name:lightSpeedInLeft;
+ animation-name:lightSpeedInLeft;
+ -webkit-animation-timing-function:ease-out;
+ animation-timing-function:ease-out;
+}
+@-webkit-keyframes lightSpeedOutRight{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
+ transform:translate3d(100%, 0, 0) skewX(30deg);
+ opacity:0;
+ }
+}
+@keyframes lightSpeedOutRight{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
+ transform:translate3d(100%, 0, 0) skewX(30deg);
+ opacity:0;
+ }
+}
+.animate__lightSpeedOutRight{
+ -webkit-animation-name:lightSpeedOutRight;
+ animation-name:lightSpeedOutRight;
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+}
+@-webkit-keyframes lightSpeedOutLeft{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:translate3d(-100%, 0, 0) skewX(-30deg);
+ transform:translate3d(-100%, 0, 0) skewX(-30deg);
+ opacity:0;
+ }
+}
+@keyframes lightSpeedOutLeft{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:translate3d(-100%, 0, 0) skewX(-30deg);
+ transform:translate3d(-100%, 0, 0) skewX(-30deg);
+ opacity:0;
+ }
+}
+.animate__lightSpeedOutLeft{
+ -webkit-animation-name:lightSpeedOutLeft;
+ animation-name:lightSpeedOutLeft;
+ -webkit-animation-timing-function:ease-in;
+ animation-timing-function:ease-in;
+}
+@-webkit-keyframes rotateIn{
+ from{
+ -webkit-transform:rotate3d(0, 0, 1, -200deg);
+ transform:rotate3d(0, 0, 1, -200deg);
+ opacity:0;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ opacity:1;
+ }
+}
+@keyframes rotateIn{
+ from{
+ -webkit-transform:rotate3d(0, 0, 1, -200deg);
+ transform:rotate3d(0, 0, 1, -200deg);
+ opacity:0;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ opacity:1;
+ }
+}
+.animate__rotateIn{
+ -webkit-animation-name:rotateIn;
+ animation-name:rotateIn;
+ -webkit-transform-origin:center;
+ transform-origin:center;
+}
+@-webkit-keyframes rotateInDownLeft{
+ from{
+ -webkit-transform:rotate3d(0, 0, 1, -45deg);
+ transform:rotate3d(0, 0, 1, -45deg);
+ opacity:0;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ opacity:1;
+ }
+}
+@keyframes rotateInDownLeft{
+ from{
+ -webkit-transform:rotate3d(0, 0, 1, -45deg);
+ transform:rotate3d(0, 0, 1, -45deg);
+ opacity:0;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ opacity:1;
+ }
+}
+.animate__rotateInDownLeft{
+ -webkit-animation-name:rotateInDownLeft;
+ animation-name:rotateInDownLeft;
+ -webkit-transform-origin:left bottom;
+ transform-origin:left bottom;
+}
+@-webkit-keyframes rotateInDownRight{
+ from{
+ -webkit-transform:rotate3d(0, 0, 1, 45deg);
+ transform:rotate3d(0, 0, 1, 45deg);
+ opacity:0;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ opacity:1;
+ }
+}
+@keyframes rotateInDownRight{
+ from{
+ -webkit-transform:rotate3d(0, 0, 1, 45deg);
+ transform:rotate3d(0, 0, 1, 45deg);
+ opacity:0;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ opacity:1;
+ }
+}
+.animate__rotateInDownRight{
+ -webkit-animation-name:rotateInDownRight;
+ animation-name:rotateInDownRight;
+ -webkit-transform-origin:right bottom;
+ transform-origin:right bottom;
+}
+@-webkit-keyframes rotateInUpLeft{
+ from{
+ -webkit-transform:rotate3d(0, 0, 1, 45deg);
+ transform:rotate3d(0, 0, 1, 45deg);
+ opacity:0;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ opacity:1;
+ }
+}
+@keyframes rotateInUpLeft{
+ from{
+ -webkit-transform:rotate3d(0, 0, 1, 45deg);
+ transform:rotate3d(0, 0, 1, 45deg);
+ opacity:0;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ opacity:1;
+ }
+}
+.animate__rotateInUpLeft{
+ -webkit-animation-name:rotateInUpLeft;
+ animation-name:rotateInUpLeft;
+ -webkit-transform-origin:left bottom;
+ transform-origin:left bottom;
+}
+@-webkit-keyframes rotateInUpRight{
+ from{
+ -webkit-transform:rotate3d(0, 0, 1, -90deg);
+ transform:rotate3d(0, 0, 1, -90deg);
+ opacity:0;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ opacity:1;
+ }
+}
+@keyframes rotateInUpRight{
+ from{
+ -webkit-transform:rotate3d(0, 0, 1, -90deg);
+ transform:rotate3d(0, 0, 1, -90deg);
+ opacity:0;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ opacity:1;
+ }
+}
+.animate__rotateInUpRight{
+ -webkit-animation-name:rotateInUpRight;
+ animation-name:rotateInUpRight;
+ -webkit-transform-origin:right bottom;
+ transform-origin:right bottom;
+}
+@-webkit-keyframes rotateOut{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, 200deg);
+ transform:rotate3d(0, 0, 1, 200deg);
+ opacity:0;
+ }
+}
+@keyframes rotateOut{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, 200deg);
+ transform:rotate3d(0, 0, 1, 200deg);
+ opacity:0;
+ }
+}
+.animate__rotateOut{
+ -webkit-animation-name:rotateOut;
+ animation-name:rotateOut;
+ -webkit-transform-origin:center;
+ transform-origin:center;
+}
+@-webkit-keyframes rotateOutDownLeft{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, 45deg);
+ transform:rotate3d(0, 0, 1, 45deg);
+ opacity:0;
+ }
+}
+@keyframes rotateOutDownLeft{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, 45deg);
+ transform:rotate3d(0, 0, 1, 45deg);
+ opacity:0;
+ }
+}
+.animate__rotateOutDownLeft{
+ -webkit-animation-name:rotateOutDownLeft;
+ animation-name:rotateOutDownLeft;
+ -webkit-transform-origin:left bottom;
+ transform-origin:left bottom;
+}
+@-webkit-keyframes rotateOutDownRight{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, -45deg);
+ transform:rotate3d(0, 0, 1, -45deg);
+ opacity:0;
+ }
+}
+@keyframes rotateOutDownRight{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, -45deg);
+ transform:rotate3d(0, 0, 1, -45deg);
+ opacity:0;
+ }
+}
+.animate__rotateOutDownRight{
+ -webkit-animation-name:rotateOutDownRight;
+ animation-name:rotateOutDownRight;
+ -webkit-transform-origin:right bottom;
+ transform-origin:right bottom;
+}
+@-webkit-keyframes rotateOutUpLeft{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, -45deg);
+ transform:rotate3d(0, 0, 1, -45deg);
+ opacity:0;
+ }
+}
+@keyframes rotateOutUpLeft{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, -45deg);
+ transform:rotate3d(0, 0, 1, -45deg);
+ opacity:0;
+ }
+}
+.animate__rotateOutUpLeft{
+ -webkit-animation-name:rotateOutUpLeft;
+ animation-name:rotateOutUpLeft;
+ -webkit-transform-origin:left bottom;
+ transform-origin:left bottom;
+}
+@-webkit-keyframes rotateOutUpRight{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, 90deg);
+ transform:rotate3d(0, 0, 1, 90deg);
+ opacity:0;
+ }
+}
+@keyframes rotateOutUpRight{
+ from{
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:rotate3d(0, 0, 1, 90deg);
+ transform:rotate3d(0, 0, 1, 90deg);
+ opacity:0;
+ }
+}
+.animate__rotateOutUpRight{
+ -webkit-animation-name:rotateOutUpRight;
+ animation-name:rotateOutUpRight;
+ -webkit-transform-origin:right bottom;
+ transform-origin:right bottom;
+}
+@-webkit-keyframes hinge{
+ 0%{
+ -webkit-animation-timing-function:ease-in-out;
+ animation-timing-function:ease-in-out;
+ }
+
+ 20%,
+ 60%{
+ -webkit-transform:rotate3d(0, 0, 1, 80deg);
+ transform:rotate3d(0, 0, 1, 80deg);
+ -webkit-animation-timing-function:ease-in-out;
+ animation-timing-function:ease-in-out;
+ }
+
+ 40%,
+ 80%{
+ -webkit-transform:rotate3d(0, 0, 1, 60deg);
+ transform:rotate3d(0, 0, 1, 60deg);
+ -webkit-animation-timing-function:ease-in-out;
+ animation-timing-function:ease-in-out;
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 700px, 0);
+ transform:translate3d(0, 700px, 0);
+ opacity:0;
+ }
+}
+@keyframes hinge{
+ 0%{
+ -webkit-animation-timing-function:ease-in-out;
+ animation-timing-function:ease-in-out;
+ }
+
+ 20%,
+ 60%{
+ -webkit-transform:rotate3d(0, 0, 1, 80deg);
+ transform:rotate3d(0, 0, 1, 80deg);
+ -webkit-animation-timing-function:ease-in-out;
+ animation-timing-function:ease-in-out;
+ }
+
+ 40%,
+ 80%{
+ -webkit-transform:rotate3d(0, 0, 1, 60deg);
+ transform:rotate3d(0, 0, 1, 60deg);
+ -webkit-animation-timing-function:ease-in-out;
+ animation-timing-function:ease-in-out;
+ opacity:1;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 700px, 0);
+ transform:translate3d(0, 700px, 0);
+ opacity:0;
+ }
+}
+.animate__hinge{
+ -webkit-animation-duration:calc(1s * 2);
+ animation-duration:calc(1s * 2);
+ -webkit-animation-duration:calc(var(--animate-duration) * 2);
+ animation-duration:calc(var(--animate-duration) * 2);
+ -webkit-animation-name:hinge;
+ animation-name:hinge;
+ -webkit-transform-origin:top left;
+ transform-origin:top left;
+}
+@-webkit-keyframes jackInTheBox{
+ from{
+ opacity:0;
+ -webkit-transform:scale(0.1) rotate(30deg);
+ transform:scale(0.1) rotate(30deg);
+ -webkit-transform-origin:center bottom;
+ transform-origin:center bottom;
+ }
+
+ 50%{
+ -webkit-transform:rotate(-10deg);
+ transform:rotate(-10deg);
+ }
+
+ 70%{
+ -webkit-transform:rotate(3deg);
+ transform:rotate(3deg);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ }
+}
+@keyframes jackInTheBox{
+ from{
+ opacity:0;
+ -webkit-transform:scale(0.1) rotate(30deg);
+ transform:scale(0.1) rotate(30deg);
+ -webkit-transform-origin:center bottom;
+ transform-origin:center bottom;
+ }
+
+ 50%{
+ -webkit-transform:rotate(-10deg);
+ transform:rotate(-10deg);
+ }
+
+ 70%{
+ -webkit-transform:rotate(3deg);
+ transform:rotate(3deg);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:scale(1);
+ transform:scale(1);
+ }
+}
+.animate__jackInTheBox{
+ -webkit-animation-name:jackInTheBox;
+ animation-name:jackInTheBox;
+}
+@-webkit-keyframes rollIn{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes rollIn{
+ from{
+ opacity:0;
+ -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ }
+
+ to{
+ opacity:1;
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__rollIn{
+ -webkit-animation-name:rollIn;
+ animation-name:rollIn;
+}
+@-webkit-keyframes rollOut{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ }
+}
+@keyframes rollOut{
+ from{
+ opacity:1;
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ }
+}
+.animate__rollOut{
+ -webkit-animation-name:rollOut;
+ animation-name:rollOut;
+}
+@-webkit-keyframes zoomIn{
+ from{
+ opacity:0;
+ -webkit-transform:scale3d(0.3, 0.3, 0.3);
+ transform:scale3d(0.3, 0.3, 0.3);
+ }
+
+ 50%{
+ opacity:1;
+ }
+}
+@keyframes zoomIn{
+ from{
+ opacity:0;
+ -webkit-transform:scale3d(0.3, 0.3, 0.3);
+ transform:scale3d(0.3, 0.3, 0.3);
+ }
+
+ 50%{
+ opacity:1;
+ }
+}
+.animate__zoomIn{
+ -webkit-animation-name:zoomIn;
+ animation-name:zoomIn;
+}
+@-webkit-keyframes zoomInDown{
+ from{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+@keyframes zoomInDown{
+ from{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+.animate__zoomInDown{
+ -webkit-animation-name:zoomInDown;
+ animation-name:zoomInDown;
+}
+@-webkit-keyframes zoomInLeft{
+ from{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+@keyframes zoomInLeft{
+ from{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+.animate__zoomInLeft{
+ -webkit-animation-name:zoomInLeft;
+ animation-name:zoomInLeft;
+}
+@-webkit-keyframes zoomInRight{
+ from{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+@keyframes zoomInRight{
+ from{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+.animate__zoomInRight{
+ -webkit-animation-name:zoomInRight;
+ animation-name:zoomInRight;
+}
+@-webkit-keyframes zoomInUp{
+ from{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+@keyframes zoomInUp{
+ from{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+.animate__zoomInUp{
+ -webkit-animation-name:zoomInUp;
+ animation-name:zoomInUp;
+}
+@-webkit-keyframes zoomOut{
+ from{
+ opacity:1;
+ }
+
+ 50%{
+ opacity:0;
+ -webkit-transform:scale3d(0.3, 0.3, 0.3);
+ transform:scale3d(0.3, 0.3, 0.3);
+ }
+
+ to{
+ opacity:0;
+ }
+}
+@keyframes zoomOut{
+ from{
+ opacity:1;
+ }
+
+ 50%{
+ opacity:0;
+ -webkit-transform:scale3d(0.3, 0.3, 0.3);
+ transform:scale3d(0.3, 0.3, 0.3);
+ }
+
+ to{
+ opacity:0;
+ }
+}
+.animate__zoomOut{
+ -webkit-animation-name:zoomOut;
+ animation-name:zoomOut;
+}
+@-webkit-keyframes zoomOutDown{
+ 40%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+@keyframes zoomOutDown{
+ 40%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+.animate__zoomOutDown{
+ -webkit-animation-name:zoomOutDown;
+ animation-name:zoomOutDown;
+ -webkit-transform-origin:center bottom;
+ transform-origin:center bottom;
+}
+@-webkit-keyframes zoomOutLeft{
+ 40%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
+ transform:scale(0.1) translate3d(-2000px, 0, 0);
+ }
+}
+@keyframes zoomOutLeft{
+ 40%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
+ transform:scale(0.1) translate3d(-2000px, 0, 0);
+ }
+}
+.animate__zoomOutLeft{
+ -webkit-animation-name:zoomOutLeft;
+ animation-name:zoomOutLeft;
+ -webkit-transform-origin:left center;
+ transform-origin:left center;
+}
+@-webkit-keyframes zoomOutRight{
+ 40%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
+ transform:scale(0.1) translate3d(2000px, 0, 0);
+ }
+}
+@keyframes zoomOutRight{
+ 40%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
+ transform:scale(0.1) translate3d(2000px, 0, 0);
+ }
+}
+.animate__zoomOutRight{
+ -webkit-animation-name:zoomOutRight;
+ animation-name:zoomOutRight;
+ -webkit-transform-origin:right center;
+ transform-origin:right center;
+}
+@-webkit-keyframes zoomOutUp{
+ 40%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+@keyframes zoomOutUp{
+ 40%{
+ opacity:1;
+ -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ to{
+ opacity:0;
+ -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+.animate__zoomOutUp{
+ -webkit-animation-name:zoomOutUp;
+ animation-name:zoomOutUp;
+ -webkit-transform-origin:center bottom;
+ transform-origin:center bottom;
+}
+@-webkit-keyframes slideInDown{
+ from{
+ -webkit-transform:translate3d(0, -100%, 0);
+ transform:translate3d(0, -100%, 0);
+ visibility:visible;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes slideInDown{
+ from{
+ -webkit-transform:translate3d(0, -100%, 0);
+ transform:translate3d(0, -100%, 0);
+ visibility:visible;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__slideInDown{
+ -webkit-animation-name:slideInDown;
+ animation-name:slideInDown;
+}
+@-webkit-keyframes slideInLeft{
+ from{
+ -webkit-transform:translate3d(-100%, 0, 0);
+ transform:translate3d(-100%, 0, 0);
+ visibility:visible;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes slideInLeft{
+ from{
+ -webkit-transform:translate3d(-100%, 0, 0);
+ transform:translate3d(-100%, 0, 0);
+ visibility:visible;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__slideInLeft{
+ -webkit-animation-name:slideInLeft;
+ animation-name:slideInLeft;
+}
+@-webkit-keyframes slideInRight{
+ from{
+ -webkit-transform:translate3d(100%, 0, 0);
+ transform:translate3d(100%, 0, 0);
+ visibility:visible;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes slideInRight{
+ from{
+ -webkit-transform:translate3d(100%, 0, 0);
+ transform:translate3d(100%, 0, 0);
+ visibility:visible;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__slideInRight{
+ -webkit-animation-name:slideInRight;
+ animation-name:slideInRight;
+}
+@-webkit-keyframes slideInUp{
+ from{
+ -webkit-transform:translate3d(0, 100%, 0);
+ transform:translate3d(0, 100%, 0);
+ visibility:visible;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+@keyframes slideInUp{
+ from{
+ -webkit-transform:translate3d(0, 100%, 0);
+ transform:translate3d(0, 100%, 0);
+ visibility:visible;
+ }
+
+ to{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+}
+.animate__slideInUp{
+ -webkit-animation-name:slideInUp;
+ animation-name:slideInUp;
+}
+@-webkit-keyframes slideOutDown{
+ from{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ to{
+ visibility:hidden;
+ -webkit-transform:translate3d(0, 100%, 0);
+ transform:translate3d(0, 100%, 0);
+ }
+}
+@keyframes slideOutDown{
+ from{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ to{
+ visibility:hidden;
+ -webkit-transform:translate3d(0, 100%, 0);
+ transform:translate3d(0, 100%, 0);
+ }
+}
+.animate__slideOutDown{
+ -webkit-animation-name:slideOutDown;
+ animation-name:slideOutDown;
+}
+@-webkit-keyframes slideOutLeft{
+ from{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ to{
+ visibility:hidden;
+ -webkit-transform:translate3d(-100%, 0, 0);
+ transform:translate3d(-100%, 0, 0);
+ }
+}
+@keyframes slideOutLeft{
+ from{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ to{
+ visibility:hidden;
+ -webkit-transform:translate3d(-100%, 0, 0);
+ transform:translate3d(-100%, 0, 0);
+ }
+}
+.animate__slideOutLeft{
+ -webkit-animation-name:slideOutLeft;
+ animation-name:slideOutLeft;
+}
+@-webkit-keyframes slideOutRight{
+ from{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ to{
+ visibility:hidden;
+ -webkit-transform:translate3d(100%, 0, 0);
+ transform:translate3d(100%, 0, 0);
+ }
+}
+@keyframes slideOutRight{
+ from{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ to{
+ visibility:hidden;
+ -webkit-transform:translate3d(100%, 0, 0);
+ transform:translate3d(100%, 0, 0);
+ }
+}
+.animate__slideOutRight{
+ -webkit-animation-name:slideOutRight;
+ animation-name:slideOutRight;
+}
+@-webkit-keyframes slideOutUp{
+ from{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ to{
+ visibility:hidden;
+ -webkit-transform:translate3d(0, -100%, 0);
+ transform:translate3d(0, -100%, 0);
+ }
+}
+@keyframes slideOutUp{
+ from{
+ -webkit-transform:translate3d(0, 0, 0);
+ transform:translate3d(0, 0, 0);
+ }
+
+ to{
+ visibility:hidden;
+ -webkit-transform:translate3d(0, -100%, 0);
+ transform:translate3d(0, -100%, 0);
+ }
+}
+.animate__slideOutUp{
+ -webkit-animation-name:slideOutUp;
+ animation-name:slideOutUp;
+}
+
blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul{
margin:0;
padding:0;
@@ -1246,86 +5293,10 @@ input[type=text]{
padding-right:30px;
}
-.overlay{
- background-color:rgba(139, 68, 55, 0.8);
-}
.overlay span{
color:#8b4437;
}
-.is-brown header .content{
- background-color:rgba(139, 68, 55, 0.8);
-}
-.is-brown .overlay{
- background-color:rgba(139, 68, 55, 0.8);
-}
-.is-brown .product-card .overlay span{
- color:#8b4437;
-}
-
-.is-orange header .content{
- background-color:rgba(211, 101, 0, 0.8);
-}
-.is-orange .overlay{
- background-color:rgba(211, 101, 0, 0.8);
-}
-.is-orange .product-card .overlay span{
- color:#d36500;
-}
-
-.is-grey header .content{
- background-color:rgba(203, 165, 131, 0.8);
-}
-.is-grey .overlay{
- background-color:rgba(203, 165, 131, 0.8);
-}
-.is-grey .product-card .overlay span{
- color:#cba583;
-}
-
-.is-yellow header .content{
- background-color:rgba(252, 207, 29, 0.8);
-}
-.is-yellow .overlay{
- background-color:rgba(252, 207, 29, 0.8);
-}
-.is-yellow .product-card .overlay span{
- color:#fccf1d;
-}
-.is-yellow .gamme-card .overlay span{
- color:#fff;
-}
-
-.is-blue header .content{
- background-color:rgba(152, 193, 232, 0.8);
-}
-.is-blue .overlay{
- background-color:rgba(152, 193, 232, 0.8);
-}
-.is-blue .product-card .overlay span{
- color:#98c1e8;
-}
-
-.is-green header .content{
- background-color:rgba(133, 184, 63, 0.8);
-}
-.is-green .overlay{
- background-color:rgba(133, 184, 63, 0.8);
-}
-.is-green .product-card .overlay span{
- color:#85b83f;
-}
-
-.is-pink header .content{
- background-color:rgba(190, 54, 108, 0.8);
-}
-.is-pink .overlay{
- background-color:rgba(190, 54, 108, 0.8);
-}
-.is-pink .product-card .overlay span{
- color:#be366c;
-}
-
#posts{
position:relative;
}
@@ -1359,11 +5330,19 @@ input[type=text]{
align-items:initial;
}
- .gamme-card{
+ .gamme-card:nth-child(n),
+.gammes-6 .gamme-card:nth-child(n),
+.gammes-7 .gamme-card:nth-child(n){
width:32%;
max-width:32%;
}
- .gamme-card:nth-child(4), .gamme-card:nth-child(5){
+
+ .gamme-card:nth-child(4), .gamme-card:nth-child(5), .gamme-card:nth-child(9), .gamme-card:nth-child(10){
+ width:49%;
+ max-width:49%;
+ }
+
+ .gammes-7 .gamme-card:nth-child(1), .gammes-7 .gamme-card:nth-child(2), .gammes-7 .gamme-card:nth-child(6), .gammes-7 .gamme-card:nth-child(7){
width:49%;
max-width:49%;
}
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..80585cc
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/resources/assets/images/banner_gamme.jpg b/resources/assets/images/banner_gamme.jpg
new file mode 100644
index 0000000..a9610f4
Binary files /dev/null and b/resources/assets/images/banner_gamme.jpg differ
diff --git a/resources/assets/images/pranks.jpg b/resources/assets/images/pranks.jpg
index d6a8cfe..9f65622 100644
Binary files a/resources/assets/images/pranks.jpg and b/resources/assets/images/pranks.jpg differ
diff --git a/resources/sass/frontend/_list.scss b/resources/sass/frontend/_list.scss
index 6a04ace..34f2d0a 100644
--- a/resources/sass/frontend/_list.scss
+++ b/resources/sass/frontend/_list.scss
@@ -107,130 +107,130 @@
}
.overlay {
- background-color: rgba($color-brown, 0.8);
span {
color: $color-brown;
+ // text-shadow: 0px 0px 2px #000;
}
}
-.is-brown {
- header .content {
- background-color: rgba($color-brown, 0.8);
- }
- .overlay {
- background-color: rgba($color-brown, 0.8);
- }
- .product-card {
- .overlay {
- span {
- color: $color-brown;
- }
- }
- }
-}
+// .is-brown {
+// header .content {
+// background-color: rgba($color-brown, 0.8);
+// }
+// .overlay {
+// background-color: rgba($color-brown, 0.8);
+// }
+// .product-card {
+// .overlay {
+// span {
+// color: $color-brown;
+// }
+// }
+// }
+// }
-.is-orange {
- header .content {
- background-color: rgba($color-orange, 0.8);
- }
- .overlay {
- background-color: rgba($color-orange, 0.8);
- }
- .product-card {
- .overlay {
- span {
- color: $color-orange;
- }
- }
- }
-}
+// .is-orange {
+// header .content {
+// background-color: rgba($color-orange, 0.8);
+// }
+// .overlay {
+// background-color: rgba($color-orange, 0.8);
+// }
+// .product-card {
+// .overlay {
+// span {
+// color: $color-orange;
+// }
+// }
+// }
+// }
-.is-grey {
- header .content {
- background-color: rgba($color-newgrey, 0.8);
- }
- .overlay {
- background-color: rgba($color-newgrey, 0.8);
- }
- .product-card {
- .overlay {
- span {
- color: $color-newgrey;
- }
- }
- }
-}
+// .is-grey {
+// header .content {
+// background-color: rgba($color-newgrey, 0.8);
+// }
+// .overlay {
+// background-color: rgba($color-newgrey, 0.8);
+// }
+// .product-card {
+// .overlay {
+// span {
+// color: $color-newgrey;
+// }
+// }
+// }
+// }
-.is-yellow {
- header .content {
- background-color: rgba($color-main, 0.8);
- }
- .overlay {
- background-color: rgba($color-main, 0.8);
- }
- .product-card {
- .overlay {
- span {
- color: $color-main;
- }
- }
- }
- .gamme-card {
- .overlay {
- span {
- color: $color-light;
- }
- }
- }
-}
+// .is-yellow {
+// header .content {
+// background-color: rgba($color-main, 0.8);
+// }
+// .overlay {
+// background-color: rgba($color-main, 0.8);
+// }
+// .product-card {
+// .overlay {
+// span {
+// color: $color-main;
+// }
+// }
+// }
+// .gamme-card {
+// .overlay {
+// span {
+// color: $color-light;
+// }
+// }
+// }
+// }
-.is-blue {
- header .content {
- background-color: rgba($color-newblue, 0.8);
- }
- .overlay {
- background-color: rgba($color-newblue, 0.8);
- }
- .product-card {
- .overlay {
- span {
- color: $color-newblue;
- }
- }
- }
-}
+// .is-blue {
+// header .content {
+// background-color: rgba($color-newblue, 0.8);
+// }
+// .overlay {
+// background-color: rgba($color-newblue, 0.8);
+// }
+// .product-card {
+// .overlay {
+// span {
+// color: $color-newblue;
+// }
+// }
+// }
+// }
-.is-green {
- header .content {
- background-color: rgba($color-green, 0.8);
- }
- .overlay {
- background-color: rgba($color-green, 0.8);
- }
- .product-card {
- .overlay {
- span {
- color: $color-green;
- }
- }
- }
-}
+// .is-green {
+// header .content {
+// background-color: rgba($color-green, 0.8);
+// }
+// .overlay {
+// background-color: rgba($color-green, 0.8);
+// }
+// .product-card {
+// .overlay {
+// span {
+// color: $color-green;
+// }
+// }
+// }
+// }
-.is-pink {
- header .content {
- background-color: rgba($color-pink, 0.8);
- }
- .overlay {
- background-color: rgba($color-pink, 0.8);
- }
- .product-card {
- .overlay {
- span {
- color: $color-pink;
- }
- }
- }
-}
+// .is-pink {
+// header .content {
+// background-color: rgba($color-pink, 0.8);
+// }
+// .overlay {
+// background-color: rgba($color-pink, 0.8);
+// }
+// .product-card {
+// .overlay {
+// span {
+// color: $color-pink;
+// }
+// }
+// }
+// }
#posts {
position: relative;
@@ -262,12 +262,34 @@
.posts-list {
align-items: initial;
}
-
+ .gamme-card,
+ .gammes-6 .gamme-card,
+ .gammes-7 .gamme-card {
+ &:nth-child(n) {
+ width: 32%;
+ max-width: 32%;
+ }
+ }
.gamme-card {
- width: 32%;
- max-width: 32%;
&:nth-child(4),
- &:nth-child(5) {
+ &:nth-child(5),
+ &:nth-child(9),
+ &:nth-child(10) {
+ width: 49%;
+ max-width: 49%;
+ }
+ }
+ // .gammes-6 .gamme-card {
+ // &:nth-child(n) {
+ // width: 32%;
+ // max-width: 32%;
+ // }
+ // }
+ .gammes-7 .gamme-card {
+ &:nth-child(1),
+ &:nth-child(2),
+ &:nth-child(6),
+ &:nth-child(7) {
width: 49%;
max-width: 49%;
}
diff --git a/resources/sass/frontend/compile.scss b/resources/sass/frontend/compile.scss
index 58420a4..692ef79 100644
--- a/resources/sass/frontend/compile.scss
+++ b/resources/sass/frontend/compile.scss
@@ -20,6 +20,7 @@
@import "list";
@import "punchline";
@import "newsletter";
+@import "animate.css";
@import "animate";
@import "carrousel";
@import "carrousel2";
diff --git a/resources/views/back/gammes/create.blade.php b/resources/views/back/gammes/create.blade.php
index 5ab8e93..3c62236 100644
--- a/resources/views/back/gammes/create.blade.php
+++ b/resources/views/back/gammes/create.blade.php
@@ -1,17 +1,17 @@
@extends('layouts.backend')
@section('content')
-
@endsection
diff --git a/resources/views/back/gammes/edit.blade.php b/resources/views/back/gammes/edit.blade.php
index da8ee95..0d6f7ab 100644
--- a/resources/views/back/gammes/edit.blade.php
+++ b/resources/views/back/gammes/edit.blade.php
@@ -1,18 +1,18 @@
@extends('layouts.backend')
@section('content')
-
@endsection
diff --git a/resources/views/back/gammes/form-inputs.blade.php b/resources/views/back/gammes/form-inputs.blade.php
index 6b064df..1552bb3 100644
--- a/resources/views/back/gammes/form-inputs.blade.php
+++ b/resources/views/back/gammes/form-inputs.blade.php
@@ -3,14 +3,14 @@
@include('back.modules.input-error', ['inputName'=>'title'])
-  }})
 }})
+