From ffd96af2ad81789f0aecd02326c52bc29355d1a7 Mon Sep 17 00:00:00 2001 From: Constantin Plaiasu Date: Tue, 10 Sep 2024 01:33:11 +0300 Subject: [PATCH] performance updates --- app/Http/Controllers/HomeController.php | 2 +- public/build/assets/animate-CTR4MslQ.css | 12 + .../{app-CKeq77Z2.css => app-BYCjvQk9.css} | 2 +- public/build/assets/home-BGX3ALD4.css | 1 + public/build/assets/home-BWWQaQZ-.js | 1 + public/build/assets/home-BhWzZn8-.js | 1 - public/build/assets/home-DrDojpTT.css | 1 - public/build/manifest.json | 11 +- resources/js/home.js | 5 +- resources/scss/_main.scss | 2 +- resources/scss/animate.scss | 3137 +++++++++++++++++ resources/scss/home.scss | 30 +- resources/vendor/css/slick.css | 119 + .../views/components/svgs/global.blade.php | 6 + resources/views/home.blade.php | 78 +- resources/views/layouts/layout.blade.php | 4 +- resources/views/sections/featured.blade.php | 2 +- resources/views/sections/single.blade.php | 2 +- resources/views/sections/top.blade.php | 4 +- vite.config.mjs | 3 +- 20 files changed, 3349 insertions(+), 74 deletions(-) create mode 100644 public/build/assets/animate-CTR4MslQ.css rename public/build/assets/{app-CKeq77Z2.css => app-BYCjvQk9.css} (57%) create mode 100644 public/build/assets/home-BGX3ALD4.css create mode 100644 public/build/assets/home-BWWQaQZ-.js delete mode 100644 public/build/assets/home-BhWzZn8-.js delete mode 100644 public/build/assets/home-DrDojpTT.css create mode 100644 resources/scss/animate.scss create mode 100644 resources/vendor/css/slick.css diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php index eb571a1..467a533 100644 --- a/app/Http/Controllers/HomeController.php +++ b/app/Http/Controllers/HomeController.php @@ -37,7 +37,7 @@ public function index(ApiClient $api, TmdbClient $tmdb) $comingsoon = $this->formatTmdbResponse($tmdb->getComingSoonMovies(1), false, [], 6)['data']; $airing = $this->formatTmdbResponse($tmdb->getAiringShows(1), false, [], 12)['data']; - $hero = $this->getHomeHeroSliderData($api->getTrendingMovies(1, 7), $tmdb); + $hero = $this->getHomeHeroSliderData($api->getTrendingMovies(1, 5), $tmdb); // dd($hero); diff --git a/public/build/assets/animate-CTR4MslQ.css b/public/build/assets/animate-CTR4MslQ.css new file mode 100644 index 0000000..0e74627 --- /dev/null +++ b/public/build/assets/animate-CTR4MslQ.css @@ -0,0 +1,12 @@ +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license + +Copyright (c) 2013 Daniel Eden + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/.animated{animation-duration:1s;animation-fill-mode:both}.animated.hinge{animation-duration:2s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes wobble{0%{transform:translate(0)}15%{transform:translate(-25%) rotate(-5deg)}30%{transform:translate(20%) rotate(3deg)}45%{transform:translate(-15%) rotate(-3deg)}60%{transform:translate(10%) rotate(2deg)}75%{transform:translate(-5%) rotate(-1deg)}to{transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translate(-2000px)}60%{opacity:1;transform:translate(30px)}80%{transform:translate(-10px)}to{transform:translate(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translate(2000px)}60%{opacity:1;transform:translate(-30px)}80%{transform:translate(10px)}to{transform:translate(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}@keyframes bounceOutLeft{0%{transform:translate(0)}20%{opacity:1;transform:translate(20px)}to{opacity:0;transform:translate(-2000px)}}@keyframes bounceOutRight{0%{transform:translate(0)}20%{opacity:1;transform:translate(-20px)}to{opacity:0;transform:translate(2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:translateY(0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate(-2000px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate(2000px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2000px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-2000px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2000px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);animation-timing-function:ease-in}to{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function:ease-in}}.animated.flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes lightSpeedIn{0%{transform:translate(100%) skew(-30deg);opacity:0}60%{transform:translate(-20%) skew(30deg);opacity:1}80%{transform:translate(0) skew(-15deg);opacity:1}to{transform:translate(0) skew(0);opacity:1}}@keyframes lightSpeedOut{0%{transform:translate(0) skew(0);opacity:1}to{transform:translate(100%) skew(-30deg);opacity:0}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}to{transform-origin:center center;transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}to{transform-origin:center center;transform:rotate(200deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-2000px)}to{transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(2000px)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{opacity:0;transform:translate(-2000px)}}@keyframes slideOutRight{0%{transform:translate(0)}to{opacity:0;transform:translate(2000px)}}@keyframes slideOutUp{0%{transform:translateY(0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}to{transform:translateY(700px);opacity:0}}@keyframes rollIn{0%{opacity:0;transform:translate(-100%) rotate(-120deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes rollOut{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(100%) rotate(120deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}} diff --git a/public/build/assets/app-CKeq77Z2.css b/public/build/assets/app-BYCjvQk9.css similarity index 57% rename from public/build/assets/app-CKeq77Z2.css rename to public/build/assets/app-BYCjvQk9.css index 0851235..e5857a9 100644 --- a/public/build/assets/app-CKeq77Z2.css +++ b/public/build/assets/app-BYCjvQk9.css @@ -1 +1 @@ -@charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #03cf03;--bs-secondary: #1B1B3F;--bs-warning: #ffc107;--bs-primary-rgb: 3, 207, 3;--bs-secondary-rgb: 27, 27, 63;--bs-warning-rgb: 255, 193, 7;--bs-primary-text-emphasis: #015301;--bs-secondary-text-emphasis: #0b0b19;--bs-success-text-emphasis: #0a3622;--bs-info-text-emphasis: #055160;--bs-warning-text-emphasis: #664d03;--bs-danger-text-emphasis: #58151c;--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: #cdf5cd;--bs-secondary-bg-subtle: #d1d1d9;--bs-success-bg-subtle: #d1e7dd;--bs-info-bg-subtle: #cff4fc;--bs-warning-bg-subtle: #fff3cd;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #9aec9a;--bs-secondary-border-subtle: #a4a4b2;--bs-success-border-subtle: #a3cfbb;--bs-info-border-subtle: #9eeaf9;--bs-warning-border-subtle: #ffe69c;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(33, 37, 41, .75);--bs-secondary-color-rgb: 33, 37, 41;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233, 236, 239;--bs-tertiary-color: rgba(33, 37, 41, .5);--bs-tertiary-color-rgb: 33, 37, 41;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-heading-color: inherit;--bs-link-color: #03cf03;--bs-link-color-rgb: 3, 207, 3;--bs-link-decoration: none;--bs-link-hover-color: #02a602;--bs-link-hover-color-rgb: 2, 166, 2;--bs-code-color: #d63384;--bs-highlight-color: #212529;--bs-highlight-bg: #fff3cd;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, .175);--bs-border-radius: .375rem;--bs-border-radius-sm: .25rem;--bs-border-radius-lg: .5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width: .25rem;--bs-focus-ring-opacity: .25;--bs-focus-ring-color: rgba(3, 207, 3, .25);--bs-form-valid-color: #198754;--bs-form-valid-border-color: #198754;--bs-form-invalid-color: #dc3545;--bs-form-invalid-border-color: #dc3545}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1,.h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1,.h1{font-size:2.5rem}}h2,.h2{font-size:calc(1.325rem + .9vw)}@media (min-width: 1200px){h2,.h2{font-size:2rem}}h3,.h3{font-size:calc(1.3rem + .6vw)}@media (min-width: 1200px){h3,.h3{font-size:1.75rem}}h4,.h4{font-size:calc(1.275rem + .3vw)}@media (min-width: 1200px){h4,.h4{font-size:1.5rem}}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dd{margin-bottom:.5rem;margin-left:0}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:none}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code{font-family:var(--bs-font-monospace);font-size:1em}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}figure{margin:0 0 1rem}img,svg{vertical-align:middle}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[role=button]{cursor:pointer}button,[type=button],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}summary{display:list-item;cursor:pointer}[hidden]{display:none!important}.img-fluid{max-width:100%;height:auto}.figure{display:inline-block}.container,.container-fluid,.container-md{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container-md,.container{max-width:720px}}@media (min-width: 992px){.container-md,.container{max-width:960px}}@media (min-width: 1200px){.container-md,.container{max-width:1140px}}@media (min-width: 1400px){.container-md,.container{max-width:1320px}}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.row-cols-2>*{flex:0 0 auto;width:50%}.col-4{flex:0 0 auto;width:33.33333333%}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.gy-3{--bs-gutter-y: 1rem}.g-4{--bs-gutter-x: 1.5rem}.g-4{--bs-gutter-y: 1.5rem}@media (min-width: 576px){.row-cols-sm-4>*{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width: 768px){.col-md-3{flex:0 0 auto;width:25%}.col-md-6{flex:0 0 auto;width:50%}}@media (min-width: 992px){.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width: 1200px){.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-12{flex:0 0 auto;width:100%}}@media (min-width: 1400px){.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-6{flex:0 0 auto;width:50%}}.btn{--bs-btn-padding-x: .75rem;--bs-btn-padding-y: .375rem;--bs-btn-font-family: ;--bs-btn-font-size: 1rem;--bs-btn-font-weight: 400;--bs-btn-line-height: 1.5;--bs-btn-color: var(--bs-body-color);--bs-btn-bg: transparent;--bs-btn-border-width: var(--bs-border-width);--bs-btn-border-color: transparent;--bs-btn-border-radius: var(--bs-border-radius);--bs-btn-hover-border-color: transparent;--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);--bs-btn-disabled-opacity: .65;--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color: #000;--bs-btn-bg: #03cf03;--bs-btn-border-color: #03cf03;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #29d629;--bs-btn-hover-border-color: #1cd41c;--bs-btn-focus-shadow-rgb: 3, 176, 3;--bs-btn-active-color: #000;--bs-btn-active-bg: #35d935;--bs-btn-active-border-color: #1cd41c;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #03cf03;--bs-btn-disabled-border-color: #03cf03}.dropend{position:relative}.dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: var(--bs-border-radius);--bs-dropdown-border-width: var(--bs-border-width);--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: var(--bs-box-shadow);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #03cf03;--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width: 576px){.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 768px){.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 992px){.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1200px){.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1400px){.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-toggle:after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropdown-menu.show{display:block}.nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.card{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: .5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: var(--bs-border-width);--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y: .5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: rgb(240, 255, 255);--bs-card-bg: var(--bs-body-bg);--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: 0;--bs-navbar-toggler-padding-x: 0;--bs-navbar-toggler-font-size: 1.5rem;--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color: none;--bs-navbar-toggler-border-radius: 0;--bs-navbar-toggler-focus-width: 0;--bs-navbar-toggler-transition: none;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:hover,.navbar-text a:focus{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion: reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media (min-width: 576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: none;--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x: 0;--bs-breadcrumb-padding-y: 0;--bs-breadcrumb-margin-bottom: 1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color: var(--bs-secondary-color);--bs-breadcrumb-item-padding-x: .5rem;--bs-breadcrumb-item-active-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion: reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion: reduce){.collapsing.collapse-horizontal{transition:none}}.opacity-50{opacity:.5!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.position-relative{position:relative!important}.border-0{border:0!important}.w-100{width:100%!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.order-1{order:1!important}.order-2{order:2!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.me-2{margin-right:.5rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.p-0{padding:0!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.pe-2{padding-right:.5rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.fs-5{font-size:1.25rem!important}.fst-italic{font-style:italic!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.text-uppercase{text-transform:uppercase!important}.text-white{--bs-text-opacity: 1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-primary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity: 1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.rounded{border-radius:var(--bs-border-radius)!important}@media (min-width: 576px){.d-sm-flex{display:flex!important}.justify-content-sm-end{justify-content:flex-end!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.mt-sm-0{margin-top:0!important}.mt-sm-3{margin-top:1rem!important}.mb-sm-3{margin-bottom:1rem!important}}@media (min-width: 768px){.justify-content-md-end{justify-content:flex-end!important}.mt-md-0{margin-top:0!important}}@media (min-width: 992px){.justify-content-lg-start{justify-content:flex-start!important}.mt-lg-0{margin-top:0!important}.mt-lg-5{margin-top:3rem!important}}@media (min-width: 1200px){.ms-xl-5{margin-left:3rem!important}}.base--color{color:#03cf03!important}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-size:16px;padding:0;margin:0;font-weight:400;position:relative;background-color:#0d0d31;color:#bfbfbf}img{max-width:100%;height:auto}ul,ol{padding:0;margin:0;list-style:none}button{cursor:pointer}*:focus{outline:none}button{border:none}button:focus{outline:none}span{display:inline-block}a:hover{color:#03cf03}.header{position:fixed;width:100%;left:0;top:0;z-index:9;transition:all .3s;background:#bdc3c7;background:linear-gradient(to bottom,#000000b3,#00000001)}.header.active{background-color:#070b28}.header.menu-fixed{position:fixed;top:0;left:0;width:100%}.header.menu-fixed .header__top{display:none}.header.menu-fixed .header__bottom{padding:0 30px;box-shadow:0 2px 5px #0000001a;background-color:#070b28}@media (max-width: 1199px){.header.menu-fixed .header__bottom{padding:15px 30px}}.header__bottom{padding:0 30px}.header .site-logo img{max-width:150px}@media (max-width: 1199px){.header .main-menu{padding:15px 0}}.header .main-menu li,.header .main-menu li.menu_has_children{position:relative}.header .main-menu li.menu_has_children.open .sub-menu{display:block}@media (max-width: 1199px){.header .main-menu li.menu_has_children>a{display:block}}@media (max-width: 1199px){.header .main-menu li.menu_has_children a>.si{transition:all .3s}.header .navbar-toggler:not(.collapsed){color:#03cf03}}.header .main-menu li.menu_has_children.open>a{color:#03cf03}@media (max-width: 1199px){.header .main-menu li.menu_has_children.open>a .si{transform:rotate(180deg);color:#03cf03;transition:all .3s}}.header .main-menu li a{padding:20px 15px 20px 0;text-transform:uppercase;font-size:14px;color:#e7e7f4;position:relative}@media (max-width: 1199px){.header .main-menu li a{padding:8px 0;display:block;border-bottom:1px solid rgba(255,255,255,.1)}}@media (hover){.header .main-menu li a:hover,.header .main-menu li a:focus{color:#03cf03}}.header .main-menu li .sub-menu{position:absolute;width:auto;top:105%;left:-20px;z-index:9999;background-color:#070b28e6;padding:10px 0;border-top:2px solid #029d02;box-shadow:0 18px 54px -8px #00000026;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:all .3s;opacity:0;visibility:hidden;z-index:9;-moz-column-count:2;column-count:2;-moz-column-gap:0px;column-gap:0px}.header .main-menu li .sub-menu li{white-space:nowrap}@media (max-width: 1199px){.header .main-menu li .sub-menu{opacity:1;visibility:visible;display:none;position:static;transition:none;width:100%;background-color:#1e1e46;-moz-column-count:1;column-count:1}}.header .main-menu li .sub-menu li a{padding:8px 20px;display:block;color:#fff;font-size:14px}.header .main-menu li .sub-menu li a:hover{color:#03cf03;text-decoration:none}.header .main-menu li .sub-menu li+li{margin-left:0}.header .main-menu li:hover .sub-menu{top:100%;opacity:1;visibility:visible}.header .main-menu li+li{margin-left:10px}@media (max-width: 1199px){.header .main-menu li+li{margin-left:0}}.header .nav-right{display:flex;flex-wrap:wrap;align-items:center}@media (max-width: 575px){.header .nav-right{justify-content:space-between;margin-top:20px}}.header .nav-right a{color:#fff;text-transform:uppercase;display:inline-flex;align-items:center;font-size:14px}.header .nav-right a i{font-size:20px;margin-right:8px}.header .nav-right a+a{margin-left:30px}@media (max-width: 575px){.header .nav-right a+a{margin-left:0}}.header .nav-right .nice-select{margin-left:30px;width:90px;background-color:transparent;min-height:40px;line-height:40px;border:1px solid rgba(255,255,255,.15)}@media (max-width: 575px){.header .nav-right .nice-select{margin-left:0}}.header .nav-right .nice-select .current{color:#fff}.header .nav-right__search-btn{background-color:transparent;font-size:18px;color:#fff}@media (max-width: 767px){.navbar-collapse{max-height:320px;overflow:auto}}.navbar-toggler{padding:0;border:none}.navbar-toggler:focus{outline:none}.menu-toggle{margin:10px 0;position:relative;display:block;width:35px;height:20px;background:transparent;border-top:2px solid;border-bottom:2px solid;color:#000;font-size:0;transition:all .25s ease-in-out;cursor:pointer}@media (max-width: 1199px){.menu-toggle{color:#fff}}.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:100%;height:2px;position:absolute;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%);transition:transform .25s ease-in-out;-moz-transition:-webkit-transform .25s ease-in-out;-ms-transition:-webkit-transform .25s ease-in-out}@media (max-width: 1199px){.menu-toggle:before,.menu-toggle:after{background-color:#fff}}span.menu-toggle:hover{color:#000}@media (max-width: 1199px){span.menu-toggle:hover{color:#fff}}.header-search-area{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#000000a6;cursor:crosshair;transform:scaleY(0);transform-origin:center;transition:all .5s}.header-search-area.active{transform:scale(1)}.header-search-form{position:relative}.header-search-form input{width:100%;min-height:70px;padding:10px 80px 10px 20px;background-color:#000;border:1px solid rgba(255,255,255,.15);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:#fff}.header-search-form button{position:absolute;top:0;right:0;width:60px;height:100%;background-color:#ee005f;color:#fff;font-size:24px;border-radius:0 5px 5px 0}.movie-card{overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;transition:all .3s}@media (hover){.movie-card:hover{transform:scale(1.05)}.movie-card:hover .movie-card__thumb .icon{opacity:1;visibility:visible}}.movie-card__thumb{position:relative}.movie-card__thumb .card-title{display:block;position:absolute;bottom:0;left:0;right:0;padding:4px 10px;color:#fff;background-color:#1b1b3fe6;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.movie-card__thumb img{width:100%;aspect-ratio:2/3;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}.movie-card__thumb .icon{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000008c;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color:#03cf03;font-size:24px;opacity:0;visibility:hidden;transition:all .3s}@media not (hover){.movie-card__thumb .icon{opacity:1;visibility:visible;background-color:#0003}}.movie-card__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}@media (max-width: 425px){.movie-card .movie-card__content{display:none}}.movie-card__content .year{font-size:14px}.movie-card__meta{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5px}.movie-card__meta li i{font-size:12px}.movie-card__meta li span{font-size:12px;padding-left:4px}.si{display:inline-block;width:1em;height:1em;line-height:1;vertical-align:text-top;fill:currentColor}.container-fluid,.container-md{padding-left:50px;padding-right:50px}@media (max-width: 767px){.container-fluid,.container-md{padding-left:15px;padding-right:15px}}@media (min-width: 1550px){.col-xxl-6{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}.col-xxl-3{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%}.col-xxl-2{flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;max-width:16.66667%}}@media (max-width: 480px){.col-xs-12{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}.col-xs-6{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}}.mb-30{margin-bottom:30px}.mb-50{margin-bottom:50px}.mb-none-30{margin-bottom:-30px}.pt-80{padding-top:80px}@media (max-width: 1199px){.pt-80{padding-top:40px}}.pb-80{padding-bottom:80px}@media (min-width: 1360px){.container{max-width:1240px}}.bg_img{background-size:cover;background-position:center}.text-small{font-size:12px!important}.dark--overlay{position:relative}.dark--overlay:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:#1b1b3f8a;box-shadow:inset 1px 0 105px 105px #0d0d31}label{color:#777;margin-bottom:13px}.nice-select{width:100%;min-height:50px;line-height:50px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}.card-header{background-color:#1b1b3f;border-bottom:1px solid rgba(238,0,95,.431372549)}.card-body{background-color:#1b1b3f}.section-header{margin-bottom:35px;margin-top:-8px;border-bottom:2px solid rgba(255,255,255,.1607843137)}.section-title{font-size:28px;padding-bottom:5px}.cmn-accordion .card-header .acc-btn.collapsed .plus-icon:after{transform:translate(-50%,-50%) rotate(0)}.tab-content{padding:30px 0 0}.nice-select.open{border-color:#ee005f}.page-breadcrumb{display:flex;flex-wrap:wrap;margin-top:10px}.page-breadcrumb li{color:#fff;text-transform:capitalize}.page-breadcrumb li:after{content:"-";color:#fff;margin:0 5px}.page-breadcrumb li:last-child:after{display:none}.page-breadcrumb li a{color:#fff;text-transform:capitalize}h1,.h1{font-size:62px}h2,.h2{font-size:36px}@media (max-width: 991px){h2,.h2{font-size:32px}}@media (max-width: 767px){h2,.h2{font-size:28px}}@media (max-width: 575px){h2,.h2{font-size:24px}}h3,.h3{font-size:24px}h4,.h4{font-size:22px}@media (max-width: 767px){h4,.h4{font-size:20px}}h5,.h5{font-size:20px}@media (max-width: 767px){h5,.h5{font-size:18px}}h6,.h6{font-size:18px}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:Bai Jamjuree,sans-serif;color:#fff;font-weight:400;margin:0;line-height:1.3}h1>a,.h1>a,h2>a,.h2>a,h3>a,.h3>a,h4>a,.h4>a,h5>a,.h5>a,h6>a,.h6>a{font-family:Bai Jamjuree,sans-serif;color:#fff;font-weight:400;transition:all .3s;line-height:1.3}p,li,span{line-height:1.7;margin:0}a{text-decoration:none;display:inline-block;font-weight:400}a:hover{text-decoration:none}.color--glod{color:gold!important}.color--primary{color:#7367f0!important}.cmn-btn{padding:14px 35px;text-transform:capitalize;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#ee005f;box-shadow:0 10px 20px #00000026;transition:all .3s;color:#fff}.cmn-btn:hover{color:#fff;background-color:#03cf03}.video-btn{display:flex;flex-wrap:wrap;align-items:center}.video-btn span{color:#fff;margin-left:20px;font-size:18px}.video-btn .icon{width:65px;height:65px;color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:#ee005f;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;animation:pulse 2s linear infinite;-webkit-animation:pulse 2s linear infinite;-moz-animation:pulse 2s linear infinite}@media (max-width: 991px){.video-btn .icon{width:45px;height:45px;line-height:45px}}@media (max-width: 400px){.video-btn .icon{width:35px;height:35px;line-height:35px}.video-btn span{font-size:12px}.video-btn .icon i{font-size:12px!important}}.video-btn .icon:hover{color:#fff}.video-btn .icon:before,.video-btn .icon:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border-radius:74px;background-color:#ee005f;opacity:.15;z-index:-10}.video-btn .icon:before{z-index:-10;animation:inner-ripple 2s linear infinite;-webkit-animation:inner-ripple 2s linear infinite;-moz-animation:inner-ripple 2s linear infinite}.video-btn .icon:after{z-index:-10;animation:outer-ripple 2s linear infinite;-webkit-animation:outer-ripple 2s linear infinite;-moz-animation:outer-ripple 2s linear infinite}.video-btn .icon i{font-size:18px}@keyframes outer-ripple{0%{transform:scale(1);opacity:.5}80%{transform:scale(1.5);opacity:0}to{transform:scale(2.5);opacity:0}}@keyframes inner-ripple{0%{transform:scale(1);opacity:.5}30%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}[data-label]{position:relative}[data-label]:before{position:absolute;content:attr(data-label);font-weight:700;color:#fff;top:0;left:0;padding:13px 15px;display:none}@media (max-width: 1199px){.hero{margin-top:70px}}.movie-slide:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.56;z-index:-1}.movie-slide__content{width:60%;padding-left:200px;padding-right:250px}@media (max-width: 1500px){.movie-slide__content{padding-right:0}}@media (max-width: 1199px){.movie-slide__content{width:80%}}@media (max-width: 991px){.movie-slide__content{width:100%;padding-left:30px;padding-right:30px;text-align:center}}@media (max-width: 575px){.movie-slide__content{padding:0 15px}}.movie-slide__content .movie-name{font-size:72px}@media (max-width: 991px){.movie-slide__content .movie-name{font-size:42px}}@media (max-width: 575px){.movie-slide__content .movie-name{font-size:30px}}@media (max-width: 400px){.movie-slide__content .movie-name{font-size:24px}}.movie-slide__content p{margin-top:20px;font-size:18px;color:#d6d6d6}@media (max-width: 991px){.movie-slide__content p{display:none}}.movie-slide .movie-meta{display:flex;flex-wrap:wrap;margin:-3px -15px}.movie-slide .movie-meta li{margin:3px 15px;position:relative}.movie-slide .movie-meta li:last-child:after{display:none}.movie-slide .movie-meta li:after{position:absolute;content:"";top:12px;right:-19px;width:6px;height:6px;background-color:#bbb;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.movie-slide .movie-meta li i{font-size:14px}.movie-slide .movie-meta li span{padding-left:4px;color:#fff;font-size:14px}.hero__slider .slick-dots{position:absolute;width:100%;display:flex;flex-wrap:wrap;justify-content:center;bottom:30px}@media (max-width: 575px){.hero__slider .slick-dots{bottom:15px}}.hero__slider .slick-dots li{margin:0 10px}.hero__slider .slick-dots li.slick-active button{background-color:#03cf03}.hero__slider .slick-dots li button{font-size:0;width:35px;height:4px;background-color:#c5c5c5}@media (max-width: 400px){.hero__slider .slick-dots{bottom:10px}.hero__slider .slick-dots li button{height:2px}}.inner-hero{padding-top:200px;padding-bottom:150px}@media (max-width: 1199px){.inner-hero{padding-top:150px;padding-bottom:100px}}.inner-hero.list-hero{padding-top:105px;padding-bottom:75px}@media (max-width: 1199px){.inner-hero.list-hero{padding-top:100px;padding-bottom:50px}.inner-hero.list-hero:before{box-shadow:inset 1px 0 60px 60px #0d0d31}}.movie-slider-one .slick-arrow{position:absolute;width:30px;height:25px;line-height:25px;text-align:center;font-size:20px;color:#fff;background-color:#03cf03;z-index:1;top:-35px;right:0;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:all .3s}@media (max-width: 575px){.movie-slider-one .slick-arrow{top:50%}}.movie-slider-one .slick-arrow.slick-disabled{background-color:#880036}.movie-slider-one .slick-arrow.prev{right:50px}@media (max-width: 575px){.movie-slider-one .slick-arrow.prev{right:auto;left:-15px}}@media (max-width: 575px){.movie-slider-one .slick-arrow.next{right:-15px}}.movie-slider-one .slick-list{margin:-30px -15px}.movie-slider-one .movie-card{margin:30px 15px}.movie-slider-two .slick-arrow{position:absolute;width:30px;height:25px;line-height:25px;text-align:center;font-size:20px;color:#fff;background-color:#ee005f;z-index:1;top:-50px;right:0;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:all .3s}.movie-slider-two .slick-arrow.slick-disabled{background-color:#880036}.movie-slider-two .slick-arrow.prev{right:50px}.movie-slider-two .slick-list{margin:-15px}.movie-slider-two .slick-slide{margin:15px}.single-movie-thumb{position:relative}.single-movie-thumb .video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.single-movie-content p{color:#fff}.single-movie-content .movie-card__meta{margin:-3px -7px}.single-movie-content .movie-card__meta li{margin:3px 7px}.single-movie-content .movie-card__meta li span{color:#fff;font-size:18px}.movie-small{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1215686275);display:flex;flex-wrap:wrap}.movie-small:first-child{padding-top:0}.movie-small:last-child{padding-bottom:0;border-bottom:none}.movie-small__thumb{width:70px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;overflow:hidden}.movie-small__thumb img{width:100%;height:auto;aspect-ratio:2/3;min-height:80px;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}.movie-small__content{width:calc(100% - 80px);padding-left:20px}.movie-list-scroll .movie-small__thumb{width:120px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;position:relative}@media (max-width: 575px){.movie-list-scroll .movie-small__thumb{width:70px}}.movie-list-scroll .movie-small__thumb img{width:100%;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}.movie-list-scroll .movie-small__content{width:calc(100% - 120px);padding-left:20px}@media (max-width: 575px){.movie-list-scroll .movie-small__content{width:calc(100% - 70px);padding-left:20px}}.movie-small__content .movie-card__meta{justify-content:flex-start;margin:-3px -7px}.movie-small__content .movie-card__meta li{margin:3px 7px}.single-movie{position:relative;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden}.single-movie:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:#000;background:linear-gradient(to bottom,#ffffff12,#000000a3)}.single-movie__thumb img{height:480px;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}@media (max-width: 767px){.single-movie__thumb img{height:400px}}@media (max-width: 575px){.single-movie__thumb img{height:300px}}@media (max-width: 480px){.single-movie__thumb img{height:225px}}@media (max-width: 380px){.single-movie__thumb img{height:195px}}.single-movie .video-btn{position:absolute;bottom:30px;right:30px}@media (max-width: 1549px) and (min-width: 1200px){.single-movie .video-btn{bottom:auto;top:30px;right:auto;left:30px}}@media (max-width: 575px){.single-movie .video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);justify-content:center}}.single-movie .video-btn .icon{width:55px;height:55px;line-height:55px}.single-movie .video-btn .icon i{font-size:18px}.single-movie .video-btn span{font-size:16px}@media (max-width: 575px){.single-movie .video-btn span{display:none}}.trailer-card:hover .trailer-card__content{opacity:1;visibility:visible}.trailer-card__thumb{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;overflow:hidden;position:relative}.trailer-card__thumb img{width:100%;height:195px;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}@media (max-width: 1199px){.trailer-card__thumb img{height:130px}}@media (max-width: 991px){.trailer-card__thumb img{height:115px}}@media (max-width: 575px){.trailer-card__thumb img{height:140px}}@media (max-width: 380px){.trailer-card__thumb img{height:90px}}.trailer-card__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#0000008c;opacity:0;visibility:hidden;transition:all .3s}.trailer-slider .slick-arrow{position:absolute;width:30px;height:25px;line-height:25px;text-align:center;font-size:20px;color:#fff;background-color:#ee005f;z-index:1;top:-68px;right:0;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:all .3s}.trailer-slider .slick-arrow.slick-disabled{background-color:#880036}.trailer-slider .slick-arrow.prev{right:50px}.trailer-slider .slick-list{margin:0 -15px}.trailer-slider .slick-slide{margin:0 15px}.video-modal{background-color:#0000006b}.video-modal .close{opacity:1;width:35px;height:35px;line-height:30px;padding:0;background-color:#ee005f;color:#fff;position:absolute;top:0;right:0;z-index:1;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.video-modal .close:hover{opacity:1;color:#fff}.video-modal .modal-content{background-color:transparent;border:none}.video-modal .my-video-dimensions{width:100%!important}.movie-details-content .movie-small-list{counter-reset:section}.movie-details-content .movie-small-list .movie-small{padding-top:15px;padding-bottom:0;position:relative;cursor:pointer}.movie-details-content .movie-small-list .movie-small.open{scroll-margin-top:70px}.movie-details-content .movie-small-list .movie-small>a{padding:15px}.movie-details-list li{display:flex;flex-wrap:wrap}.movie-details-list .caption{width:100px;color:#fff}.movie-details-list .value{width:calc(100% - 100px)}#preloader{position:fixed;width:100%;height:100vh;z-index:99999;overflow:visible;background:#1b1b3f;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;top:0;left:0}#preloader .pre-logo{text-align:center}#preloader .gif{width:130px;height:105px;margin:0 auto;background-position:center;background-repeat:no-repeat}.footer__top{padding-top:100px;padding-bottom:80px}.footer__bottom{padding:20px 0;background-color:#0d0d31}.social-links{display:flex;flex-wrap:wrap;margin:-3px -7px}.social-links li{margin:3px 7px}.social-links li a{width:45px;height:45px;text-align:center;line-height:45px;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:all .3s}.social-links li a:hover{background-color:#ee005f;border-color:#ee005f}.footer-widget__title{margin-bottom:25px}.link-list li+li{margin-top:10px}.link-list li a{color:#bfbfbf;transition:all .3s}.link-list li a:hover{color:#fff}.subscribe-form{display:flex;flex-wrap:wrap}.subscribe-form input{padding:10px 25px;width:calc(100% - 55px);border:none;border-radius:25px 0 0 25px;-webkit-border-radius:25px 0 0 25px;-moz-border-radius:25px 0 0 25px;-ms-border-radius:25px 0 0 25px;-o-border-radius:25px 0 0 25px;min-height:50px;background-color:#0d0d31;color:#fff}.subscribe-form button{width:55px;background-color:#ee005f;color:#fff;border-radius:0 25px 25px 0;-webkit-border-radius:0 25px 25px 0;-moz-border-radius:0 25px 25px 0;-ms-border-radius:0 25px 25px 0;-o-border-radius:0 25px 25px 0}.links{display:flex;flex-wrap:wrap;margin:-3px -10px}.links li{margin:3px 10px}.links li a{color:#bfbfbf;transition:all .3s}.links li a:hover{color:#ee005f}@media (max-width: 991px){.thumb__2 img{height:300px}}@media (max-width: 575px){.thumb__2 img{height:230px}}@media (max-width: 575px){.movie-slider-one .movie-card__thumb img{height:385px}}@media (max-width: 480px){.thumb__2 img,.movie-slider-one .movie-card__thumb img{height:310px}}@media (max-width: 425px){.thumb__2 img,.movie-slider-one .movie-card__thumb img{height:280px}}@media (max-width: 380px){.thumb__2 img,.movie-slider-one .movie-card__thumb img{height:240px}}@media (max-width: 340px){.thumb__2 img,.movie-slider-one .movie-card__thumb img{height:200px}}.single-movie:before{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-content{background-color:#0d0d31}.modal-header{border-bottom:1px solid rgba(221,221,221,.15)}.modal-footer{border-top:1px solid rgba(221,221,221,.15)}.modal-footer .cmn-btn{padding:7px 15px}.dropdown-menu{background-color:#ee005f}@media (max-width: 380px){.dropdown-menu{width:100%}}.dropdown-menu a{color:#fff!important;margin-left:0!important;border-bottom:1px solid rgba(13,13,49,.1803921569)}.dropdown-menu a+a{margin-top:0!important}.movie-card,.movie-small{position:relative}.movie-small:first-child:after{top:0}.movie-content{padding-top:15px}.movie-content .title{font-size:26px;margin-bottom:15px}@media (max-width: 575px){.movie-content .title{margin-bottom:0}}@media only screen and (max-width: 991px){.movie-content .title{font-size:20px}}.movie-content .sub-title,.movie-content p{font-size:13px}.movie-content-right .movie-widget-area{border:none;padding:0;margin:0;display:flex;align-items:center;flex-direction:row}.movie-content-right .movie-widget-area span:last-child{margin-right:0}.movie-content-right .movie-widget-area span i{font-size:24px;margin-right:5px;cursor:pointer}.movie-content-right .movie-widget-area [class*=movie-widget]:last-child i{margin-right:0;cursor:pointer}.movie-widget-area{border-top:1px solid rgba(255,255,255,.1);padding-top:10px;margin-top:20px;padding-bottom:20px}.movie-widget-area .movie-widget{font-size:16px;margin-right:15px;display:flex;align-items:center;flex-direction:row}.movie-widget-area .addWishlist{margin-right:0!important}.btn{transition:all .3s ease .02s}.title-share{margin:0 -5px;padding-top:10px}@media (max-width: 575px){.title-share{padding-top:5px}}.title-share li{padding:0 5px}.title-share li a{color:#bfbfbf}.title-share li a:hover{color:#03cf03}.slimScrollDiv,.movie-details-content .movie-small-list{height:auto!important}.footer-widget a img{width:200px}.single-movie-content{position:relative}.nav-right__search-btn{padding:0}.header .nav-right a+a{margin-left:0}.header .nav-right .nice-select{margin-left:0}.movie-small__lock{width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:.3s linear}li.open .movie-small__lock{transform:rotate(180deg)}@media (max-width: 575px){.movie-small__lock{width:15px;height:15px}}.episode-list{padding:1rem 0rem}.episode-list .episode{max-width:200px}.episode-list .episode img{aspect-ratio:16/9}.episode-list .episode:after{position:absolute;content:attr(data-label);top:0;left:0;background-color:#03cf03!important;color:#fff;font-size:12px;padding:1px 6px;animation:pulse 1s infinite}.episode-list .episode .episode-title{font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;color:#fff}@media (max-width: 767px){.episode-list .episode{max-width:160px}}.movie-small__lock:hover{color:#03cf03}.movie-item__overlay{background-color:#ffffff0e}.movie-small.movie-item__overlay:after{top:15px;left:40px}.table--responsive--lg tbody tr .data-not-found{justify-content:center;padding-left:0}.table--responsive--lg tbody tr .data-not-found:before{content:unset}.data-not-found__text{display:block!important;padding-left:0!important;text-align:center!important}.movie-single-video.video-show{position:relative}@media (max-width: 575px){#adModal .modal-content{padding:0 10px 0 0}}.btn{display:inline-block;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.download-links{display:flex;flex-direction:row;gap:15px;align-items:center;margin-top:30px}.download-links__item img{height:45px!important;width:150px!important}.hero__slider .slick-dots li.slick-active button,.video-btn .icon{background-color:#03cf03}.video-btn .icon:before,.video-btn .icon:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border-radius:74px;background-color:#03cf03;opacity:.15;z-index:-10}.video-btn .icon:before:hover,.video-btn .icon:after:hover{background-color:#029d02}.header-search-form button,.dropdown-menu{background-color:#03cf03}.movie-card__thumb .icon,a:hover{color:#03cf03}.cmn-btn{background-color:#03cf03}.base--color{color:#03cf03}.social-links li a:hover{background-color:#03cf03;border-color:#03cf03}.subscribe-form button{background-color:#03cf03}.links li a:hover{color:#03cf03}.cmn-btn:hover{background-color:#029d02}.card-header{background-color:#1b1b3f;border-bottom:1px solid #03cf03}.card{border-color:#1b1b3f;background-color:#1b1b3f}.card-header{background-color:#1b1b3f}.card-body{background-color:#1b1b3f!important}@media (max-width: 1199px){.header__bottom{background-color:#1b1b3f;padding:15px 30px}}.movie-card__content{padding:20px;background-color:#1b1b3f}#preloader{background:#1b1b3f}.footer{background-color:#1b1b3f}@media (min-width: 1200px){.movie-small>a:after{position:absolute;content:attr(data-text);top:30px;left:15px;background-color:#03cf03!important;color:#fff;font-size:12px;padding:1px 6px;border-radius:5px 0 3px;animation:pulse 1s infinite}}.movie-card:after{position:absolute;content:attr(data-text);top:0;left:0;background-color:#03cf03!important;color:#fff;font-size:13px;padding:2px 10px;border-radius:0 3px 3px 0;animation:pulse 1s infinite}.plyr--video .plyr__control[aria-expanded=true]{background:#03cf03!important}img.lazy{opacity:0}img:not(.initial){transition:opacity .6s}img.loaded{opacity:1} +@charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #03cf03;--bs-secondary: #1B1B3F;--bs-warning: #ffc107;--bs-primary-rgb: 3, 207, 3;--bs-secondary-rgb: 27, 27, 63;--bs-warning-rgb: 255, 193, 7;--bs-primary-text-emphasis: #015301;--bs-secondary-text-emphasis: #0b0b19;--bs-success-text-emphasis: #0a3622;--bs-info-text-emphasis: #055160;--bs-warning-text-emphasis: #664d03;--bs-danger-text-emphasis: #58151c;--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: #cdf5cd;--bs-secondary-bg-subtle: #d1d1d9;--bs-success-bg-subtle: #d1e7dd;--bs-info-bg-subtle: #cff4fc;--bs-warning-bg-subtle: #fff3cd;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #9aec9a;--bs-secondary-border-subtle: #a4a4b2;--bs-success-border-subtle: #a3cfbb;--bs-info-border-subtle: #9eeaf9;--bs-warning-border-subtle: #ffe69c;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(33, 37, 41, .75);--bs-secondary-color-rgb: 33, 37, 41;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233, 236, 239;--bs-tertiary-color: rgba(33, 37, 41, .5);--bs-tertiary-color-rgb: 33, 37, 41;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-heading-color: inherit;--bs-link-color: #03cf03;--bs-link-color-rgb: 3, 207, 3;--bs-link-decoration: none;--bs-link-hover-color: #02a602;--bs-link-hover-color-rgb: 2, 166, 2;--bs-code-color: #d63384;--bs-highlight-color: #212529;--bs-highlight-bg: #fff3cd;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, .175);--bs-border-radius: .375rem;--bs-border-radius-sm: .25rem;--bs-border-radius-lg: .5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width: .25rem;--bs-focus-ring-opacity: .25;--bs-focus-ring-color: rgba(3, 207, 3, .25);--bs-form-valid-color: #198754;--bs-form-valid-border-color: #198754;--bs-form-invalid-color: #dc3545;--bs-form-invalid-border-color: #dc3545}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1,.h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1,.h1{font-size:2.5rem}}h2,.h2{font-size:calc(1.325rem + .9vw)}@media (min-width: 1200px){h2,.h2{font-size:2rem}}h3,.h3{font-size:calc(1.3rem + .6vw)}@media (min-width: 1200px){h3,.h3{font-size:1.75rem}}h4,.h4{font-size:calc(1.275rem + .3vw)}@media (min-width: 1200px){h4,.h4{font-size:1.5rem}}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dd{margin-bottom:.5rem;margin-left:0}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:none}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code{font-family:var(--bs-font-monospace);font-size:1em}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}figure{margin:0 0 1rem}img,svg{vertical-align:middle}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[role=button]{cursor:pointer}button,[type=button],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}summary{display:list-item;cursor:pointer}[hidden]{display:none!important}.img-fluid{max-width:100%;height:auto}.figure{display:inline-block}.container,.container-fluid,.container-md{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container-md,.container{max-width:720px}}@media (min-width: 992px){.container-md,.container{max-width:960px}}@media (min-width: 1200px){.container-md,.container{max-width:1140px}}@media (min-width: 1400px){.container-md,.container{max-width:1320px}}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.row-cols-2>*{flex:0 0 auto;width:50%}.col-4{flex:0 0 auto;width:33.33333333%}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.gy-3{--bs-gutter-y: 1rem}.g-4{--bs-gutter-x: 1.5rem}.g-4{--bs-gutter-y: 1.5rem}@media (min-width: 576px){.row-cols-sm-4>*{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width: 768px){.col-md-3{flex:0 0 auto;width:25%}.col-md-6{flex:0 0 auto;width:50%}}@media (min-width: 992px){.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width: 1200px){.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-12{flex:0 0 auto;width:100%}}@media (min-width: 1400px){.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-6{flex:0 0 auto;width:50%}}.btn{--bs-btn-padding-x: .75rem;--bs-btn-padding-y: .375rem;--bs-btn-font-family: ;--bs-btn-font-size: 1rem;--bs-btn-font-weight: 400;--bs-btn-line-height: 1.5;--bs-btn-color: var(--bs-body-color);--bs-btn-bg: transparent;--bs-btn-border-width: var(--bs-border-width);--bs-btn-border-color: transparent;--bs-btn-border-radius: var(--bs-border-radius);--bs-btn-hover-border-color: transparent;--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);--bs-btn-disabled-opacity: .65;--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color: #000;--bs-btn-bg: #03cf03;--bs-btn-border-color: #03cf03;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #29d629;--bs-btn-hover-border-color: #1cd41c;--bs-btn-focus-shadow-rgb: 3, 176, 3;--bs-btn-active-color: #000;--bs-btn-active-bg: #35d935;--bs-btn-active-border-color: #1cd41c;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #03cf03;--bs-btn-disabled-border-color: #03cf03}.dropend{position:relative}.dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: var(--bs-border-radius);--bs-dropdown-border-width: var(--bs-border-width);--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: var(--bs-box-shadow);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #03cf03;--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width: 576px){.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 768px){.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 992px){.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1200px){.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1400px){.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-toggle:after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropdown-menu.show{display:block}.nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.card{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: .5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: var(--bs-border-width);--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y: .5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: rgb(240, 255, 255);--bs-card-bg: var(--bs-body-bg);--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: 0;--bs-navbar-toggler-padding-x: 0;--bs-navbar-toggler-font-size: 1.5rem;--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color: none;--bs-navbar-toggler-border-radius: 0;--bs-navbar-toggler-focus-width: 0;--bs-navbar-toggler-transition: none;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:hover,.navbar-text a:focus{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion: reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media (min-width: 576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: none;--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x: 0;--bs-breadcrumb-padding-y: 0;--bs-breadcrumb-margin-bottom: 1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color: var(--bs-secondary-color);--bs-breadcrumb-item-padding-x: .5rem;--bs-breadcrumb-item-active-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion: reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion: reduce){.collapsing.collapse-horizontal{transition:none}}.opacity-50{opacity:.5!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.position-relative{position:relative!important}.border-0{border:0!important}.w-100{width:100%!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.order-1{order:1!important}.order-2{order:2!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.me-2{margin-right:.5rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.p-0{padding:0!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.pe-2{padding-right:.5rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.fs-5{font-size:1.25rem!important}.fst-italic{font-style:italic!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.text-uppercase{text-transform:uppercase!important}.text-white{--bs-text-opacity: 1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-primary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity: 1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.rounded{border-radius:var(--bs-border-radius)!important}@media (min-width: 576px){.d-sm-flex{display:flex!important}.justify-content-sm-end{justify-content:flex-end!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.mt-sm-0{margin-top:0!important}.mt-sm-3{margin-top:1rem!important}.mb-sm-3{margin-bottom:1rem!important}}@media (min-width: 768px){.justify-content-md-end{justify-content:flex-end!important}.mt-md-0{margin-top:0!important}}@media (min-width: 992px){.justify-content-lg-start{justify-content:flex-start!important}.mt-lg-0{margin-top:0!important}.mt-lg-5{margin-top:3rem!important}}@media (min-width: 1200px){.ms-xl-5{margin-left:3rem!important}}.base--color{color:#03cf03!important}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-size:16px;padding:0;margin:0;font-weight:400;position:relative;background-color:#0d0d31;color:#bfbfbf}img{max-width:100%;height:auto}ul,ol{padding:0;margin:0;list-style:none}button{cursor:pointer}*:focus{outline:none}button{border:none}button:focus{outline:none}span{display:inline-block}a:hover{color:#03cf03}.header{position:fixed;width:100%;left:0;top:0;z-index:9;transition:all .3s;background:#bdc3c7;background:linear-gradient(to bottom,#000000b3,#00000001)}.header.active{background-color:#070b28}.header.menu-fixed{position:fixed;top:0;left:0;width:100%}.header.menu-fixed .header__top{display:none}.header.menu-fixed .header__bottom{padding:0 30px;box-shadow:0 2px 5px #0000001a;background-color:#070b28}@media (max-width: 1199px){.header.menu-fixed .header__bottom{padding:15px 30px}}.header__bottom{padding:0 30px}.header .site-logo img{max-width:150px}@media (max-width: 1199px){.header .main-menu{padding:15px 0}}.header .main-menu li,.header .main-menu li.menu_has_children{position:relative}.header .main-menu li.menu_has_children.open .sub-menu{display:block}@media (max-width: 1199px){.header .main-menu li.menu_has_children>a{display:block}}@media (max-width: 1199px){.header .main-menu li.menu_has_children a>.si{transition:all .3s}.header .navbar-toggler:not(.collapsed){color:#03cf03}}.header .main-menu li.menu_has_children.open>a{color:#03cf03}@media (max-width: 1199px){.header .main-menu li.menu_has_children.open>a .si{transform:rotate(180deg);color:#03cf03;transition:all .3s}}.header .main-menu li a{padding:20px 15px 20px 0;text-transform:uppercase;font-size:14px;color:#e7e7f4;position:relative}@media (max-width: 1199px){.header .main-menu li a{padding:8px 0;display:block;border-bottom:1px solid rgba(255,255,255,.1)}}@media (hover){.header .main-menu li a:hover,.header .main-menu li a:focus{color:#03cf03}}.header .main-menu li .sub-menu{position:absolute;width:auto;top:105%;left:-20px;z-index:9999;background-color:#070b28e6;padding:10px 0;border-top:2px solid #029d02;box-shadow:0 18px 54px -8px #00000026;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:all .3s;opacity:0;visibility:hidden;z-index:9;-moz-column-count:2;column-count:2;-moz-column-gap:0px;column-gap:0px}.header .main-menu li .sub-menu li{white-space:nowrap}@media (max-width: 1199px){.header .main-menu li .sub-menu{opacity:1;visibility:visible;display:none;position:static;transition:none;width:100%;background-color:#1e1e46;-moz-column-count:1;column-count:1}}.header .main-menu li .sub-menu li a{padding:8px 20px;display:block;color:#fff;font-size:14px}.header .main-menu li .sub-menu li a:hover{color:#03cf03;text-decoration:none}.header .main-menu li .sub-menu li+li{margin-left:0}.header .main-menu li:hover .sub-menu{top:100%;opacity:1;visibility:visible}.header .main-menu li+li{margin-left:10px}@media (max-width: 1199px){.header .main-menu li+li{margin-left:0}}.header .nav-right{display:flex;flex-wrap:wrap;align-items:center}@media (max-width: 575px){.header .nav-right{justify-content:space-between;margin-top:20px}}.header .nav-right a{color:#fff;text-transform:uppercase;display:inline-flex;align-items:center;font-size:14px}.header .nav-right a i{font-size:20px;margin-right:8px}.header .nav-right a+a{margin-left:30px}@media (max-width: 575px){.header .nav-right a+a{margin-left:0}}.header .nav-right__search-btn{background-color:transparent;font-size:18px;color:#fff}@media (max-width: 767px){.navbar-collapse{max-height:320px;overflow:auto}}.navbar-toggler{padding:0;border:none}.navbar-toggler:focus{outline:none}.menu-toggle{margin:10px 0;position:relative;display:block;width:35px;height:20px;background:transparent;border-top:2px solid;border-bottom:2px solid;color:#000;font-size:0;transition:all .25s ease-in-out;cursor:pointer}@media (max-width: 1199px){.menu-toggle{color:#fff}}.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:100%;height:2px;position:absolute;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%);transition:transform .25s ease-in-out;-moz-transition:-webkit-transform .25s ease-in-out;-ms-transition:-webkit-transform .25s ease-in-out}@media (max-width: 1199px){.menu-toggle:before,.menu-toggle:after{background-color:#fff}}span.menu-toggle:hover{color:#000}@media (max-width: 1199px){span.menu-toggle:hover{color:#fff}}.header-search-area{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#000000a6;cursor:crosshair;transform:scaleY(0);transform-origin:center;transition:all .5s}.header-search-area.active{transform:scale(1)}.header-search-form{position:relative}.header-search-form input{width:100%;min-height:70px;padding:10px 80px 10px 20px;background-color:#000;border:1px solid rgba(255,255,255,.15);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:#fff}.header-search-form button{position:absolute;top:0;right:0;width:60px;height:100%;background-color:#ee005f;color:#fff;font-size:24px;border-radius:0 5px 5px 0}.movie-card{overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;transition:all .3s}@media (hover){.movie-card:hover{transform:scale(1.05)}.movie-card:hover .movie-card__thumb .icon{opacity:1;visibility:visible}}.movie-card__thumb{position:relative}.movie-card__thumb .card-title{display:block;position:absolute;bottom:0;left:0;right:0;padding:4px 10px;color:#fff;background-color:#1b1b3fe6;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.movie-card__thumb img{width:100%;aspect-ratio:2/3;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}.movie-card__thumb .icon{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000008c;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color:#03cf03;font-size:24px;opacity:0;visibility:hidden;transition:all .3s}@media not (hover){.movie-card__thumb .icon{opacity:1;visibility:visible;background-color:#0003}}.movie-card__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}@media (max-width: 425px){.movie-card .movie-card__content{display:none}}.movie-card__content .year{font-size:14px}.movie-card__meta{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5px}.movie-card__meta li i{font-size:12px}.movie-card__meta li span{font-size:12px;padding-left:4px}.si{display:inline-block;width:1em;height:1em;line-height:1;vertical-align:text-top;fill:currentColor}.container-fluid,.container-md{padding-left:50px;padding-right:50px}@media (max-width: 767px){.container-fluid,.container-md{padding-left:15px;padding-right:15px}}@media (min-width: 1550px){.col-xxl-6{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}.col-xxl-3{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%}.col-xxl-2{flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;max-width:16.66667%}}@media (max-width: 480px){.col-xs-12{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}.col-xs-6{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}}.mb-30{margin-bottom:30px}.mb-50{margin-bottom:50px}.mb-none-30{margin-bottom:-30px}.pt-80{padding-top:80px}@media (max-width: 1199px){.pt-80{padding-top:40px}}.pb-80{padding-bottom:80px}@media (min-width: 1360px){.container{max-width:1240px}}.bg_img{background-size:cover;background-position:center}.text-small{font-size:12px!important}.dark--overlay{position:relative}.dark--overlay:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:#1b1b3f8a;box-shadow:inset 1px 0 105px 105px #0d0d31}label{color:#777;margin-bottom:13px}.card-header{background-color:#1b1b3f;border-bottom:1px solid rgba(238,0,95,.431372549)}.card-body{background-color:#1b1b3f}.section-header{margin-bottom:35px;margin-top:-8px;border-bottom:2px solid rgba(255,255,255,.1607843137)}.section-title{font-size:28px;padding-bottom:5px}.cmn-accordion .card-header .acc-btn.collapsed .plus-icon:after{transform:translate(-50%,-50%) rotate(0)}.tab-content{padding:30px 0 0}.nice-select.open{border-color:#ee005f}.page-breadcrumb{display:flex;flex-wrap:wrap;margin-top:10px}.page-breadcrumb li{color:#fff;text-transform:capitalize}.page-breadcrumb li:after{content:"-";color:#fff;margin:0 5px}.page-breadcrumb li:last-child:after{display:none}.page-breadcrumb li a{color:#fff;text-transform:capitalize}h1,.h1{font-size:62px}h2,.h2{font-size:36px}@media (max-width: 991px){h2,.h2{font-size:32px}}@media (max-width: 767px){h2,.h2{font-size:28px}}@media (max-width: 575px){h2,.h2{font-size:24px}}h3,.h3{font-size:24px}h4,.h4{font-size:22px}@media (max-width: 767px){h4,.h4{font-size:20px}}h5,.h5{font-size:20px}@media (max-width: 767px){h5,.h5{font-size:18px}}h6,.h6{font-size:18px}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:Bai Jamjuree,sans-serif;color:#fff;font-weight:400;margin:0;line-height:1.3}h1>a,.h1>a,h2>a,.h2>a,h3>a,.h3>a,h4>a,.h4>a,h5>a,.h5>a,h6>a,.h6>a{font-family:Bai Jamjuree,sans-serif;color:#fff;font-weight:400;transition:all .3s;line-height:1.3}p,li,span{line-height:1.7;margin:0}a{text-decoration:none;display:inline-block;font-weight:400}a:hover{text-decoration:none}.color--glod{color:gold!important}.color--primary{color:#7367f0!important}.cmn-btn{padding:14px 35px;text-transform:capitalize;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#ee005f;box-shadow:0 10px 20px #00000026;transition:all .3s;color:#fff}.cmn-btn:hover{color:#fff;background-color:#03cf03}.video-btn{display:flex;flex-wrap:wrap;align-items:center}.video-btn span{color:#fff;margin-left:20px;font-size:18px}.video-btn .icon{width:65px;height:65px;color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:#ee005f;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;animation:pulse 2s linear infinite;-webkit-animation:pulse 2s linear infinite;-moz-animation:pulse 2s linear infinite}@media (max-width: 991px){.video-btn .icon{width:45px;height:45px;line-height:45px}}@media (max-width: 400px){.video-btn .icon{width:35px;height:35px;line-height:35px}.video-btn span{font-size:12px}.video-btn .icon i{font-size:12px!important}}.video-btn .icon:hover{color:#fff}.video-btn .icon:before,.video-btn .icon:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border-radius:74px;background-color:#ee005f;opacity:.15;z-index:-10}.video-btn .icon:before{z-index:-10;animation:inner-ripple 2s linear infinite;-webkit-animation:inner-ripple 2s linear infinite;-moz-animation:inner-ripple 2s linear infinite}.video-btn .icon:after{z-index:-10;animation:outer-ripple 2s linear infinite;-webkit-animation:outer-ripple 2s linear infinite;-moz-animation:outer-ripple 2s linear infinite}.video-btn .icon i{font-size:18px}@keyframes outer-ripple{0%{transform:scale(1);opacity:.5}80%{transform:scale(1.5);opacity:0}to{transform:scale(2.5);opacity:0}}@keyframes inner-ripple{0%{transform:scale(1);opacity:.5}30%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}[data-label]{position:relative}[data-label]:before{position:absolute;content:attr(data-label);font-weight:700;color:#fff;top:0;left:0;padding:13px 15px;display:none}@media (max-width: 1199px){.hero{margin-top:70px}}.movie-slide:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.56;z-index:-1}.movie-slide__content{width:60%;padding-left:200px;padding-right:250px}@media (max-width: 1500px){.movie-slide__content{padding-right:0}}@media (max-width: 1199px){.movie-slide__content{width:80%}}@media (max-width: 991px){.movie-slide__content{width:100%;padding-left:30px;padding-right:30px;text-align:center}}@media (max-width: 575px){.movie-slide__content{padding:0 15px}}.movie-slide__content .movie-name{font-size:72px}@media (max-width: 991px){.movie-slide__content .movie-name{font-size:42px}}@media (max-width: 575px){.movie-slide__content .movie-name{font-size:30px}}@media (max-width: 400px){.movie-slide__content .movie-name{font-size:24px}}.movie-slide__content p{margin-top:20px;font-size:18px;color:#d6d6d6}@media (max-width: 991px){.movie-slide__content p{display:none}}.movie-slide .movie-meta{display:flex;flex-wrap:wrap;margin:-3px -15px}.movie-slide .movie-meta li{margin:3px 15px;position:relative}.movie-slide .movie-meta li:last-child:after{display:none}.movie-slide .movie-meta li:after{position:absolute;content:"";top:12px;right:-19px;width:6px;height:6px;background-color:#bbb;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.movie-slide .movie-meta li i{font-size:14px}.movie-slide .movie-meta li span{padding-left:4px;color:#fff;font-size:14px}.hero__slider .slick-dots{position:absolute;width:100%;display:flex;flex-wrap:wrap;justify-content:center;bottom:30px}@media (max-width: 575px){.hero__slider .slick-dots{bottom:15px}}.hero__slider .slick-dots li{margin:0 10px}.hero__slider .slick-dots li.slick-active button{background-color:#03cf03}.hero__slider .slick-dots li button{font-size:0;width:35px;height:4px;background-color:#c5c5c5}@media (max-width: 400px){.hero__slider .slick-dots{bottom:10px}.hero__slider .slick-dots li button{height:2px}}.inner-hero{padding-top:200px;padding-bottom:150px}@media (max-width: 1199px){.inner-hero{padding-top:150px;padding-bottom:100px}}.inner-hero.list-hero{padding-top:105px;padding-bottom:75px}@media (max-width: 1199px){.inner-hero.list-hero{padding-top:100px;padding-bottom:50px}.inner-hero.list-hero:before{box-shadow:inset 1px 0 60px 60px #0d0d31}}.movie-slider-one .slick-arrow{position:absolute;width:30px;height:25px;text-align:center;font-size:20px;color:#fff;background-color:#03cf03;z-index:1;top:-35px;right:0;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:all .3s}@media (max-width: 575px){.movie-slider-one .slick-arrow{top:50%}}.movie-slider-one .slick-arrow.slick-disabled{background-color:#880036}.movie-slider-one .slick-arrow.prev{right:50px}@media (max-width: 575px){.movie-slider-one .slick-arrow.prev{right:auto;left:-15px}}@media (max-width: 575px){.movie-slider-one .slick-arrow.next{right:-15px}}.movie-slider-one .slick-list{margin:-30px -15px}.movie-slider-one .movie-card{margin:30px 15px}.movie-slider-two .slick-arrow{position:absolute;width:30px;height:25px;line-height:25px;text-align:center;font-size:20px;color:#fff;background-color:#ee005f;z-index:1;top:-50px;right:0;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:all .3s}.movie-slider-two .slick-arrow.slick-disabled{background-color:#880036}.movie-slider-two .slick-arrow.prev{right:50px}.movie-slider-two .slick-list{margin:-15px}.movie-slider-two .slick-slide{margin:15px}.single-movie-thumb{position:relative}.single-movie-thumb .video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.single-movie-content p{color:#fff}.single-movie-content .movie-card__meta{margin:-3px -7px}.single-movie-content .movie-card__meta li{margin:3px 7px}.single-movie-content .movie-card__meta li span{color:#fff;font-size:18px}.movie-small{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1215686275);display:flex;flex-wrap:wrap}.movie-small:first-child{padding-top:0}.movie-small:last-child{padding-bottom:0;border-bottom:none}.movie-small__thumb{width:70px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;overflow:hidden}.movie-small__thumb img{width:100%;height:auto;aspect-ratio:2/3;min-height:80px;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}.movie-small__content{width:calc(100% - 80px);padding-left:20px}.movie-list-scroll .movie-small__thumb{width:120px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;position:relative}@media (max-width: 575px){.movie-list-scroll .movie-small__thumb{width:70px}}.movie-list-scroll .movie-small__thumb img{width:100%;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}.movie-list-scroll .movie-small__content{width:calc(100% - 120px);padding-left:20px}@media (max-width: 575px){.movie-list-scroll .movie-small__content{width:calc(100% - 70px);padding-left:20px}}.movie-small__content .movie-card__meta{justify-content:flex-start;margin:-3px -7px}.movie-small__content .movie-card__meta li{margin:3px 7px}.single-movie{position:relative;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden}.single-movie:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:#000;background:linear-gradient(to bottom,#ffffff12,#000000a3)}.single-movie__thumb img{height:480px;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}@media (max-width: 767px){.single-movie__thumb img{height:400px}}@media (max-width: 575px){.single-movie__thumb img{height:300px}}@media (max-width: 480px){.single-movie__thumb img{height:225px}}@media (max-width: 380px){.single-movie__thumb img{height:195px}}.single-movie .video-btn{position:absolute;bottom:30px;right:30px}@media (max-width: 1549px) and (min-width: 1200px){.single-movie .video-btn{bottom:auto;top:30px;right:auto;left:30px}}@media (max-width: 575px){.single-movie .video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);justify-content:center}}.single-movie .video-btn .icon{width:55px;height:55px;line-height:55px}.single-movie .video-btn .icon i{font-size:18px}.single-movie .video-btn span{font-size:16px}@media (max-width: 575px){.single-movie .video-btn span{display:none}}.trailer-card:hover .trailer-card__content{opacity:1;visibility:visible}.trailer-card__thumb{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;overflow:hidden;position:relative}.trailer-card__thumb img{width:100%;height:195px;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}@media (max-width: 1199px){.trailer-card__thumb img{height:130px}}@media (max-width: 991px){.trailer-card__thumb img{height:115px}}@media (max-width: 575px){.trailer-card__thumb img{height:140px}}@media (max-width: 380px){.trailer-card__thumb img{height:90px}}.trailer-card__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#0000008c;opacity:0;visibility:hidden;transition:all .3s}.trailer-slider .slick-arrow{position:absolute;width:30px;height:25px;line-height:25px;text-align:center;font-size:20px;color:#fff;background-color:#ee005f;z-index:1;top:-68px;right:0;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:all .3s}.trailer-slider .slick-arrow.slick-disabled{background-color:#880036}.trailer-slider .slick-arrow.prev{right:50px}.trailer-slider .slick-list{margin:0 -15px}.trailer-slider .slick-slide{margin:0 15px}.video-modal{background-color:#0000006b}.video-modal .close{opacity:1;width:35px;height:35px;line-height:30px;padding:0;background-color:#ee005f;color:#fff;position:absolute;top:0;right:0;z-index:1;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.video-modal .close:hover{opacity:1;color:#fff}.video-modal .modal-content{background-color:transparent;border:none}.video-modal .my-video-dimensions{width:100%!important}.movie-details-content .movie-small-list{counter-reset:section}.movie-details-content .movie-small-list .movie-small{padding-top:15px;padding-bottom:0;position:relative;cursor:pointer}.movie-details-content .movie-small-list .movie-small.open{scroll-margin-top:70px}.movie-details-content .movie-small-list .movie-small>a{padding:15px}.movie-details-list li{display:flex;flex-wrap:wrap}.movie-details-list .caption{width:100px;color:#fff}.movie-details-list .value{width:calc(100% - 100px)}#preloader{position:fixed;width:100%;height:100vh;z-index:99999;overflow:visible;background:#1b1b3f;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;top:0;left:0}#preloader .pre-logo{text-align:center}#preloader .gif{width:130px;height:105px;margin:0 auto;background-position:center;background-repeat:no-repeat}.footer__top{padding-top:100px;padding-bottom:80px}.footer__bottom{padding:20px 0;background-color:#0d0d31}.social-links{display:flex;flex-wrap:wrap;margin:-3px -7px}.social-links li{margin:3px 7px}.social-links li a{width:45px;height:45px;text-align:center;line-height:45px;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:all .3s}.social-links li a:hover{background-color:#ee005f;border-color:#ee005f}.footer-widget__title{margin-bottom:25px}.link-list li+li{margin-top:10px}.link-list li a{color:#bfbfbf;transition:all .3s}.link-list li a:hover{color:#fff}.subscribe-form{display:flex;flex-wrap:wrap}.subscribe-form input{padding:10px 25px;width:calc(100% - 55px);border:none;border-radius:25px 0 0 25px;-webkit-border-radius:25px 0 0 25px;-moz-border-radius:25px 0 0 25px;-ms-border-radius:25px 0 0 25px;-o-border-radius:25px 0 0 25px;min-height:50px;background-color:#0d0d31;color:#fff}.subscribe-form button{width:55px;background-color:#ee005f;color:#fff;border-radius:0 25px 25px 0;-webkit-border-radius:0 25px 25px 0;-moz-border-radius:0 25px 25px 0;-ms-border-radius:0 25px 25px 0;-o-border-radius:0 25px 25px 0}.links{display:flex;flex-wrap:wrap;margin:-3px -10px}.links li{margin:3px 10px}.links li a{color:#bfbfbf;transition:all .3s}.links li a:hover{color:#ee005f}@media (max-width: 991px){.thumb__2 img{height:300px}}@media (max-width: 575px){.thumb__2 img{height:230px}}@media (max-width: 575px){.movie-slider-one .movie-card__thumb img{height:385px}}@media (max-width: 480px){.thumb__2 img,.movie-slider-one .movie-card__thumb img{height:310px}}@media (max-width: 425px){.thumb__2 img,.movie-slider-one .movie-card__thumb img{height:280px}}@media (max-width: 380px){.thumb__2 img,.movie-slider-one .movie-card__thumb img{height:240px}}@media (max-width: 340px){.thumb__2 img,.movie-slider-one .movie-card__thumb img{height:200px}}.single-movie:before{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-content{background-color:#0d0d31}.modal-header{border-bottom:1px solid rgba(221,221,221,.15)}.modal-footer{border-top:1px solid rgba(221,221,221,.15)}.modal-footer .cmn-btn{padding:7px 15px}.dropdown-menu{background-color:#ee005f}@media (max-width: 380px){.dropdown-menu{width:100%}}.dropdown-menu a{color:#fff!important;margin-left:0!important;border-bottom:1px solid rgba(13,13,49,.1803921569)}.dropdown-menu a+a{margin-top:0!important}.movie-card,.movie-small{position:relative}.movie-small:first-child:after{top:0}.movie-content{padding-top:15px}.movie-content .title{font-size:26px;margin-bottom:15px}@media (max-width: 575px){.movie-content .title{margin-bottom:0}}@media only screen and (max-width: 991px){.movie-content .title{font-size:20px}}.movie-content .sub-title,.movie-content p{font-size:13px}.movie-content-right .movie-widget-area{border:none;padding:0;margin:0;display:flex;align-items:center;flex-direction:row}.movie-content-right .movie-widget-area span:last-child{margin-right:0}.movie-content-right .movie-widget-area span i{font-size:24px;margin-right:5px;cursor:pointer}.movie-content-right .movie-widget-area [class*=movie-widget]:last-child i{margin-right:0;cursor:pointer}.movie-widget-area{border-top:1px solid rgba(255,255,255,.1);padding-top:10px;margin-top:20px;padding-bottom:20px}.movie-widget-area .movie-widget{font-size:16px;margin-right:15px;display:flex;align-items:center;flex-direction:row}.movie-widget-area .addWishlist{margin-right:0!important}.btn{transition:all .3s ease .02s}.title-share{margin:0 -5px;padding-top:10px}@media (max-width: 575px){.title-share{padding-top:5px}}.title-share li{padding:0 5px}.title-share li a{color:#bfbfbf}.title-share li a:hover{color:#03cf03}.slimScrollDiv,.movie-details-content .movie-small-list{height:auto!important}.footer-widget a img{width:200px}.single-movie-content{position:relative}.nav-right__search-btn{padding:0}.header .nav-right a+a{margin-left:0}.movie-small__lock{width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:.3s linear}li.open .movie-small__lock{transform:rotate(180deg)}@media (max-width: 575px){.movie-small__lock{width:15px;height:15px}}.episode-list{padding:1rem 0rem}.episode-list .episode{max-width:200px}.episode-list .episode img{aspect-ratio:16/9}.episode-list .episode:after{position:absolute;content:attr(data-label);top:0;left:0;background-color:#03cf03!important;color:#fff;font-size:12px;padding:1px 6px;animation:pulse 1s infinite}.episode-list .episode .episode-title{font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;color:#fff}@media (max-width: 767px){.episode-list .episode{max-width:160px}}.movie-small__lock:hover{color:#03cf03}.movie-item__overlay{background-color:#ffffff0e}.movie-small.movie-item__overlay:after{top:15px;left:40px}.table--responsive--lg tbody tr .data-not-found{justify-content:center;padding-left:0}.table--responsive--lg tbody tr .data-not-found:before{content:unset}.data-not-found__text{display:block!important;padding-left:0!important;text-align:center!important}.movie-single-video.video-show{position:relative}@media (max-width: 575px){#adModal .modal-content{padding:0 10px 0 0}}.btn{display:inline-block;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.download-links{display:flex;flex-direction:row;gap:15px;align-items:center;margin-top:30px}.download-links__item img{height:45px!important;width:150px!important}.hero__slider .slick-dots li.slick-active button,.video-btn .icon{background-color:#03cf03}.video-btn .icon:before,.video-btn .icon:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border-radius:74px;background-color:#03cf03;opacity:.15;z-index:-10}.video-btn .icon:before:hover,.video-btn .icon:after:hover{background-color:#029d02}.header-search-form button,.dropdown-menu{background-color:#03cf03}.movie-card__thumb .icon,a:hover{color:#03cf03}.cmn-btn{background-color:#03cf03}.base--color{color:#03cf03}.social-links li a:hover{background-color:#03cf03;border-color:#03cf03}.subscribe-form button{background-color:#03cf03}.links li a:hover{color:#03cf03}.cmn-btn:hover{background-color:#029d02}.card-header{background-color:#1b1b3f;border-bottom:1px solid #03cf03}.card{border-color:#1b1b3f;background-color:#1b1b3f}.card-header{background-color:#1b1b3f}.card-body{background-color:#1b1b3f!important}@media (max-width: 1199px){.header__bottom{background-color:#1b1b3f;padding:15px 30px}}.movie-card__content{padding:20px;background-color:#1b1b3f}#preloader{background:#1b1b3f}.footer{background-color:#1b1b3f}@media (min-width: 1200px){.movie-small>a:after{position:absolute;content:attr(data-text);top:30px;left:15px;background-color:#03cf03!important;color:#fff;font-size:12px;padding:1px 6px;border-radius:5px 0 3px;animation:pulse 1s infinite}}.movie-card:after{position:absolute;content:attr(data-text);top:0;left:0;background-color:#03cf03!important;color:#fff;font-size:13px;padding:2px 10px;border-radius:0 3px 3px 0;animation:pulse 1s infinite}.plyr--video .plyr__control[aria-expanded=true]{background:#03cf03!important}img.lazy{opacity:0}img:not(.initial){transition:opacity .6s}img.loaded{opacity:1} diff --git a/public/build/assets/home-BGX3ALD4.css b/public/build/assets/home-BGX3ALD4.css new file mode 100644 index 0000000..cf42942 --- /dev/null +++ b/public/build/assets/home-BGX3ALD4.css @@ -0,0 +1 @@ +.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-track{height:auto}*,*:before,*:after{box-sizing:border-box}@media (max-width: 1199px){.hero{margin-top:70px}}.hero .hero__slider{display:flex;flex-direction:row;width:auto;flex-wrap:nowrap}.hero .movie-slide{padding-top:50px;padding-bottom:50px;position:relative;z-index:1;display:flex!important;flex-wrap:wrap;align-items:center;height:695px}@media (max-width: 1199px){.hero__slider .movie-slide{height:600px}}@media (max-width: 991px){.hero__slider .movie-slide{height:450px}}@media (max-width: 767px){.hero__slider .movie-slide{height:400px}}@media (max-width: 575px){.hero__slider .movie-slide{height:290px}}@media (max-width: 400px){.hero__slider .movie-slide{height:195px}} diff --git a/public/build/assets/home-BWWQaQZ-.js b/public/build/assets/home-BWWQaQZ-.js new file mode 100644 index 0000000..495ca2c --- /dev/null +++ b/public/build/assets/home-BWWQaQZ-.js @@ -0,0 +1 @@ +function r(){var e=$(".hero__slider");e&&(e.on("init",function(a,o){var i=$(".movie-slide:first-child").find("[data-animation]");t(i)}),e.on("beforeChange",function(a,o,i,s){var n=$('.movie-slide[data-slick-index="'+s+'"]').find("[data-animation]");t(n)}),e.slick({autoplay:!0,autoplaySpeed:3e3,lazyLoad:"ondemand",dots:!0,fade:!1,arrows:!1,responsive:[{breakpoint:1024,settings:{slidesToShow:1,slidesToScroll:1,infinite:!0}},{breakpoint:991,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}},{breakpoint:767,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}}]}));function t(a){var o="webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";a.each(function(){var i=$(this),s=i.data("delay"),n="animated "+i.data("animation");i.css({"animation-delay":s,"-webkit-animation-delay":s}),i.addClass(n).one(o,function(){i.removeClass(n)})})}}r();$(".movie-slider-one").slick({lazyLoad:"ondemand",autoplay:!0,slidesToShow:7,slidesToScroll:1,infinite:!0,speed:700,dots:!1,arrows:!0,nextArrow:'',prevArrow:'',responsive:[{breakpoint:1650,settings:{slidesToShow:5}},{breakpoint:1200,settings:{slidesToShow:4}},{breakpoint:992,settings:{slidesToShow:3}},{breakpoint:768,settings:{slidesToShow:2}},{breakpoint:512,settings:{slidesToShow:2}}]});(function(e){"user strict"})(jQuery);document.addEventListener("readystatechange",e=>{}); diff --git a/public/build/assets/home-BhWzZn8-.js b/public/build/assets/home-BhWzZn8-.js deleted file mode 100644 index 83d9fce..0000000 --- a/public/build/assets/home-BhWzZn8-.js +++ /dev/null @@ -1 +0,0 @@ -function l(){var e=$(".hero__slider");e&&(e.on("init",function(s,t){var i=$(".movie-slide:first-child").find("[data-animation]");o(i)}),e.on("beforeChange",function(s,t,i,a){var n=$('.movie-slide[data-slick-index="'+a+'"]').find("[data-animation]");o(n)}),e.slick({autoplay:!0,autoplaySpeed:3e3,dots:!0,fade:!1,arrows:!1,responsive:[{breakpoint:1024,settings:{slidesToShow:1,slidesToScroll:1,infinite:!0}},{breakpoint:991,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}},{breakpoint:767,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}}]}));function o(s){var t="webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";s.each(function(){var i=$(this),a=i.data("delay"),n="animated "+i.data("animation");i.css({"animation-delay":a,"-webkit-animation-delay":a}),i.addClass(n).one(t,function(){i.removeClass(n)})})}}l();$(".movie-slider-one").slick({lazyLoad:"ondemand",autoplay:!0,slidesToShow:7,slidesToScroll:1,infinite:!0,speed:700,dots:!1,arrows:!0,nextArrow:'',prevArrow:'',responsive:[{breakpoint:1650,settings:{slidesToShow:5}},{breakpoint:1200,settings:{slidesToShow:4}},{breakpoint:992,settings:{slidesToShow:3}},{breakpoint:768,settings:{slidesToShow:2}},{breakpoint:512,settings:{slidesToShow:2}}]});(function(e){"user strict"})(jQuery);document.addEventListener("readystatechange",e=>{}); diff --git a/public/build/assets/home-DrDojpTT.css b/public/build/assets/home-DrDojpTT.css deleted file mode 100644 index d80920e..0000000 --- a/public/build/assets/home-DrDojpTT.css +++ /dev/null @@ -1 +0,0 @@ -.hero__slider .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.hero__slider .movie-slide{padding-top:50px;padding-bottom:50px;position:relative;z-index:1;display:flex!important;flex-wrap:wrap;align-items:center;height:695px}.hero__slider .movie-slide:before{height:695px}@media (max-width: 1199px){.hero__slider .movie-slide{height:600px}}@media (max-width: 991px){.hero__slider .movie-slide{height:450px}}@media (max-width: 767px){.hero__slider .movie-slide{height:400px}}@media (max-width: 575px){.hero__slider .movie-slide{height:290px}}@media (max-width: 400px){.hero__slider .movie-slide{height:195px}} diff --git a/public/build/manifest.json b/public/build/manifest.json index 26d266c..e0149bb 100644 --- a/public/build/manifest.json +++ b/public/build/manifest.json @@ -6,7 +6,7 @@ "isEntry": true }, "resources/js/home.js": { - "file": "assets/home-BhWzZn8-.js", + "file": "assets/home-BWWQaQZ-.js", "name": "home", "src": "resources/js/home.js", "isEntry": true @@ -35,8 +35,13 @@ "src": "resources/js/watch.js", "isEntry": true }, + "resources/scss/animate.scss": { + "file": "assets/animate-CTR4MslQ.css", + "src": "resources/scss/animate.scss", + "isEntry": true + }, "resources/scss/app.scss": { - "file": "assets/app-CKeq77Z2.css", + "file": "assets/app-BYCjvQk9.css", "src": "resources/scss/app.scss", "isEntry": true }, @@ -46,7 +51,7 @@ "isEntry": true }, "resources/scss/home.scss": { - "file": "assets/home-DrDojpTT.css", + "file": "assets/home-BGX3ALD4.css", "src": "resources/scss/home.scss", "isEntry": true }, diff --git a/resources/js/home.js b/resources/js/home.js index 04557a6..c1d5393 100644 --- a/resources/js/home.js +++ b/resources/js/home.js @@ -20,6 +20,7 @@ BasicSlider.slick({ autoplay: true, autoplaySpeed: 3000, + lazyLoad: 'ondemand', dots: true, fade: false, arrows: false, @@ -84,8 +85,8 @@ $('.movie-slider-one').slick({ speed: 700, dots: false, arrows: true, - nextArrow: '', - prevArrow: '', + nextArrow: '', + prevArrow: '', responsive: [ { breakpoint: 1650, diff --git a/resources/scss/_main.scss b/resources/scss/_main.scss index 1497d56..6f527dd 100644 --- a/resources/scss/_main.scss +++ b/resources/scss/_main.scss @@ -1938,7 +1938,7 @@ a:hover { position: absolute; width: 30px; height: 25px; - line-height: 25px; + // line-height: 25px; text-align: center; font-size: 20px; color: #ffffff; diff --git a/resources/scss/animate.scss b/resources/scss/animate.scss new file mode 100644 index 0000000..976a30f --- /dev/null +++ b/resources/scss/animate.scss @@ -0,0 +1,3137 @@ +@charset "UTF-8"; + + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license + +Copyright (c) 2013 Daniel Eden + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + -ms-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + -ms-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + -ms-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + -ms-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + -ms-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + -ms-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + -ms-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } +} + +@keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + -ms-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + -ms-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + -ms-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + -ms-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + -ms-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + -ms-transform: scale(.9); + transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + -ms-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + -ms-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + -ms-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + -ms-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + -ms-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + -ms-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + -ms-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + -ms-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + -ms-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + -ms-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + -ms-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + -ms-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + -ms-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + -ms-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + -ms-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 100% { + -webkit-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate(80deg); + -ms-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + -ms-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 100% { + -webkit-transform: translateY(700px); + -ms-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + -ms-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + -ms-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + to { + opacity: 0; + } +} + +@keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + to { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} \ No newline at end of file diff --git a/resources/scss/home.scss b/resources/scss/home.scss index 1de5854..2ded524 100644 --- a/resources/scss/home.scss +++ b/resources/scss/home.scss @@ -1,11 +1,23 @@ -.hero__slider { - .slick-list { - position: relative; - display: block; - overflow: hidden; - margin: 0; - padding: 0; + +.slick-track { + height: auto; +} +@import "../vendor/css/slick.css"; +*,*:before,*:after { + box-sizing: border-box; +} +@media (max-width: 1199px) { + .hero { + margin-top: 70px; } +} +.hero { +.hero__slider { + display: flex; + flex-direction: row; + width: auto; + flex-wrap: nowrap; +} .movie-slide { padding-top: 50px; @@ -21,11 +33,11 @@ &::before { // display: none; - height: 695px; + // height: 695px; } } } - + @media (max-width: 1199px) { diff --git a/resources/vendor/css/slick.css b/resources/vendor/css/slick.css new file mode 100644 index 0000000..57477e8 --- /dev/null +++ b/resources/vendor/css/slick.css @@ -0,0 +1,119 @@ +/* Slider */ +.slick-slider +{ + position: relative; + + display: block; + box-sizing: border-box; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + -webkit-touch-callout: none; + -khtml-user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list +{ + position: relative; + + display: block; + overflow: hidden; + + margin: 0; + padding: 0; +} +.slick-list:focus +{ + outline: none; +} +.slick-list.dragging +{ + cursor: pointer; + cursor: hand; +} + +.slick-slider .slick-track, +.slick-slider .slick-list +{ + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track +{ + position: relative; + top: 0; + left: 0; + + display: block; + margin-left: auto; + margin-right: auto; +} +.slick-track:before, +.slick-track:after +{ + display: table; + + content: ''; +} +.slick-track:after +{ + clear: both; +} +.slick-loading .slick-track +{ + visibility: hidden; +} + +.slick-slide +{ + display: none; + float: left; + + height: 100%; + min-height: 1px; +} +[dir='rtl'] .slick-slide +{ + float: right; +} +.slick-slide img +{ + display: block; +} +.slick-slide.slick-loading img +{ + display: none; +} +.slick-slide.dragging img +{ + pointer-events: none; +} +.slick-initialized .slick-slide +{ + display: block; +} +.slick-loading .slick-slide +{ + visibility: hidden; +} +.slick-vertical .slick-slide +{ + display: block; + + height: auto; + + border: 1px solid transparent; +} +.slick-arrow.slick-hidden { + display: none; +} diff --git a/resources/views/components/svgs/global.blade.php b/resources/views/components/svgs/global.blade.php index f7ac2c6..81e3533 100644 --- a/resources/views/components/svgs/global.blade.php +++ b/resources/views/components/svgs/global.blade.php @@ -53,6 +53,12 @@ + + + + + +