/* Generado por `npm run compilar`. No editar a mano: se reescribe entero. Las fuentes son las hojas de esta misma carpeta, y se juntan en `tailwind/juntar.js`. */ /* --- tipografias.css --- */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/inter-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/inter-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/inter-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/inter-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins-500.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins-600.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/poppins-700.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/poppins-800.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url('../fonts/poppins-900.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* --- line-awesome-banus.css --- */ .la,.lab,.lad,.lal,.lar,.las{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.la-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.la-xs{font-size:.75em}.la-sm{font-size:.875em}.la-1x{font-size:1em}.la-2x{font-size:2em}.la-3x{font-size:3em}.la-4x{font-size:4em}.la-5x{font-size:5em}.la-6x{font-size:6em}.la-7x{font-size:7em}.la-8x{font-size:8em}.la-9x{font-size:9em}.la-10x{font-size:10em}.la-fw{text-align:center;width:1.25em}.la-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.la-ul>li{position:relative}.la-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.la-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.la-pull-left{float:left}.la-pull-right{float:right}.la.la-pull-left,.lab.la-pull-left,.lal.la-pull-left,.lar.la-pull-left,.las.la-pull-left{margin-right:.3em}.la.la-pull-right,.lab.la-pull-right,.lal.la-pull-right,.lar.la-pull-right,.las.la-pull-right{margin-left:.3em}.la-spin{-webkit-animation:la-spin 2s infinite linear;animation:la-spin 2s infinite linear}.la-pulse{-webkit-animation:la-spin 1s infinite steps(8);animation:la-spin 1s infinite steps(8)}@-webkit-keyframes la-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes la-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.la-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.la-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.la-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.la-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.la-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.la-flip-both,.la-flip-horizontal.la-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .la-flip-both,:root .la-flip-horizontal,:root .la-flip-vertical,:root .la-rotate-180,:root .la-rotate-270,:root .la-rotate-90{-webkit-filter:none;filter:none}.la-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.la-stack-1x,.la-stack-2x{left:0;position:absolute;text-align:center;width:100%}.la-stack-1x{line-height:inherit}.la-stack-2x{font-size:2em}.la-inverse{color:#fff}.la-address-card:before{content:"\f2bb"}.la-angle-left:before{content:"\f104"}.la-angle-right:before{content:"\f105"}.la-angle-up:before{content:"\f106"}.la-apple:before{content:"\f179"}.la-archive:before{content:"\f187"}.la-arrow-down:before{content:"\f063"}.la-arrow-left:before{content:"\f060"}.la-arrow-right:before{content:"\f061"}.la-arrow-up:before{content:"\f062"}.la-arrows-alt:before{content:"\f0b2"}.la-ban:before{content:"\f05e"}.la-bars:before{content:"\f0c9"}.la-bath:before{content:"\f2cd"}.la-bed:before{content:"\f236"}.la-bell:before{content:"\f0f3"}.la-bell-slash:before{content:"\f1f6"}.la-blender:before{content:"\f517"}.la-bolt:before{content:"\f0e7"}.la-briefcase:before{content:"\f0b1"}.la-broom:before{content:"\f51a"}.la-building:before{content:"\f1ad"}.la-bullhorn:before{content:"\f0a1"}.la-bullseye:before{content:"\f140"}.la-calendar:before{content:"\f133"}.la-calendar-check:before{content:"\f274"}.la-calendar-plus:before{content:"\f271"}.la-car:before{content:"\f1b9"}.la-chair:before{content:"\f6c0"}.la-charging-station:before{content:"\f5e7"}.la-chart-line:before{content:"\f201"}.la-check:before{content:"\f00c"}.la-check-circle:before{content:"\f058"}.la-check-double:before{content:"\f560"}.la-child:before{content:"\f1ae"}.la-circle:before{content:"\f111"}.la-city:before{content:"\f64f"}.la-clock:before{content:"\f017"}.la-cloud-upload-alt:before{content:"\f382"}.la-code:before{content:"\f121"}.la-cog:before{content:"\f013"}.la-columns:before{content:"\f0db"}.la-comment:before{content:"\f075"}.la-comment-dots:before{content:"\f4ad"}.la-comments:before{content:"\f086"}.la-concierge-bell:before{content:"\f562"}.la-copy:before{content:"\f0c5"}.la-couch:before{content:"\f4b8"}.la-database:before{content:"\f1c0"}.la-dog:before{content:"\f6d3"}.la-door-open:before{content:"\f52b"}.la-download:before{content:"\f019"}.la-drafting-compass:before{content:"\f568"}.la-dumbbell:before{content:"\f44b"}.la-envelope:before{content:"\f0e0"}.la-envelope-open:before{content:"\f2b6"}.la-envelope-open-text:before{content:"\f658"}.la-exchange-alt:before{content:"\f362"}.la-exclamation-circle:before{content:"\f06a"}.la-exclamation-triangle:before{content:"\f071"}.la-external-link-alt:before{content:"\f35d"}.la-eye:before{content:"\f06e"}.la-eye-slash:before{content:"\f070"}.la-facebook-f:before{content:"\f39e"}.la-file:before{content:"\f15b"}.la-file-alt:before{content:"\f15c"}.la-file-csv:before{content:"\f6dd"}.la-file-pdf:before{content:"\f1c1"}.la-filter:before{content:"\f0b0"}.la-fire:before{content:"\f06d"}.la-folder:before{content:"\f07b"}.la-folder-open:before{content:"\f07c"}.la-folder-plus:before{content:"\f65e"}.la-glass-cheers:before{content:"\f79f"}.la-google-play:before{content:"\f3ab"}.la-hand-rock:before{content:"\f255"}.la-handshake:before{content:"\f2b5"}.la-heart:before{content:"\f004"}.la-history:before{content:"\f1da"}.la-home:before{content:"\f015"}.la-hot-tub:before{content:"\f593"}.la-hotel:before{content:"\f594"}.la-hourglass-half:before{content:"\f252"}.la-id-card:before{content:"\f2c2"}.la-igloo:before{content:"\f7ae"}.la-image:before{content:"\f03e"}.la-images:before{content:"\f302"}.la-inbox:before{content:"\f01c"}.la-industry:before{content:"\f275"}.la-info-circle:before{content:"\f05a"}.la-instagram:before{content:"\f16d"}.la-key:before{content:"\f084"}.la-layer-group:before{content:"\f5fd"}.la-leaf:before{content:"\f06c"}.la-life-ring:before{content:"\f1cd"}.la-link:before{content:"\f0c1"}.la-linkedin-in:before{content:"\f0e1"}.la-list:before{content:"\f03a"}.la-lock:before{content:"\f023"}.la-long-arrow-alt-right:before{content:"\f30b"}.la-magic:before{content:"\f0d0"}.la-mail-bulk:before{content:"\f674"}.la-map:before{content:"\f279"}.la-map-marked-alt:before{content:"\f5a0"}.la-map-marker:before{content:"\f041"}.la-map-marker-alt:before{content:"\f3c5"}.la-mountain:before{content:"\f6fc"}.la-newspaper:before{content:"\f1ea"}.la-paper-plane:before{content:"\f1d8"}.la-paperclip:before{content:"\f0c6"}.la-parking:before{content:"\f540"}.la-pen:before{content:"\f304"}.la-pen-nib:before{content:"\f5ad"}.la-phone:before{content:"\f095"}.la-play-circle:before{content:"\f144"}.la-plus:before{content:"\f067"}.la-puzzle-piece:before{content:"\f12e"}.la-quote-left:before{content:"\f10d"}.la-redo-alt:before{content:"\f2f9"}.la-robot:before{content:"\f544"}.la-route:before{content:"\f4d7"}.la-save:before{content:"\f0c7"}.la-search:before{content:"\f002"}.la-seedling:before{content:"\f4d8"}.la-shield-alt:before{content:"\f3ed"}.la-sign-out-alt:before{content:"\f2f5"}.la-sliders-h:before{content:"\f1de"}.la-snowflake:before{content:"\f2dc"}.la-spinner:before{content:"\f110"}.la-star:before{content:"\f005"}.la-sticky-note:before{content:"\f249"}.la-store:before{content:"\f54e"}.la-swimmer:before{content:"\f5c4"}.la-swimming-pool:before{content:"\f5c5"}.la-sync:before{content:"\f021"}.la-tachometer-alt:before{content:"\f3fd"}.la-tag:before{content:"\f02b"}.la-tags:before{content:"\f02c"}.la-tasks:before{content:"\f0ae"}.la-temperature-high:before{content:"\f769"}.la-th:before{content:"\f00a"}.la-th-large:before{content:"\f009"}.la-th-list:before{content:"\f00b"}.la-times:before{content:"\f00d"}.la-times-circle:before{content:"\f057"}.la-tint:before{content:"\f043"}.la-tools:before{content:"\f7d9"}.la-trash:before{content:"\f1f8"}.la-trash-restore:before{content:"\f829"}.la-tree:before{content:"\f1bb"}.la-tshirt:before{content:"\f553"}.la-tv:before{content:"\f26c"}.la-umbrella-beach:before{content:"\f5ca"}.la-undo:before{content:"\f0e2"}.la-upload:before{content:"\f093"}.la-user:before{content:"\f007"}.la-user-check:before{content:"\f4fc"}.la-user-friends:before{content:"\f500"}.la-user-lock:before{content:"\f502"}.la-user-plus:before{content:"\f234"}.la-user-tie:before{content:"\f508"}.la-users:before{content:"\f0c0"}.la-users-cog:before{content:"\f509"}.la-utensils:before{content:"\f2e7"}.la-vector-square:before{content:"\f5cb"}.la-video:before{content:"\f03d"}.la-warehouse:before{content:"\f494"}.la-whatsapp:before{content:"\f232"}.la-wifi:before{content:"\f1eb"}.la-youtube:before{content:"\f167"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:'Line Awesome Brands';font-style:normal;font-weight:400;font-display:auto;src:url(../fonts/la-brands-400.eot);src:url(../fonts/la-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/la-brands-400.woff2) format("woff2"),url(../fonts/la-brands-400.woff) format("woff"),url(../fonts/la-brands-400.ttf) format("truetype"),url(../fonts/la-brands-400.svg#lineawesome) format("svg")}.lab{font-family:'Line Awesome Brands'}@font-face{font-family:'Line Awesome Free';font-style:normal;font-weight:400;font-display:auto;src:url(../fonts/la-regular-400.eot);src:url(../fonts/la-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/la-regular-400.woff2) format("woff2"),url(../fonts/la-regular-400.woff) format("woff"),url(../fonts/la-regular-400.ttf) format("truetype"),url(../fonts/la-regular-400.svg#lineawesome) format("svg")}.lar{font-family:'Line Awesome Free';font-weight:400}@font-face{font-family:'Line Awesome Free';font-style:normal;font-weight:900;font-display:auto;src:url(../fonts/la-solid-900.eot);src:url(../fonts/la-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/la-solid-900.woff2) format("woff2"),url(../fonts/la-solid-900.woff) format("woff"),url(../fonts/la-solid-900.ttf) format("truetype"),url(../fonts/la-solid-900.svg#lineawesome) format("svg")}.la,.las{font-family:'Line Awesome Free';font-weight:900}.la.la-meetup{font-family:'Line Awesome Brands';font-weight:400}.la.la-star-o{font-family:'Line Awesome Free';font-weight:400}.la.la-trash-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-o{font-family:'Line Awesome Free';font-weight:400}.la.la-clock-o{font-family:'Line Awesome Free';font-weight:400}.la.la-arrow-circle-o-down{font-family:'Line Awesome Free';font-weight:400}.la.la-arrow-circle-o-up{font-family:'Line Awesome Free';font-weight:400}.la.la-play-circle-o{font-family:'Line Awesome Free';font-weight:400}.la.la-list-alt{font-family:'Line Awesome Free';font-weight:400}.la.la-picture-o{font-family:'Line Awesome Free';font-weight:400}.la.la-photo{font-family:'Line Awesome Free';font-weight:400}.la.la-image{font-family:'Line Awesome Free';font-weight:400}.la.la-image:before{content:"\f03e"}.la.la-map-marker:before{content:"\f3c5"}.la.la-pencil-square-o{font-family:'Line Awesome Free';font-weight:400}.la.la-share-square-o{font-family:'Line Awesome Free';font-weight:400}.la.la-check-square-o{font-family:'Line Awesome Free';font-weight:400}.la.la-times-circle-o{font-family:'Line Awesome Free';font-weight:400}.la.la-check-circle-o{font-family:'Line Awesome Free';font-weight:400}.la.la-eye{font-family:'Line Awesome Free';font-weight:400}.la.la-eye-slash{font-family:'Line Awesome Free';font-weight:400}.la.la-calendar:before{content:"\f073"}.la.la-bar-chart{font-family:'Line Awesome Free';font-weight:400}.la.la-bar-chart-o{font-family:'Line Awesome Free';font-weight:400}.la.la-twitter-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-facebook-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-thumbs-o-up{font-family:'Line Awesome Free';font-weight:400}.la.la-thumbs-o-down{font-family:'Line Awesome Free';font-weight:400}.la.la-heart-o{font-family:'Line Awesome Free';font-weight:400}.la.la-linkedin-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-github-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-lemon-o{font-family:'Line Awesome Free';font-weight:400}.la.la-square-o{font-family:'Line Awesome Free';font-weight:400}.la.la-bookmark-o{font-family:'Line Awesome Free';font-weight:400}.la.la-twitter{font-family:'Line Awesome Brands';font-weight:400}.la.la-facebook{font-family:'Line Awesome Brands';font-weight:400}.la.la-facebook-f{font-family:'Line Awesome Brands';font-weight:400}.la.la-facebook-f:before{content:"\f39e"}.la.la-github{font-family:'Line Awesome Brands';font-weight:400}.la.la-credit-card{font-family:'Line Awesome Free';font-weight:400}.la.la-hdd-o{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-o-right{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-o-left{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-o-up{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-o-down{font-family:'Line Awesome Free';font-weight:400}.la.la-arrows-alt:before{content:"\f31e"}.la.la-files-o{font-family:'Line Awesome Free';font-weight:400}.la.la-floppy-o{font-family:'Line Awesome Free';font-weight:400}.la.la-pinterest{font-family:'Line Awesome Brands';font-weight:400}.la.la-pinterest-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-google-plus-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-google-plus{font-family:'Line Awesome Brands';font-weight:400}.la.la-money{font-family:'Line Awesome Free';font-weight:400}.la.la-linkedin{font-family:'Line Awesome Brands';font-weight:400}.la.la-comment-o{font-family:'Line Awesome Free';font-weight:400}.la.la-comments-o{font-family:'Line Awesome Free';font-weight:400}.la.la-clipboard{font-family:'Line Awesome Free';font-weight:400}.la.la-paste{font-family:'Line Awesome Free';font-weight:400}.la.la-lightbulb-o{font-family:'Line Awesome Free';font-weight:400}.la.la-bell-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-text-o{font-family:'Line Awesome Free';font-weight:400}.la.la-building-o{font-family:'Line Awesome Free';font-weight:400}.la.la-hospital-o{font-family:'Line Awesome Free';font-weight:400}.la.la-circle-o{font-family:'Line Awesome Free';font-weight:400}.la.la-github-alt{font-family:'Line Awesome Brands';font-weight:400}.la.la-folder-o{font-family:'Line Awesome Free';font-weight:400}.la.la-folder-open-o{font-family:'Line Awesome Free';font-weight:400}.la.la-smile-o{font-family:'Line Awesome Free';font-weight:400}.la.la-frown-o{font-family:'Line Awesome Free';font-weight:400}.la.la-meh-o{font-family:'Line Awesome Free';font-weight:400}.la.la-keyboard-o{font-family:'Line Awesome Free';font-weight:400}.la.la-flag-o{font-family:'Line Awesome Free';font-weight:400}.la.la-star-half-o{font-family:'Line Awesome Free';font-weight:400}.la.la-star-half-empty{font-family:'Line Awesome Free';font-weight:400}.la.la-star-half-full{font-family:'Line Awesome Free';font-weight:400}.la.la-calendar-o{font-family:'Line Awesome Free';font-weight:400}.la.la-maxcdn{font-family:'Line Awesome Brands';font-weight:400}.la.la-html5{font-family:'Line Awesome Brands';font-weight:400}.la.la-css3{font-family:'Line Awesome Brands';font-weight:400}.la.la-minus-square-o{font-family:'Line Awesome Free';font-weight:400}.la.la-compass{font-family:'Line Awesome Free';font-weight:400}.la.la-caret-square-o-down{font-family:'Line Awesome Free';font-weight:400}.la.la-toggle-down{font-family:'Line Awesome Free';font-weight:400}.la.la-caret-square-o-up{font-family:'Line Awesome Free';font-weight:400}.la.la-toggle-up{font-family:'Line Awesome Free';font-weight:400}.la.la-caret-square-o-right{font-family:'Line Awesome Free';font-weight:400}.la.la-toggle-right{font-family:'Line Awesome Free';font-weight:400}.la.la-btc{font-family:'Line Awesome Brands';font-weight:400}.la.la-bitcoin{font-family:'Line Awesome Brands';font-weight:400}.la.la-youtube-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-youtube{font-family:'Line Awesome Brands';font-weight:400}.la.la-xing{font-family:'Line Awesome Brands';font-weight:400}.la.la-xing-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-youtube-play{font-family:'Line Awesome Brands';font-weight:400}.la.la-dropbox{font-family:'Line Awesome Brands';font-weight:400}.la.la-stack-overflow{font-family:'Line Awesome Brands';font-weight:400}.la.la-instagram{font-family:'Line Awesome Brands';font-weight:400}.la.la-flickr{font-family:'Line Awesome Brands';font-weight:400}.la.la-adn{font-family:'Line Awesome Brands';font-weight:400}.la.la-bitbucket{font-family:'Line Awesome Brands';font-weight:400}.la.la-bitbucket-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-tumblr{font-family:'Line Awesome Brands';font-weight:400}.la.la-tumblr-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-apple{font-family:'Line Awesome Brands';font-weight:400}.la.la-windows{font-family:'Line Awesome Brands';font-weight:400}.la.la-android{font-family:'Line Awesome Brands';font-weight:400}.la.la-linux{font-family:'Line Awesome Brands';font-weight:400}.la.la-dribbble{font-family:'Line Awesome Brands';font-weight:400}.la.la-skype{font-family:'Line Awesome Brands';font-weight:400}.la.la-foursquare{font-family:'Line Awesome Brands';font-weight:400}.la.la-trello{font-family:'Line Awesome Brands';font-weight:400}.la.la-gratipay{font-family:'Line Awesome Brands';font-weight:400}.la.la-gittip{font-family:'Line Awesome Brands';font-weight:400}.la.la-sun-o{font-family:'Line Awesome Free';font-weight:400}.la.la-moon-o{font-family:'Line Awesome Free';font-weight:400}.la.la-vk{font-family:'Line Awesome Brands';font-weight:400}.la.la-weibo{font-family:'Line Awesome Brands';font-weight:400}.la.la-renren{font-family:'Line Awesome Brands';font-weight:400}.la.la-pagelines{font-family:'Line Awesome Brands';font-weight:400}.la.la-stack-exchange{font-family:'Line Awesome Brands';font-weight:400}.la.la-arrow-circle-o-right{font-family:'Line Awesome Free';font-weight:400}.la.la-arrow-circle-o-left{font-family:'Line Awesome Free';font-weight:400}.la.la-caret-square-o-left{font-family:'Line Awesome Free';font-weight:400}.la.la-toggle-left{font-family:'Line Awesome Free';font-weight:400}.la.la-dot-circle-o{font-family:'Line Awesome Free';font-weight:400}.la.la-vimeo-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-plus-square-o{font-family:'Line Awesome Free';font-weight:400}.la.la-slack{font-family:'Line Awesome Brands';font-weight:400}.la.la-wordpress{font-family:'Line Awesome Brands';font-weight:400}.la.la-openid{font-family:'Line Awesome Brands';font-weight:400}.la.la-yahoo{font-family:'Line Awesome Brands';font-weight:400}.la.la-google{font-family:'Line Awesome Brands';font-weight:400}.la.la-reddit{font-family:'Line Awesome Brands';font-weight:400}.la.la-reddit-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-stumbleupon-circle{font-family:'Line Awesome Brands';font-weight:400}.la.la-stumbleupon{font-family:'Line Awesome Brands';font-weight:400}.la.la-delicious{font-family:'Line Awesome Brands';font-weight:400}.la.la-digg{font-family:'Line Awesome Brands';font-weight:400}.la.la-pied-piper-pp{font-family:'Line Awesome Brands';font-weight:400}.la.la-pied-piper-alt{font-family:'Line Awesome Brands';font-weight:400}.la.la-drupal{font-family:'Line Awesome Brands';font-weight:400}.la.la-joomla{font-family:'Line Awesome Brands';font-weight:400}.la.la-behance{font-family:'Line Awesome Brands';font-weight:400}.la.la-behance-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-steam{font-family:'Line Awesome Brands';font-weight:400}.la.la-steam-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-envelope-o{font-family:'Line Awesome Free';font-weight:400}.la.la-deviantart{font-family:'Line Awesome Brands';font-weight:400}.la.la-soundcloud{font-family:'Line Awesome Brands';font-weight:400}.la.la-file-pdf-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-word-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-excel-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-powerpoint-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-image-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-photo-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-picture-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-archive-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-zip-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-audio-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-sound-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-video-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-movie-o{font-family:'Line Awesome Free';font-weight:400}.la.la-file-code-o{font-family:'Line Awesome Free';font-weight:400}.la.la-vine{font-family:'Line Awesome Brands';font-weight:400}.la.la-codepen{font-family:'Line Awesome Brands';font-weight:400}.la.la-jsfiddle{font-family:'Line Awesome Brands';font-weight:400}.la.la-life-ring{font-family:'Line Awesome Free';font-weight:400}.la.la-life-bouy{font-family:'Line Awesome Free';font-weight:400}.la.la-life-buoy{font-family:'Line Awesome Free';font-weight:400}.la.la-life-saver{font-family:'Line Awesome Free';font-weight:400}.la.la-support{font-family:'Line Awesome Free';font-weight:400}.la.la-rebel{font-family:'Line Awesome Brands';font-weight:400}.la.la-ra{font-family:'Line Awesome Brands';font-weight:400}.la.la-resistance{font-family:'Line Awesome Brands';font-weight:400}.la.la-empire{font-family:'Line Awesome Brands';font-weight:400}.la.la-ge{font-family:'Line Awesome Brands';font-weight:400}.la.la-git-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-git{font-family:'Line Awesome Brands';font-weight:400}.la.la-hacker-news{font-family:'Line Awesome Brands';font-weight:400}.la.la-y-combinator-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-yc-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-tencent-weibo{font-family:'Line Awesome Brands';font-weight:400}.la.la-qq{font-family:'Line Awesome Brands';font-weight:400}.la.la-weixin{font-family:'Line Awesome Brands';font-weight:400}.la.la-wechat{font-family:'Line Awesome Brands';font-weight:400}.la.la-paper-plane-o{font-family:'Line Awesome Free';font-weight:400}.la.la-send-o{font-family:'Line Awesome Free';font-weight:400}.la.la-circle-thin{font-family:'Line Awesome Free';font-weight:400}.la.la-futbol-o{font-family:'Line Awesome Free';font-weight:400}.la.la-soccer-ball-o{font-family:'Line Awesome Free';font-weight:400}.la.la-slideshare{font-family:'Line Awesome Brands';font-weight:400}.la.la-twitch{font-family:'Line Awesome Brands';font-weight:400}.la.la-yelp{font-family:'Line Awesome Brands';font-weight:400}.la.la-newspaper-o{font-family:'Line Awesome Free';font-weight:400}.la.la-paypal{font-family:'Line Awesome Brands';font-weight:400}.la.la-google-wallet{font-family:'Line Awesome Brands';font-weight:400}.la.la-cc-visa{font-family:'Line Awesome Brands';font-weight:400}.la.la-cc-mastercard{font-family:'Line Awesome Brands';font-weight:400}.la.la-cc-discover{font-family:'Line Awesome Brands';font-weight:400}.la.la-cc-amex{font-family:'Line Awesome Brands';font-weight:400}.la.la-cc-paypal{font-family:'Line Awesome Brands';font-weight:400}.la.la-cc-stripe{font-family:'Line Awesome Brands';font-weight:400}.la.la-bell-slash-o{font-family:'Line Awesome Free';font-weight:400}.la.la-trash:before{content:"\f2ed"}.la.la-copyright{font-family:'Line Awesome Free';font-weight:400}.la.la-lastfm{font-family:'Line Awesome Brands';font-weight:400}.la.la-lastfm-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-ioxhost{font-family:'Line Awesome Brands';font-weight:400}.la.la-angellist{font-family:'Line Awesome Brands';font-weight:400}.la.la-cc{font-family:'Line Awesome Free';font-weight:400}.la.la-meanpath{font-family:'Line Awesome Brands';font-weight:400}.la.la-buysellads{font-family:'Line Awesome Brands';font-weight:400}.la.la-connectdevelop{font-family:'Line Awesome Brands';font-weight:400}.la.la-dashcube{font-family:'Line Awesome Brands';font-weight:400}.la.la-forumbee{font-family:'Line Awesome Brands';font-weight:400}.la.la-leanpub{font-family:'Line Awesome Brands';font-weight:400}.la.la-sellsy{font-family:'Line Awesome Brands';font-weight:400}.la.la-shirtsinbulk{font-family:'Line Awesome Brands';font-weight:400}.la.la-simplybuilt{font-family:'Line Awesome Brands';font-weight:400}.la.la-skyatlas{font-family:'Line Awesome Brands';font-weight:400}.la.la-diamond{font-family:'Line Awesome Free';font-weight:400}.la.la-facebook-official{font-family:'Line Awesome Brands';font-weight:400}.la.la-pinterest-p{font-family:'Line Awesome Brands';font-weight:400}.la.la-whatsapp{font-family:'Line Awesome Brands';font-weight:400}.la.la-hotel:before{content:"\f236"}.la.la-viacoin{font-family:'Line Awesome Brands';font-weight:400}.la.la-medium{font-family:'Line Awesome Brands';font-weight:400}.la.la-y-combinator{font-family:'Line Awesome Brands';font-weight:400}.la.la-yc{font-family:'Line Awesome Brands';font-weight:400}.la.la-optin-monster{font-family:'Line Awesome Brands';font-weight:400}.la.la-opencart{font-family:'Line Awesome Brands';font-weight:400}.la.la-expeditedssl{font-family:'Line Awesome Brands';font-weight:400}.la.la-object-group{font-family:'Line Awesome Free';font-weight:400}.la.la-object-ungroup{font-family:'Line Awesome Free';font-weight:400}.la.la-sticky-note-o{font-family:'Line Awesome Free';font-weight:400}.la.la-cc-jcb{font-family:'Line Awesome Brands';font-weight:400}.la.la-cc-diners-club{font-family:'Line Awesome Brands';font-weight:400}.la.la-clone{font-family:'Line Awesome Free';font-weight:400}.la.la-hourglass-o{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-rock-o{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-grab-o{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-paper-o{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-stop-o{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-scissors-o{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-lizard-o{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-spock-o{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-pointer-o{font-family:'Line Awesome Free';font-weight:400}.la.la-hand-peace-o{font-family:'Line Awesome Free';font-weight:400}.la.la-registered{font-family:'Line Awesome Free';font-weight:400}.la.la-creative-commons{font-family:'Line Awesome Brands';font-weight:400}.la.la-gg{font-family:'Line Awesome Brands';font-weight:400}.la.la-gg-circle{font-family:'Line Awesome Brands';font-weight:400}.la.la-tripadvisor{font-family:'Line Awesome Brands';font-weight:400}.la.la-odnoklassniki{font-family:'Line Awesome Brands';font-weight:400}.la.la-odnoklassniki-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-get-pocket{font-family:'Line Awesome Brands';font-weight:400}.la.la-wikipedia-w{font-family:'Line Awesome Brands';font-weight:400}.la.la-safari{font-family:'Line Awesome Brands';font-weight:400}.la.la-chrome{font-family:'Line Awesome Brands';font-weight:400}.la.la-firefox{font-family:'Line Awesome Brands';font-weight:400}.la.la-opera{font-family:'Line Awesome Brands';font-weight:400}.la.la-internet-explorer{font-family:'Line Awesome Brands';font-weight:400}.la.la-contao{font-family:'Line Awesome Brands';font-weight:400}.la.la-500px{font-family:'Line Awesome Brands';font-weight:400}.la.la-amazon{font-family:'Line Awesome Brands';font-weight:400}.la.la-calendar-plus-o{font-family:'Line Awesome Free';font-weight:400}.la.la-calendar-minus-o{font-family:'Line Awesome Free';font-weight:400}.la.la-calendar-times-o{font-family:'Line Awesome Free';font-weight:400}.la.la-calendar-check-o{font-family:'Line Awesome Free';font-weight:400}.la.la-map-o{font-family:'Line Awesome Free';font-weight:400}.la.la-commenting-o{font-family:'Line Awesome Free';font-weight:400}.la.la-houzz{font-family:'Line Awesome Brands';font-weight:400}.la.la-vimeo{font-family:'Line Awesome Brands';font-weight:400}.la.la-black-tie{font-family:'Line Awesome Brands';font-weight:400}.la.la-fonticons{font-family:'Line Awesome Brands';font-weight:400}.la.la-reddit-alien{font-family:'Line Awesome Brands';font-weight:400}.la.la-edge{font-family:'Line Awesome Brands';font-weight:400}.la.la-codiepie{font-family:'Line Awesome Brands';font-weight:400}.la.la-modx{font-family:'Line Awesome Brands';font-weight:400}.la.la-fort-awesome{font-family:'Line Awesome Brands';font-weight:400}.la.la-usb{font-family:'Line Awesome Brands';font-weight:400}.la.la-product-hunt{font-family:'Line Awesome Brands';font-weight:400}.la.la-mixcloud{font-family:'Line Awesome Brands';font-weight:400}.la.la-scribd{font-family:'Line Awesome Brands';font-weight:400}.la.la-pause-circle-o{font-family:'Line Awesome Free';font-weight:400}.la.la-stop-circle-o{font-family:'Line Awesome Free';font-weight:400}.la.la-bluetooth{font-family:'Line Awesome Brands';font-weight:400}.la.la-bluetooth-b{font-family:'Line Awesome Brands';font-weight:400}.la.la-gitlab{font-family:'Line Awesome Brands';font-weight:400}.la.la-wpbeginner{font-family:'Line Awesome Brands';font-weight:400}.la.la-wpforms{font-family:'Line Awesome Brands';font-weight:400}.la.la-envira{font-family:'Line Awesome Brands';font-weight:400}.la.la-wheelchair-alt{font-family:'Line Awesome Brands';font-weight:400}.la.la-question-circle-o{font-family:'Line Awesome Free';font-weight:400}.la.la-glide{font-family:'Line Awesome Brands';font-weight:400}.la.la-glide-g{font-family:'Line Awesome Brands';font-weight:400}.la.la-viadeo{font-family:'Line Awesome Brands';font-weight:400}.la.la-viadeo-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-snapchat{font-family:'Line Awesome Brands';font-weight:400}.la.la-snapchat-ghost{font-family:'Line Awesome Brands';font-weight:400}.la.la-snapchat-square{font-family:'Line Awesome Brands';font-weight:400}.la.la-pied-piper{font-family:'Line Awesome Brands';font-weight:400}.la.la-first-order{font-family:'Line Awesome Brands';font-weight:400}.la.la-yoast{font-family:'Line Awesome Brands';font-weight:400}.la.la-themeisle{font-family:'Line Awesome Brands';font-weight:400}.la.la-google-plus-official{font-family:'Line Awesome Brands';font-weight:400}.la.la-google-plus-circle{font-family:'Line Awesome Brands';font-weight:400}.la.la-font-awesome{font-family:'Line Awesome Brands';font-weight:400}.la.la-fa{font-family:'Line Awesome Brands';font-weight:400}.la.la-handshake-o{font-family:'Line Awesome Free';font-weight:400}.la.la-envelope-open-o{font-family:'Line Awesome Free';font-weight:400}.la.la-linode{font-family:'Line Awesome Brands';font-weight:400}.la.la-address-book-o{font-family:'Line Awesome Free';font-weight:400}.la.la-address-card-o{font-family:'Line Awesome Free';font-weight:400}.la.la-vcard-o{font-family:'Line Awesome Free';font-weight:400}.la.la-user-circle-o{font-family:'Line Awesome Free';font-weight:400}.la.la-user-o{font-family:'Line Awesome Free';font-weight:400}.la.la-id-badge{font-family:'Line Awesome Free';font-weight:400}.la.la-id-card-o{font-family:'Line Awesome Free';font-weight:400}.la.la-drivers-license-o{font-family:'Line Awesome Free';font-weight:400}.la.la-quora{font-family:'Line Awesome Brands';font-weight:400}.la.la-free-code-camp{font-family:'Line Awesome Brands';font-weight:400}.la.la-telegram{font-family:'Line Awesome Brands';font-weight:400}.la.la-window-maximize{font-family:'Line Awesome Free';font-weight:400}.la.la-window-restore{font-family:'Line Awesome Free';font-weight:400}.la.la-window-close-o{font-family:'Line Awesome Free';font-weight:400}.la.la-times-rectangle-o{font-family:'Line Awesome Free';font-weight:400}.la.la-bandcamp{font-family:'Line Awesome Brands';font-weight:400}.la.la-grav{font-family:'Line Awesome Brands';font-weight:400}.la.la-etsy{font-family:'Line Awesome Brands';font-weight:400}.la.la-imdb{font-family:'Line Awesome Brands';font-weight:400}.la.la-ravelry{font-family:'Line Awesome Brands';font-weight:400}.la.la-eercast{font-family:'Line Awesome Brands';font-weight:400}.la.la-snowflake-o{font-family:'Line Awesome Free';font-weight:400}.la.la-superpowers{font-family:'Line Awesome Brands';font-weight:400}.la.la-wpexplorer{font-family:'Line Awesome Brands';font-weight:400}.la.la-spotify{font-family:'Line Awesome Brands';font-weight:400} /* --- nice-select2.css --- */ .nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 38px; line-height: 36px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; transition: all 0.2s ease-in-out; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ""; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { transform: rotate(-135deg); } .nice-select.open .nice-select-dropdown { opacity: 1; pointer-events: auto; transform: scale(1) translateY(0); width: 100%; } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #ccc; } .nice-select.wide { width: 100%; } .nice-select.wide .nice-select-dropdown { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .nice-select-dropdown { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .nice-select-dropdown { margin-top: 4px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); pointer-events: none; position: absolute; top: 100%; left: 0; transform-origin: 50% 0; transform: scale(0.75) translateY(19px); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; opacity: 0; } .nice-select .list { border-radius: 5px; box-sizing: border-box; overflow: hidden; padding: 0; max-height: 210px; overflow-y: auto; } .nice-select .list:hover .option:not(:hover) { background-color: rgba(0, 0, 0, 0) !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: rgba(0, 0, 0, 0); color: #999; cursor: default; } .nice-select .optgroup { font-weight: bold; } .no-csspointerevents .nice-select .nice-select-dropdown { display: none; } .no-csspointerevents .nice-select.open .nice-select-dropdown { display: block; } .nice-select .has-multiple { white-space: inherit; height: auto; padding: 7px 12px; min-height: 36px; line-height: 22px; } .nice-select .has-multiple span.current { border: 1px solid #ccc; background: #eee; padding: 0 10px; border-radius: 3px; display: inline-block; line-height: 24px; font-size: 14px; margin-bottom: 3px; margin-right: 3px; } .nice-select .has-multiple .multiple-options { display: block; line-height: 24px; padding: 0; } .nice-select .nice-select-search-box { box-sizing: border-box; width: 100%; padding: 5px; pointer-events: none; border-radius: 5px 5px 0 0; } .nice-select .nice-select-search { box-sizing: border-box; background-color: #fff; border: 1px solid #e8e8e8; border-radius: 3px; color: #444; display: inline-block; vertical-align: middle; padding: 7px 12px; margin: 0 10px 0 0; width: 100%; min-height: 36px; line-height: 22px; height: auto; outline: 0 !important; font-size: 14px; } /* --- animate.css --- */ @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; -webkit-transform-origin: center bottom; animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-name: headShake; -webkit-animation-timing-function: ease-in-out; animation-name: headShake; animation-timing-function: ease-in-out; } @-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); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @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); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-animation-name: swing; -webkit-transform-origin: top center; animation-name: swing; transform-origin: top center; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; -webkit-transform-origin: center; animation-name: jello; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-duration: 1.3s; -webkit-animation-name: heartBeat; -webkit-animation-timing-function: ease-in-out; animation-duration: 1.3s; animation-name: heartBeat; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1); } } .bounceIn { -webkit-animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-duration: 0.75s; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-duration: 0.75s; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); opacity: 1; transform: translate3d(20px, 0, 0); } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); opacity: 1; transform: translate3d(20px, 0, 0); } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); opacity: 1; transform: translate3d(-20px, 0, 0); } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); opacity: 1; transform: translate3d(-20px, 0, 0); } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); opacity: 1; transform: translate3d(0, 20px, 0); } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); opacity: 1; transform: translate3d(0, 20px, 0); } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); } } @keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); } } .animated.flip { -webkit-animation-name: flip; -webkit-backface-visibility: visible; animation-name: flip; backface-visibility: visible; } @-webkit-keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-animation-name: flipInX; -webkit-backface-visibility: visible !important; animation-name: flipInX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-animation-name: flipInY; -webkit-backface-visibility: visible !important; animation-name: flipInY; backface-visibility: visible !important; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg); } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg); } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg); } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg); } } .flipOutX { -webkit-animation-duration: 0.75s; -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; animation-duration: 0.75s; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg); } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg); } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg); } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg); } } .flipOutY { -webkit-animation-duration: 0.75s; -webkit-animation-name: flipOutY; -webkit-backface-visibility: visible !important; animation-duration: 0.75s; animation-name: flipOutY; backface-visibility: visible !important; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg); } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg); } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-name: lightSpeedIn; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg); } } @keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg); } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-name: lightSpeedOut; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center; } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center; } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center; } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left; } 40%, 80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left; } to { -webkit-transform: translate3d(0, 700px, 0); opacity: 0; transform: translate3d(0, 700px, 0); } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left; } 40%, 80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left; } to { -webkit-transform: translate3d(0, 700px, 0); opacity: 0; transform: translate3d(0, 700px, 0); } } .hinge { -webkit-animation-duration: 2s; -webkit-animation-name: hinge; animation-duration: 2s; animation-name: hinge; } @-webkit-keyframes jackInTheBox { 0% { -webkit-transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1); } } @keyframes jackInTheBox { 0% { -webkit-transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomOutRight { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; } } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden; } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden; } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden; } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden; } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden; } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden; } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden; } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden; } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .animated.faster { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; -webkit-transition: none !important; animation: unset !important; transition: none !important; } } /* --- swiper-bundle.min.css --- */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var( --swiper-wrapper-transition-timing-function, initial ); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px) ); height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px) ); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var( --swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25) ); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /* --- style.css --- */ *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } *,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{max-width:100%;padding-left:15px;padding-right:15px;margin:0 auto}@media (min-width:576px){.container{max-width:33.75rem}}@media (min-width:768px){.container{max-width:45rem}}@media (min-width:992px){.container{max-width:60rem}}@media (min-width:1200px){.container{max-width:75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-left-\[300px\]{left:-300px}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-15px{bottom:15px}.bottom-20px{bottom:20px}.bottom-\[50px\]{bottom:50px}.left-0{left:0}.left-15px{left:15px}.left-20px{left:20px}.right-0{right:0}.right-25px{right:25px}.right-5{right:1.25rem}.right-\[12\%\]{right:12%}.right-\[3\%\]{right:3%}.top-0{top:0}.top-20px{top:20px}.top-5{top:1.25rem}.top-\[8\%\]{top:8%}.top-full{top:100%}.-z-1{z-index:-1}.z-0{z-index:0}.z-high{z-index:99999999}.z-xl{z-index:999999999}.col-start-1{grid-column-start:1}.-mx-10px{margin-left:-10px;margin-right:-10px}.mx-auto{margin-left:auto;margin-right:auto}.my-25px{margin-top:25px;margin-bottom:25px}.my-30px{margin-top:30px;margin-bottom:30px}.-ml-0\.5{margin-left:-.125rem}.-mt-\[2px\]{margin-top:-2px}.mb-0{margin-bottom:0}.mb-10px{margin-bottom:10px}.mb-12px{margin-bottom:12px}.mb-15px{margin-bottom:15px}.mb-18px{margin-bottom:18px}.mb-20px{margin-bottom:20px}.mb-25px{margin-bottom:25px}.mb-30px{margin-bottom:30px}.mb-35px{margin-bottom:35px}.mb-40px{margin-bottom:40px}.mb-45px{margin-bottom:45px}.mb-5{margin-bottom:1.25rem}.mb-50px{margin-bottom:50px}.mb-5px{margin-bottom:5px}.mb-6px{margin-bottom:6px}.mb-8px{margin-bottom:8px}.ml-20px{margin-left:20px}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-15px{margin-right:15px}.mr-2{margin-right:.5rem}.mr-5px{margin-right:5px}.mt-1{margin-top:.25rem}.mt-10px{margin-top:10px}.mt-15px{margin-top:15px}.mt-18px{margin-top:18px}.mt-20px{margin-top:20px}.mt-25px{margin-top:25px}.mt-2px{margin-top:2px}.mt-3px{margin-top:3px}.mt-50px{margin-top:50px}.mt-5px{margin-top:5px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0{height:0}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-22px{height:22px}.h-28px{height:28px}.h-30px{height:30px}.h-36px{height:36px}.h-3px{height:3px}.h-4{height:1rem}.h-40px{height:40px}.h-44px{height:44px}.h-45px{height:45px}.h-46px{height:46px}.h-48px{height:48px}.h-5{height:1.25rem}.h-50px{height:50px}.h-52px{height:52px}.h-60px{height:60px}.h-70px{height:70px}.h-90px{height:90px}.h-\[240px\]{height:240px}.h-\[78\%\]{height:78%}.h-auto{height:auto}.h-full{height:100%}.max-h-\[220px\]{max-height:220px}.max-h-\[420px\]{max-height:420px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-10{width:2.5rem}.w-22px{width:22px}.w-28px{width:28px}.w-300px{width:18.75rem}.w-30px{width:30px}.w-36px{width:36px}.w-4{width:1rem}.w-40px{width:40px}.w-44px{width:44px}.w-45px{width:45px}.w-46px{width:46px}.w-50px{width:50px}.w-60px{width:60px}.w-70px{width:70px}.w-90px{width:90px}.w-\[12px\]{width:12px}.w-\[calc\(100\%-30px\)\]{width:calc(100% - 30px)}.w-auto{width:auto}.w-dropdown{width:14.375rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-5{min-width:1.25rem}.max-w-\[2126px\]{max-width:2126px}.max-w-\[420px\]{max-width:420px}.max-w-\[460px\]{max-width:460px}.max-w-\[520px\]{max-width:520px}.max-w-\[760px\]{max-width:760px}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-full{flex-basis:100%}.translate-y-4{--tw-translate-y:1rem}.-rotate-\[45deg\],.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-\[45deg\]{--tw-rotate:-45deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.rotate-\[45deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[45deg\]{--tw-rotate:45deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-out{cursor:zoom-out}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10px{gap:10px}.gap-12px{gap:12px}.gap-15px{gap:15px}.gap-20px{gap:20px}.gap-25px{gap:25px}.gap-30px{gap:30px}.gap-40px{gap:40px}.gap-50px{gap:50px}.gap-5px{gap:5px}.gap-6{gap:1.5rem}.gap-6px{gap:6px}.gap-8px{gap:8px}.gap-x-15px{-moz-column-gap:15px;column-gap:15px}.gap-x-18px{-moz-column-gap:18px;column-gap:18px}.gap-x-20px{-moz-column-gap:20px;column-gap:20px}.gap-x-30px{-moz-column-gap:30px;column-gap:30px}.gap-x-50px{-moz-column-gap:50px;column-gap:50px}.gap-y-10px{row-gap:10px}.gap-y-12px{row-gap:12px}.gap-y-15px{row-gap:15px}.gap-y-18px{row-gap:18px}.gap-y-40px{row-gap:40px}.gap-y-50px{row-gap:50px}.gap-y-5px{row-gap:5px}.gap-y-6px{row-gap:6px}.gap-y-8px{row-gap:8px}.space-y-6px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(6px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(6px*var(--tw-space-y-reverse))}.space-y-8px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(8px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.hyphens-none{-webkit-hyphens:none;hyphens:none}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\[10px\]{border-width:10px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-t-\[5px\]{border-top-width:5px}.border-\[\#25d366\]{--tw-border-opacity:1;border-color:rgb(37 211 102/var(--tw-border-opacity,1))}.border-border-color-1{--tw-border-opacity:1;border-color:rgb(229 234 238/var(--tw-border-opacity,1))}.border-border-color-11{--tw-border-opacity:1;border-color:rgb(237 237 237/var(--tw-border-opacity,1))}.border-border-color-12{--tw-border-opacity:1;border-color:rgb(225 230 255/var(--tw-border-opacity,1))}.border-border-color-13{--tw-border-opacity:1;border-color:rgb(241 248 255/var(--tw-border-opacity,1))}.border-border-color-16{--tw-border-opacity:1;border-color:rgb(147 149 158/var(--tw-border-opacity,1))}.border-border-color-3{--tw-border-opacity:1;border-color:rgb(175 175 175/var(--tw-border-opacity,1))}.border-border-primary{--tw-border-opacity:1;border-color:rgb(238 238 238/var(--tw-border-opacity,1))}.border-secondary-color{--tw-border-opacity:1;border-color:rgb(255 90 60/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-opacity-10{--tw-border-opacity:0.1}.border-opacity-20{--tw-border-opacity:0.2}.border-opacity-25{--tw-border-opacity:0.25}.bg-\[\#25d366\]{--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-heading-color{--tw-bg-opacity:1;background-color:rgb(7 28 31/var(--tw-bg-opacity,1))}.bg-secondary-color{--tw-bg-opacity:1;background-color:rgb(255 90 60/var(--tw-bg-opacity,1))}.bg-section-bg-1{--tw-bg-opacity:1;background-color:rgb(242 246 247/var(--tw-bg-opacity,1))}.bg-section-bg-2{--tw-bg-opacity:1;background-color:rgb(76 76 76/var(--tw-bg-opacity,1))}.bg-section-bg-6{--tw-bg-opacity:1;background-color:rgb(190 161 131/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-70{--tw-bg-opacity:0.7}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-heading-color{--tw-gradient-from:#071c1f var(--tw-gradient-from-position);--tw-gradient-to:rgba(7,28,31,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-cover{-o-object-fit:cover;object-fit:cover}.p-25px{padding:25px}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-10px{padding-left:10px;padding-right:10px}.px-12px{padding-left:12px;padding-right:12px}.px-14px{padding-left:14px;padding-right:14px}.px-15px{padding-left:15px;padding-right:15px}.px-18px{padding-left:18px;padding-right:18px}.px-20px{padding-left:20px;padding-right:20px}.px-22px{padding-left:22px;padding-right:22px}.px-25px{padding-left:25px;padding-right:25px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-30px{padding-left:30px;padding-right:30px}.px-35px{padding-left:35px;padding-right:35px}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[2\%\]{padding-left:2%;padding-right:2%}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-10px{padding-top:10px;padding-bottom:10px}.py-12px{padding-top:12px;padding-bottom:12px}.py-13px{padding-top:13px;padding-bottom:13px}.py-14px{padding-top:14px;padding-bottom:14px}.py-15px{padding-top:15px;padding-bottom:15px}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20px{padding-top:20px;padding-bottom:20px}.py-22px{padding-top:22px;padding-bottom:22px}.py-25px{padding-top:25px;padding-bottom:25px}.py-30px{padding-top:30px;padding-bottom:30px}.py-35px{padding-top:35px;padding-bottom:35px}.py-3px{padding-top:3px;padding-bottom:3px}.py-40px{padding-top:40px;padding-bottom:40px}.py-45px{padding-top:45px;padding-bottom:45px}.py-4px{padding-top:4px;padding-bottom:4px}.py-50px{padding-top:50px;padding-bottom:50px}.py-5px{padding-top:5px;padding-bottom:5px}.py-60px{padding-top:60px;padding-bottom:60px}.py-6px{padding-top:6px;padding-bottom:6px}.py-80px{padding-top:80px;padding-bottom:80px}.pb-10px{padding-bottom:10px}.pb-12px{padding-bottom:12px}.pb-16px{padding-bottom:16px}.pb-18px{padding-bottom:18px}.pb-25px{padding-bottom:25px}.pb-40px{padding-bottom:40px}.pb-5{padding-bottom:1.25rem}.pb-5px{padding-bottom:5px}.pb-60px{padding-bottom:60px}.pl-10px{padding-left:10px}.pl-14px{padding-left:14px}.pl-15px{padding-left:15px}.pl-16px{padding-left:16px}.pr-10px{padding-right:10px}.pr-15px{padding-right:15px}.pr-6px{padding-right:6px}.pt-2{padding-top:.5rem}.pt-20px{padding-top:20px}.pt-22px{padding-top:22px}.pt-25px{padding-top:25px}.pt-30px{padding-top:30px}.pt-3px{padding-top:3px}.pt-40px{padding-top:40px}.pt-50px{padding-top:50px}.pt-5px{padding-top:5px}.pt-60px{padding-top:60px}.text-center{text-align:center}.align-\[-0\.125em\]{vertical-align:-.125em}.text-11px{font-size:11px}.text-13px{font-size:13px}.text-15px{font-size:15px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:.9rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-1{line-height:1}.leading-1\.1{line-height:1.1}.leading-1\.25{line-height:1.25}.leading-1\.3{line-height:1.3}.leading-1\.5{line-height:1.5}.leading-1\.8{line-height:1.8}.leading-5{line-height:1.25rem}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-border-color-16{--tw-text-opacity:1;color:rgb(147 149 158/var(--tw-text-opacity,1))}.text-heading-color{--tw-text-opacity:1;color:rgb(7 28 31/var(--tw-text-opacity,1))}.text-paragraph-color{--tw-text-opacity:1;color:rgb(92 114 125/var(--tw-text-opacity,1))}.text-secondary-color{--tw-text-opacity:1;color:rgb(255 90 60/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-box-shadow-1{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-box-shadow-1{--tw-shadow:0 16px 32px 0 rgba(7,28,31,.1);--tw-shadow-colored:0 16px 32px 0 var(--tw-shadow-color)}.shadow-box-shadow-3{--tw-shadow:0 1px 6px 0 rgba(32,33,36,.28);--tw-shadow-colored:0 1px 6px 0 var(--tw-shadow-color)}.shadow-box-shadow-3,.shadow-box-shadow-4{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-box-shadow-4{--tw-shadow:0 5px 20px 0 rgba(23,44,82,.1);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}:root{--white:#fff;--primary-color:#000;--secondary-color:#ff5a3c;--color-1:#8cb2b2;--heading-color:#071c1f;--paragraph-color:#5c727d;--heading-font:"Poppins",sans-serif;--body-font:"Nunito Sans",sans-serif;--border-color-1:#e5eaee;--section-bg-1:#f2f6f7;--section-bg-2:#171b2a;--border-color-9:#e4ecf2;--box-shadow-1:0 16px 32px 0 rgba(7,28,31,.1);--box-shadow-4:0 5px 20px 0 rgba(23,44,82,.1);--box-shadow-8:0 10px 50px 0 rgba(46,56,220,.2);--left--5:-5px;--left-auto:auto;--left-3-per:3%;--left-10-per:10%;--left-15-per:15%;--left-half:50%;--right--14:-14px;--right--20:-20px;--right-16:16px;--right-20:20px;--right-100:100px;--right-1-per:1%;--right-3-per:3%;--right-8-per:8%;--right-15-per:15%;--right-half:50%;--x--6:translateX(-6px);--x--10:translateX(-10px);--x--30:translateX(-30px);--x--37:translateX(-37px);--x--40:translateX(-40px);--x--50:translateX(-50px);--x--60:translateX(-60px);--x--half:translateX(-50%);--x-6:translateX(6px);--x-10:translateX(10px);--x-30:translateX(30px);--x-37:translateX(37px);--x-40:translateX(40px);--x-50:translateX(50px);--x-60:translateX(60px);--x-half:translateX(50%);--x-3d-half:translate3d(-50%,-50%,0)}[dir=rtl]{--left--5:5px;--left-auto:auto;--left-3-per:-3%;--left-10-per:-10%;--left-15-per:-15%;--left-half:-50%;--right--14:14px;--right--20:20px;--right-16:-16px;--right-20:-20px;--right-100:-100px;--right-1-per:-1%;--right-3-per:-3%;--right-8-per:-8%;--right-15-per:-15%;--righ-half:-50%;--x--6:translateX(6px);--x--10:translateX(10px);--x--30:translateX(30px);--x--37:translateX(37px);--x--40:translateX(40px);--x--50:translateX(50px);--x--60:translateX(60px);--x--half:translateX(50%);--x-6:translateX(-6px);--x-10:translateX(-10px);--x-30:translateX(-30px);--x-37:translateX(-37px);--x-40:translateX(-40px);--x-50:translateX(-50px);--x-60:translateX(-60px);--x-half:translateX(-50%);--x-3d-half:translate3d(50%,-50%,0)}body{color:var(--paragraph-color);font-weight:400;font-style:normal;font-size:14px;font-family:var(--body-font);line-height:1.8;z-index:0}h1,h2,h3,h4,h5,h6{color:var(--heading-color);clear:both;font-family:var(--heading-font);font-weight:700;line-height:1.3;margin-bottom:15px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:17px}h5{font-size:16px}h6{font-size:14px}a,button,input,span{display:inline-block}p{color:var(--paragraph-color);font-size:14px;-webkit-hyphens:auto;hyphens:auto}a{color:inherit;text-decoration:none;color:var(--paragraph-color);transition:all .3s ease 0s;display:inline-block}a,a:active,a:focus,a:hover{text-decoration:none;outline:none;color:inherit}a:hover{color:var(--secondary-color)}button,input,optgroup,select,textarea{font-family:var(--body-font);transition:all .3s ease 0s}code,kbd,pre,samp,tt,var{font-family:var(--body-font)}h1 button,h2 button,h3 button,h4 button,h5 button,h6 button{font-family:var(--heading-font);line-height:1.5}pre{word-break:break-word}a i{padding:0 2px}img{max-width:100%}.sticky-header.active{display:none}.sticky-secondary.active{background:var(--heading-color)}.sticky-header.active .container{padding-top:10px;padding-bottom:10px}.sticky-secondary.active .container{padding-top:17px;padding-bottom:17px}.sticky-header.active .navbar-container{justify-content:space-between}.sticky-header.active .header-logo{display:block}.sticky-header.active .navbar{justify-content:flex-end}.mobile-menu-container.active .drawer{left:0}[dir=rtl] .mobile-menu-container.active .drawer{right:0;left:auto}.cart-container.active .drawer{right:0}[dir=rtl] .cart-container.active .drawer{left:0;right:auto}.drawer-container.active .drawer-overlay{opacity:.4;visibility:visible;z-index:999999}.language:before{content:"\e911";font-size:14px;position:absolute;top:36%;right:var(right--14);transform:translateY(-50%);font-family:icomoon;color:var(--secondary-color)}[dir=rtl] .language:before{left:-14px}.show-drawer svg{position:absolute;top:50%;left:var(--left-half);width:50px;height:60px;margin-top:-2px;margin-left:-2px;cursor:pointer;transform:var(--x-3d-half)}.show-drawer svg path{transition:stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25);fill:none;stroke:#333;stroke-dashoffset:0;stroke-linecap:round;stroke-width:30px}.show-drawer svg path#bottom,.show-drawer svg path#top{stroke-dasharray:240px 950px}.show-drawer svg path#middle{stroke-dasharray:240px 240px}.show-drawer .close svg path#bottom,.show-drawer .close svg path#top{stroke-dasharray:-650px;stroke-dashoffset:-650px}.show-drawer .close svg path#middle{stroke-dasharray:1px 220px;stroke-dashoffset:-115px}.breadcrumb .home:after{position:absolute;content:"\f054";font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:10px;right:var(--right--20);top:50%;transform:translateY(-50%)}[dir=rtl] .breadcrumb .home:after{left:-20px;right:auto;content:"\f053"}.search-form-container.active .search-form{height:90px}.search-form-container.active .for-search-show{display:none}.search-form-container.active .for-search-close{display:block}.drawer ::-webkit-scrollbar{width:2px}.drawer ::-webkit-scrollbar-track{background:#f1f1f1}.drawer ::-webkit-scrollbar-thumb{background:#dedede}.swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after{display:none}.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{width:50px;height:50px;border-radius:100%;text-align:center;z-index:9999!important;border:1px solid var(--border-color-1);color:var(--primary-color);font-size:20px;opacity:0;visibility:hidden;transition:.3s}.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{transform:translateX(0)}.swiper-container:hover .swiper-button-prev{transform:var(--x-6)}.swiper-container:hover .swiper-button-next{transform:var(--x--6)}.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{opacity:1;visibility:visible}.swiper-container .swiper-button-next:hover,.swiper-container .swiper-button-prev:hover{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.swiper-container .swiper-pagination,.swiper-pagination-bullets.swiper-pagination-horizontal{position:absolute;bottom:40px}.swiper-pagination-bullet{width:10px;height:10px;transition:.3s}.home-3 .swiper-pagination-bullet{background:#fff;opacity:.6}.swiper-pagination-bullet:hover{background:var(--secondary-color);width:15px;height:15px;opacity:1}.home-3 .swiper-pagination-bullet-active,.swiper-pagination-bullet-active{background:var(--secondary-color);width:15px;height:15px;margin-bottom:-2px!important}.hero-slider-container .swiper-button-next,.hero-slider-container .swiper-button-prev{width:60px;height:60px;border-radius:1px}.hero-slider-container .swiper-button-prev{transform:var(--x-30)}.hero-slider-container .swiper-button-next{transform:var(--x--30)}.hero-slider-container:hover .swiper-button-prev{transform:var(--x-10)}.hero-slider-container:hover .swiper-button-next{transform:var(--x--10)}.hero-slider2 .swiper-button-next,.hero-slider2 .swiper-button-prev{width:30px;height:30px;line-height:30px;color:var(--paragraph-color);background-color:var(--section-bg-1);font-size:14px;transform:translate(0);opacity:1;visibility:visible;border:none;transition:all .3s;position:relative}.hero-slider2 .swiper-button-next{right:0}[dir=rtl] .hero-slider2 .swiper-button-next{left:0}.hero-slider2:hover .swiper-button-next,.hero-slider2:hover .swiper-button-prev{transform:translate(0)}.hero-slider2 .swiper-button-next:hover,.hero-slider2 .swiper-button-prev:hover{background:var(--section-bg-1);color:var(--secondary-color)}.testimonial-quote-menu{position:absolute;top:0;width:100%;height:100%;padding:0;margin:0;z-index:10}.testimonial-quote-menu2{z-index:9;display:none}.testimonial-quote-menu li img{position:absolute;cursor:pointer}.testimonial-quote-menu li:first-child img{width:105px;top:-14%;left:var(--left--5)}[dir=rtl] .testimonial-quote-menu li:first-child img{right:-5px}.testimonial-quote-menu li:nth-child(2) img{width:65px;top:-15px;left:auto;right:var(--right-1-per)}[dir=rtl] .testimonial-quote-menu li:nth-child(2) img{right:auto;left:1%}.testimonial-quote-menu li:nth-child(3) img{width:65px;top:69.23%;left:var(--left-10-per)}[dir=rtl] .testimonial-quote-menu li:nth-child(3) img{left:auto;right:10%}.testimonial-quote-menu li:nth-child(4) img{width:125px;top:58.1%;left:auto;right:var(--right-8-per)}[dir=rtl] .testimonial-quote-menu li:nth-child(4) img{right:auto;left:8%}.testimonial-quote-menu li:nth-child(5) img{width:75px;top:40%;left:var(--left-3-per)}[dir=rtl] .testimonial-quote-menu li:nth-child(5) img{right:3%}.testimonial-quote-menu li:nth-child(6) img{width:75px;top:25%;left:auto;right:var(--right-15-per)}[dir=rtl] .testimonial-quote-menu li:nth-child(7) img{right:15%}.testimonial-quote-menu li:nth-child(8) img{width:55px;top:40%;left:auto;right:var(--right-3-per)}[dir=rtl] .testimonial-quote-menu2 li img{width:125px!important;visibility:hidden;opacity:0}.testimonial-quote-menu2 li.active img{opacity:.8;visibility:visible;z-index:10000000}.testimonial-quote-menu li:first-child.active img{animation:imgAnimation1 .3s ease-in-out}.testimonial-quote-menu li:nth-child(2).active img{animation:imgAnimation2 .3s ease-in-out}.testimonial-quote-menu li:nth-child(3).active img{animation:imgAnimation3 .3s ease-in-out}.testimonial-quote-menu li:nth-child(4).active img{animation:imgAnimation4 .3s ease-in-out}.testimonial-quote-menu li:nth-child(5).active img{animation:imgAnimation5 .3s ease-in-out}.testimonial-quote-menu li:nth-child(6).active img{animation:imgAnimation6 .3s ease-in-out}.testimonial-quote-menu li:nth-child(7).active img{animation:imgAnimation7 .3s ease-in-out}.testimonial-quote-menu li:nth-child(8).active img{animation:imgAnimation8 .3s ease-in-out}[dir=rtl] .testimonial-quote-menu li:first-child.active img{animation:imgAnimation1_rtl .3s ease-in-out}[dir=rtl] .testimonial-quote-menu li:nth-child(2).active img{animation:imgAnimation2_rtl .3s ease-in-out}[dir=rtl] .testimonial-quote-menu li:nth-child(3).active img{animation:imgAnimation3_rtl .3s ease-in-out}[dir=rtl] .testimonial-quote-menu li:nth-child(4).active img{animation:imgAnimation4_rtl .3s ease-in-out}[dir=rtl] .testimonial-quote-menu li:nth-child(5).active img{animation:imgAnimation5_rtl .3s ease-in-out}[dir=rtl] .testimonial-quote-menu li:nth-child(6).active img{animation:imgAnimation6_rtl .3s ease-in-out}[dir=rtl] .testimonial-quote-menu li:nth-child(7).active img{animation:imgAnimation7_rtl .3s ease-in-out}[dir=rtl] .testimonial-quote-menu li:nth-child(8).active img{animation:imgAnimation8_rtl .3s ease-in-out}@keyframes imgAnimation1{0%{top:-14%;left:var(--left--5)}to{top:8%;left:var(--left-half);transform:var(--x--half)}}@keyframes imgAnimation2{0%{top:-15px;left:auto;right:var(--right-1-per)}to{top:8%;left:auto;right:var(--right-half);transform:var(--x-half)}}@keyframes imgAnimation3{0%{top:70%;left:var(--left-10-per)}to{top:8%;left:var(--left-half);transform:var(--x--half)}}@keyframes imgAnimation4{0%{top:58%;left:auto;right:var(--right-8-per)}to{top:8%;left:auto;right:var(--right-half);transform:var(--x-half)}}@keyframes imgAnimation5{0%{top:40%;left:var(--left-3-per)}to{top:8%;left:var(--left-half);transform:var(--x--half)}}@keyframes imgAnimation6{0%{top:25%;right:var(--right-15-per)}to{top:8%;right:var(--right-half);transform:var(--x-half)}}@keyframes imgAnimation7{0%{top:20%;left:var(--left-15-per)}to{top:8%;left:var(--left-half);transform:var(--x--half)}}@keyframes imgAnimation8{0%{top:40%;right:var(--right-3-per)}to{top:8%;right:var(--right-half);transform:var(--x-half)}}@keyframes imgAnimation1_rtl{0%{top:-14%;right:-5px}to{top:8%;right:50%;transform:var(--x--half)}}@keyframes imgAnimation2_rtl{0%{top:-15px;left:1%}to{top:8%;left:50%;transform:var(--x-half)}}@keyframes imgAnimation3_rtl{0%{top:70%;right:10%}to{top:8%;right:50%;transform:var(--x--half)}}@keyframes imgAnimation4_rtl{0%{top:58%;left:8%}to{top:8%;left:50%;transform:var(--x-half)}}@keyframes imgAnimation5_rtl{0%{top:40%;right:3%}to{top:8%;right:50%;transform:var(--x--half)}}@keyframes imgAnimation6_rtl{0%{top:25%;left:15%}to{top:8%;left:50%;transform:var(--x-half)}}@keyframes imgAnimation7_rtl{0%{top:20%;right:15%}to{top:8%;right:50%;transform:var(--x--half)}}@keyframes imgAnimation8_rtl{0%{top:40%;left:3%}to{top:8%;left:50%;transform:var(--x-half)}}.upcoming-project-slider-container .swiper-button-next,.upcoming-project-slider-container .swiper-button-prev{width:60px;height:60px;border-radius:0;bottom:auto;left:auto;top:-97px;transform:translate(0);opacity:1;visibility:visible;font-size:16px}.upcoming-project-slider-container:hover .swiper-button-next,.upcoming-project-slider-container:hover .swiper-button-prev{transform:translate(0)}.upcoming-project-slider-container .swiper-button-prev{right:var(--right-100);background-color:var(--secondary-color);border-color:var(--secondary-color);color:#fff}[dir=rtl] .upcoming-project-slider-container .swiper-button-prev{left:100px;right:auto}.upcoming-project-slider-container .swiper-button-next{right:var(--right-16)}[dir=rtl] .upcoming-project-slider-container .swiper-button-next{left:16px;right:auto}.neighbour-slider-tumbs_slider .swiper-slide-thumb-active{opacity:.6}.portfolio-slider-container:hover .swiper-button-prev{transform:var(--x-37)}.portfolio-slider-container:hover .swiper-button-next{transform:var(--x--37)}.slide-animation{position:relative;z-index:9}.slide-animation>*{opacity:0;visibility:hidden;animation-name:fadeOutUp}.slide-animation>:first-child{animation-delay:.5s;animation-duration:.5s}.slide-animation>:nth-child(2){animation-delay:1s;animation-duration:1s}.slide-animation>:nth-child(3){animation-delay:1.5s;animation-duration:1.5s}.slide-animation>:nth-child(4){animation-delay:2s;animation-duration:2s}.slide-animation>:nth-child(5){animation-delay:2.5s;animation-duration:2.5s}.slide-animation>:nth-child(6){animation-delay:3s;animation-duration:3s}.slide-animation>:nth-child(7){animation-delay:3.5s;animation-duration:3.5s}.slide-animation>:nth-child(8){animation-delay:4s;animation-duration:4s}.slide-animation>:nth-child(9){animation-delay:4.5s;animation-duration:4.5s}.slide-animation>:nth-child(11){animation-delay:5s;animation-duration:5s}.slide-animation-active .slide-animation>*,.swiper-slide-active .slide-animation>*{opacity:1;visibility:visible;animation-name:fadeInUp}.neighbour-accordion .active button span{background:var(--secondary-color)}.nice-select{margin:0;height:60px;line-height:58px;padding-right:40px;padding-left:20px;border-radius:0;min-width:200px;font-size:16px;font-weight:500;font-family:var(--heading-font);width:100%;color:#000}[dir=rtl] .nice-select{text-align:right!important;direction:rtl!important;padding-right:20px!important;padding-left:40px!important}[dir=rtl] .nice-select:after{right:auto;left:12px}.nice-select .list{width:100%;z-index:99;max-height:250px;overflow-y:auto}.nice-select .option{line-height:48.8px}[dir=rtl] .nice-select .option{text-align:right;padding-left:29px;padding-right:18px}.form-primary .nice-select{font-family:var(--body-font);height:65px;border:2px solid var(--border-color-9);font-size:14px;font-weight:700;color:var(--paragraph-color);padding:0 38px 0 18px}.form-loacation .nice-select{min-width:300px}.form-primary .nice-select .list{max-height:400px}.form-primary .nice-select .option{line-height:45.2px}.property-form .nice-select{min-width:190px;height:50px;border-color:#ededed;line-height:50px}.add-property-form .nice-select{min-width:auto}.form-primary .nice-select:before{content:"\f063";font-size:14px;position:absolute;top:50%;right:var(--right-20);transform:translateY(-50%);font-family:"Font Awesome\ 5 Free";font-weight:900;color:var(--secondary-color)}[dir=rtl] .form-primary .nice-select:before{right:auto;left:20px}.form-primary .nice-select:after{display:none}.property-form .nice-select:after{display:block}.hero-form .nice-select{color:var(--paragraph-color)}.hero-form .nice-select:before{font-family:"Font Awesome\ 5 Free";font-weight:900;margin-right:10px;color:var(--secondary-color)}.property-form .nice-select:before{display:none}.hero-form .apartment-select:before{content:"\f073"}.hero-form .location-select:before{content:"\f1b9"}.hero-form .sub-location-select:before{content:"\f3fd"}.hero-form .bedrooms-select:before{content:"\f1cd"}[dir=rtl] .hero-form .selectize:before{margin-right:0;margin-left:15px}.checkmark.active{background-color:var(--secondary-color);border-color:var(--secondary-color)}.checkmark.active:after{opacity:1}.range-slider .slider{height:8px;background-color:#fff;overflow:visible}.range-slider .progress{height:8px;background-color:var(--secondary-color);border-radius:20px;position:relative;overflow:visible}.range input::-webkit-slider-thumb{width:12px;height:12px;background:var(--secondary-color)}input[type=range]::-ms-thumb{width:12px;height:12px;background:var(--secondary-color)}.range input:nth-child(2)::-webkit-slider-thumb{position:relative;overflow:visible;width:100px!important;height:50px;background:url(../img/icons/car.png) no-repeat 100%;border-radius:0;transform:translate(6px)}.service-cards .service-card.active .hover-line{width:100%!important}.service-cards .service-card.active .find-service{color:var(--secondary-color)}.service-cards .service-card-2.active>div{box-shadow:var(--box-shadow-1)}.plan-tab .active{border-color:var(--secondary-color);color:var(--secondary-color)}.plan-tab .active:after{background-color:var(--secondary-color)}.hero-tab .tab-links .active button{background:var(--secondary-color);color:#fff}.property-tab .tab-links .active button{color:var(--secondary-color)}.account-tab .tab-links .active button{background:var(--section-bg-2);color:#fff}.history-tab .tab-links .active button{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.goverlay{background:var(--section-bg-2);opacity:.9}.gcontainer{cursor:pointer}.gslide-media{margin:0 50px}.gslide-count{font-size:11px;color:#8cb2b2}.plyr__control--overlaid{border-radius:15px;background:red!important;padding:15px 25px}.plyr--video .plyr__control:hover{background:red}.plyr--full-ui input[type=range]{color:red}.plyr--full-ui input[type=range]:last-child{color:#fff}.gclose,.gnext,.gprev{width:24px!important;height:24px!important;border:1px solid #fff;border-radius:100%!important;background:transparent;opacity:.5}.glightbox-clean .gnext,.glightbox-clean .gprev{top:90%}.gclose{width:24px!important;height:24px!important}.gclose:hover,.gnext:hover,.gprev:hover{box-shadow:0 0 19px hsla(0,0%,100%,.4)!important;opacity:1}.glightbox-clean button{background:transparent}.gclose svg,.gnext svg,.gprev svg{width:10px;height:auto}.gclose svg{width:10px!important;height:auto}.gslide-inline{overflow:visible;background-color:transparent}.gslide-inline .ginlined-content{background-color:#fff;overflow:auto}.gslide-external{overflow:visible;background-color:transparent}.scroll-up{opacity:0;visibility:hidden;z-index:-1;transition:all .3s}.scroll-up.active{opacity:1;visibility:visible;z-index:99999}.brands .glightbox2:hover{outline:outset}.filter-controllers .is-checked{background-color:var(--primary-color);color:#fff}.google-map-locations-area #gmap{height:90vh}.google-map-locations-area #gmap .gm-ui-hover-effect{top:0!important;right:0!important}[dir=rtl] .google-map-locations-area #gmap .gm-ui-hover-effect{left:0!important}.google-map-locations-area #gmap .gm-style .gm-style-iw-c{padding:10px 8px 25px 25px;border-radius:0}[dir=rtl] .google-map-locations-area #gmap .gm-style .gm-style-iw-c{padding:10px 25px 25px 8px!important;border-radius:0}.map-item{padding:30px 25px 35px;box-shadow:var(--box-shadow-4)}.map-item .location-name{border-bottom:2px solid var(--border-color-1);margin-bottom:25px;color:var(--secondary-color);font-size:20px}.map-item .location-single-info{display:flex;align-items:center;font-size:14px;font-weight:600}.map-item .location-single-info i{margin-right:10px;background:var(--secondary-color);color:var(--white);width:40px;height:40px;line-height:40px;text-align:center}.map-item .btn-wrapper{display:flex;justify-content:space-between}.map-item .btn{padding:10px;font-size:13px;margin-right:10px}.google-map-locations-list-area .map-item{margin-bottom:50px}.location-search h3{float:left;margin-right:30px;margin-bottom:0;line-height:63px;color:var(--white)}.location-search .input-item{float:left;width:300px}.location-search form{padding:50px 50px 20px;background-color:var(--secondary-color)}.state-location-title{padding:15px 30px;background-color:var(--secondary-color);color:var(--white);margin:50px 0}.map-product-item{max-width:260px}.map-product-item img{max-width:100%;margin-bottom:25px}.map-product-item .map-product-title{margin-bottom:10px;font-size:16px;font-weight:600}.map-product-item .map-product-price{color:var(--secondary-color)}.map-product-item .map-product-location{font-weight:500}.map-product-item .map-product-location i{color:var(--secondary-color);margin-right:2px}.map-product-item .map-product-info{font-weight:500}.map-product-item .map-product-info span{margin-right:10px}.gmap_controls .dropdown{color:var(--primary-color);outline:1px solid var(--primary-color)}.gmap_controls .dropdown:focus{outline-color:rgba(0,0,0,.2)}.price_filter{padding-bottom:13px}.price_slider_amount{overflow:hidden}.price_slider_amount>input[type=submit],.price_slider_amount>input[type=text]{background:transparent none repeat scroll 0 0;border:none;box-shadow:none;float:left;height:25px;padding:0;text-align:left;width:140px;margin-bottom:20px}.price_slider_amount>input[type=text]:focus{border:0;outline:none}[dir=rtl] .price_slider_amount>input[type=submit],[dir=rtl] .price_slider_amount>input[type=text]{float:right;text-align:right}.price_slider_amount>input[type=text]{font-weight:700}.price_filter .ui-widget-content{background-color:var(--primary-color);border:none;color:#222;height:3px;width:98%;background-image:none}.price_filter .ui-slider .ui-slider-range{background-color:var(--secondary-color);background-image:none}.price_filter .ui-state-default,.price_filter .ui-widget-content .ui-state-default,.price_filter .ui-widget-header .ui-state-default{background-color:var(--secondary-color);border:none;border-radius:100%;height:12px;margin-left:0;margin-top:-6px;top:50%;width:12px;background-image:none;outline:none}.car-price-filter-range .price_filter .ui-widget-content{height:8px;background-color:var(--white);margin-top:20px}.car-price-filter-range .price_filter .ui-state-default:last-child:before{position:absolute}.car-price-filter-range .price_filter .ui-state-default:last-child:after{position:absolute;content:"";top:-30px;left:var(--left--5);background-image:url(../img/icons/car.png);z-index:99;width:125px;height:50px;background-repeat:no-repeat;display:none}.car-price-filter-range .price_slider_amount>input[type=submit],.car-price-filter-range .price_slider_amount>input[type=text]{font-weight:700;margin-bottom:0}@media (min-width:768px){body{font-size:16px;line-height:1.8}h1,h2,h3,h4,h5,h6{line-height:1.3}h1{font-size:26px}h2{font-size:22px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:15px}p{line-height:1.8!important}.glightbox-clean .gbtn:hover{background:transparent}.plyr__control--overlaid{background:red!important}.gslide-media{margin:0 50px}.gclose,.gnext,.gprev{width:38px!important;height:38px!important}.glightbox-clean .gnext,.glightbox-clean .gprev{top:45%}.gclose svg,.gnext svg,.gprev svg{width:18px;height:auto}.gclose svg{width:13px!important;height:auto}.gclose{width:38px!important;height:38px!important}.car-price-filter-range .price_filter .ui-state-default:last-child:after{display:block}}@media (min-width:992px){h1,h2,h3,h4,h5,h6{line-height:1.3}h1{font-size:30px}h2{font-size:26px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6,p{font-size:16px}p{line-height:1.8!important}.sticky-header.active{display:block;box-shadow:var(--box-shadow-8)}.swiper-container:hover .news-single-slider .swiper-button-prev,.swiper-container:hover .product-details-slider .swiper-button-prev{transform:var(--x-40)}.swiper-container:hover .news-single-slider .swiper-button-next,.swiper-container:hover .product-details-slider .swiper-button-next{transform:var(--x--40)}.testimonial-quote-menu2{display:block}}@media screen and (min-width:1200px){h1,h2,h3,h4,h5,h6{line-height:1.3}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:20px}.h5,h5{font-size:18px}.h6,h6{font-size:16px}p{line-height:1.8!important}.sticky-header.active .container{padding-top:8px;padding-bottom:8px}}@media screen and (min-width:1400px){h1,h2,h3,h4,h5,h6{line-height:1.3}p{line-height:1.8!important}.swiper-container:hover .swiper-button-prev{transform:var(--x--60)}.swiper-container:hover .swiper-button-next{transform:var(--x-60)}.hero-slider-container:hover .swiper-button-prev{transform:var(--x-50)}.hero-slider-container:hover .swiper-button-next{transform:var(--x--50)}.hero-slider2 .swiper-button-next,.hero-slider2 .swiper-button-prev{transform:translate(0)}.hero-slider2 .swiper-button-next{right:0}[dir=rtl] .hero-slider2 .swiper-button-next{left:0}.hero-slider2:hover .swiper-button-next,.hero-slider2:hover .swiper-button-prev,.upcoming-project-slider-container:hover .swiper-button-next,.upcoming-project-slider-container:hover .swiper-button-prev{transform:translate(0)}.portfolio-slider-container:hover .swiper-button-prev{transform:var(--x-37)}.portfolio-slider-container:hover .swiper-button-next{transform:var(--x--37)}}.before\:w-full:before{content:var(--tw-content);width:100%}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-1:after{content:var(--tw-content);left:.25rem}.after\:top-0:after{content:var(--tw-content);top:0}.after\:h-10px:after{content:var(--tw-content);height:10px}.after\:w-\[5px\]:after{content:var(--tw-content);width:5px}.after\:rotate-\[45deg\]:after{content:var(--tw-content);--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-l-0:after{content:var(--tw-content);border-left-width:0}.after\:border-t-0:after{content:var(--tw-content);border-top-width:0}.after\:border-white:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.last\:border-0:last-child{border-width:0}.focus-within\:border-secondary-color:focus-within{--tw-border-opacity:1;border-color:rgb(255 90 60/var(--tw-border-opacity,1))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-secondary-color:hover{--tw-border-opacity:1;border-color:rgb(255 90 60/var(--tw-border-opacity,1))}.hover\:bg-heading-color:hover{--tw-bg-opacity:1;background-color:rgb(7 28 31/var(--tw-bg-opacity,1))}.hover\:bg-secondary-color:hover{--tw-bg-opacity:1;background-color:rgb(255 90 60/var(--tw-bg-opacity,1))}.hover\:bg-section-bg-1:hover{--tw-bg-opacity:1;background-color:rgb(242 246 247/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-\[\#128c7e\]:hover{--tw-text-opacity:1;color:rgb(18 140 126/var(--tw-text-opacity,1))}.hover\:text-heading-color:hover{--tw-text-opacity:1;color:rgb(7 28 31/var(--tw-text-opacity,1))}.hover\:text-secondary-color:hover{--tw-text-opacity:1;color:rgb(255 90 60/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-box-shadow-4:hover{--tw-shadow:0 5px 20px 0 rgba(23,44,82,.1);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-secondary-color:focus{--tw-border-opacity:1;border-color:rgb(255 90 60/var(--tw-border-opacity,1))}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:translate-y-0{--tw-translate-y:0px}.group:hover .group-hover\:scale-110,.group:hover .group-hover\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:bg-secondary-color{--tw-bg-opacity:1;background-color:rgb(255 90 60/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-secondary-color{--tw-text-opacity:1;color:rgb(255 90 60/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:480px){.xs\:-left-\[400px\]{left:-400px}.xs\:w-100{width:25rem}.xs\:px-10{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:576px){.sm\:mb-15px{margin-bottom:15px}.sm\:mb-25px{margin-bottom:25px}.sm\:ml-30px{margin-left:30px}.sm\:block{display:block}.sm\:h-70px{height:70px}.sm\:w-70px{width:70px}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-30px{gap:30px}.sm\:border-l{border-left-width:1px}.sm\:px-25px{padding-left:25px;padding-right:25px}.sm\:px-30px{padding-left:30px;padding-right:30px}.sm\:py-40px{padding-top:40px;padding-bottom:40px}.sm\:pl-30px{padding-left:30px}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:leading-1\.1{line-height:1.1}.sm\:leading-1\.8{line-height:1.8}}@media (min-width:768px){.md\:block{display:block}.md\:basis-auto{flex-basis:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:py-0{padding-top:0;padding-bottom:0}.md\:py-12px{padding-top:12px;padding-bottom:12px}.md\:py-60px{padding-top:60px}.md\:pb-60px,.md\:py-60px{padding-bottom:60px}.md\:pt-0{padding-top:0}.md\:pt-55px{padding-top:55px}.md\:text-15px{font-size:15px}.md\:text-26px{font-size:26px}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:.9rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:992px){.lg\:bottom-\[70px\]{bottom:70px}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-3{grid-column-start:3}.lg\:col-start-4{grid-column-start:4}.lg\:row-start-1{grid-row-start:1}.lg\:mb-0{margin-bottom:0}.lg\:mb-20px{margin-bottom:20px}.lg\:mb-50px{margin-bottom:50px}.lg\:mb-60px{margin-bottom:60px}.lg\:h-10{height:2.5rem}.lg\:max-h-\[560px\]{max-height:560px}.lg\:min-h-\[680px\]{min-height:680px}.lg\:w-10{width:2.5rem}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:justify-end{justify-content:flex-end}.lg\:gap-50px{gap:50px}.lg\:gap-9{gap:2.25rem}.lg\:px-30px{padding-left:30px;padding-right:30px}.lg\:px-50px{padding-left:50px;padding-right:50px}.lg\:py-35px{padding-top:35px;padding-bottom:35px}.lg\:py-40px{padding-top:40px;padding-bottom:40px}.lg\:pb-80px{padding-bottom:80px}.lg\:pr-35px{padding-right:35px}.lg\:pt-70px{padding-top:70px}.lg\:pt-80px{padding-top:80px}.lg\:text-22px{font-size:22px}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-base{font-size:.9rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:leading-1\.1{line-height:1.1}}@media (min-width:1200px){.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:gap-5{gap:1.25rem}.xl\:py-14px{padding-top:14px;padding-bottom:14px}.xl\:text-2xl{font-size:1.5rem;line-height:2rem}.xl\:text-40px{font-size:40px}.xl\:text-4xl{font-size:2.25rem;line-height:2.5rem}.xl\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1300px){.\32xl\:text-15px{font-size:15px}}@media (min-width:1600px){.\34xl\:max-w-500px{max-width:31.25rem}} /* --- banus.css --- */ :root { --banus-marca: #8db600; --banus-marca-oscura: #789b00; --banus-marca-tinta: #5b7500; --banus-marca-tinta-rgb: 91 117 0; --banus-marca-rgb: 141 182 0; --secondary-color: #8db600; --body-font: "Inter", "Nunito Sans", sans-serif; } .bg-secondary-color { background-color: rgb(var(--banus-marca-rgb) / var(--tw-bg-opacity, 1)); } .text-secondary-color { color: rgb(var(--banus-marca-rgb) / var(--tw-text-opacity, 1)); } .border-secondary-color { border-color: rgb(var(--banus-marca-rgb) / var(--tw-border-opacity, 1)); } .before\:bg-secondary-color::before { background-color: rgb(var(--banus-marca-rgb) / var(--tw-bg-opacity, 1)); } .after\:bg-secondary-color::after { background-color: rgb(var(--banus-marca-rgb) / var(--tw-bg-opacity, 1)); } .after\:text-secondary-color::after { color: rgb(var(--banus-marca-rgb) / var(--tw-text-opacity, 1)); } .hover\:bg-secondary-color:hover { background-color: rgb(var(--banus-marca-rgb) / var(--tw-bg-opacity, 1)); } .hover\:text-secondary-color:hover { color: rgb(var(--banus-marca-rgb) / var(--tw-text-opacity, 1)); } .hover\:border-secondary-color:hover { border-color: rgb(var(--banus-marca-rgb) / var(--tw-border-opacity, 1)); } .focus\:border-secondary-color:focus { border-color: rgb(var(--banus-marca-rgb) / var(--tw-border-opacity, 1)); } .group:hover .group-hover\:bg-secondary-color { background-color: rgb(var(--banus-marca-rgb) / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:text-secondary-color { color: rgb(var(--banus-marca-rgb) / var(--tw-text-opacity, 1)); } .group\/nested:hover .group-hover\/nested\:text-secondary-color { color: rgb(var(--banus-marca-rgb) / var(--tw-text-opacity, 1)); } .text-secondary-color, .hover\:text-secondary-color:hover, .group:hover .group-hover\:text-secondary-color, .group\/nested:hover .group-hover\/nested\:text-secondary-color, .after\:text-secondary-color::after { color: rgb(var(--banus-marca-tinta-rgb) / var(--tw-text-opacity, 1)); } .bg-section-bg-2 .text-secondary-color, .bg-section-bg-2 .hover\:text-secondary-color:hover, .bg-heading-color .text-secondary-color, .bg-heading-color .hover\:text-secondary-color:hover { color: rgb(var(--banus-marca-rgb) / var(--tw-text-opacity, 1)); } .bg-secondary-color.text-white, .bg-secondary-color .text-white, .bg-secondary-color p, .bg-secondary-color h1, .bg-secondary-color h2, .bg-secondary-color h3, .bg-secondary-color h4, .bg-secondary-color h5 { color: var(--heading-color); } .bg-secondary-color.text-white.hover\:bg-heading-color:hover, .hover\:bg-heading-color:hover .text-white { color: #fff; } .bg-secondary-color-2, .hover\:bg-secondary-color-2:hover, .before\:bg-secondary-color-2::before { background-color: var(--banus-marca-oscura); } .text-secondary-color-2, .hover\:text-secondary-color-2:hover { color: var(--banus-marca-oscura); } .border-secondary-color-2, .hover\:border-secondary-color-2:hover { border-color: var(--banus-marca-oscura); } img[src*="/marca/"] { max-height: 52px; width: auto; } footer img[src*="/marca/"] { max-height: 64px; } .bg-suave { background-color: #fbfbfb; } .burbuja-whatsapp { position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 1035; display: inline-flex; align-items: center; justify-content: center; gap: 0; width: 60px; height: 60px; padding: 0; border-radius: 999px; background: #25d366; color: #fff; text-decoration: none; box-shadow: 0 8px 24px rgb(18 140 60 / 0.35); transition: gap 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, background 0.25s ease; } .burbuja-whatsapp i { font-size: 1.9rem; line-height: 1; position: relative; z-index: 1; } .burbuja-whatsapp::before { content: ""; position: absolute; inset: 0; border-radius: 999px; background: #25d366; z-index: 0; animation: banus-latido 3s cubic-bezier(0.22, 0.61, 0.36, 1) infinite; } @keyframes banus-latido { 0% { transform: scale(1); opacity: 0.55; } 35% { transform: scale(1.45); opacity: 0; } 100% { transform: scale(1.45); opacity: 0; } } .burbuja-whatsapp__texto { position: relative; z-index: 1; max-width: 0; overflow: hidden; white-space: nowrap; font-weight: 600; font-size: 0.95rem; transition: max-width 0.25s ease; } .burbuja-whatsapp:hover, .burbuja-whatsapp:focus-visible { color: #fff; width: auto; padding: 0 1.1rem; gap: 0.6rem; background: #1da851; transform: translateY(-3px); box-shadow: 0 14px 32px rgb(18 140 60 / 0.45); } .burbuja-whatsapp:hover .burbuja-whatsapp__texto, .burbuja-whatsapp:focus-visible .burbuja-whatsapp__texto { max-width: 160px; } .burbuja-whatsapp:hover::before, .burbuja-whatsapp:focus-visible::before { animation: none; opacity: 0; } body:has(#avisoCookies:not([style*="display: none"])) .burbuja-whatsapp { bottom: 7rem; } .scroll-up { bottom: 100px !important; } @media (max-width: 575.98px) { .burbuja-whatsapp, .burbuja-whatsapp:hover, .burbuja-whatsapp:focus-visible { right: 1rem; bottom: 1rem; width: 54px; height: 54px; padding: 0; } .burbuja-whatsapp i { font-size: 1.7rem; } .burbuja-whatsapp__texto { display: none; } } @media (prefers-reduced-motion: reduce) { .burbuja-whatsapp::before { animation: none; opacity: 0; } .burbuja-whatsapp { transition: none; } } .tarjetas-compactas .apart-card h4 { font-size: 18px; line-height: 1.35; } .tarjetas-compactas .apart-card .px-5, .tarjetas-compactas .apart-card .p-5 { padding-left: 18px; padding-right: 18px; } .tarjetas-compactas .apart-card .pt-30px { padding-top: 20px; } .tarjetas-compactas .apart-card p, .tarjetas-compactas .apart-card .text-sm { font-size: 13px; } .tarjetas-compactas .apart-card ul { gap: 10px; } .tarjetas-compactas .apart-card ul p { font-size: 12px; } .tarjetas-compactas .apart-card h5 { font-size: 16px; } .tarjetas-compactas .banus-favorito { width: 34px; height: 34px; font-size: 15px; } .banus-favorito i { color: #5c727d; transition: color 0.3s ease, transform 0.3s ease; } .banus-favorito:hover i { color: #e0262b; } .banus-favorito.activo i { color: #e0262b; } .banus-favorito.activo i { animation: banus-corazon 0.4s ease; } @keyframes banus-corazon { 0% { transform: scale(1); } 45% { transform: scale(1.35); } 100% { transform: scale(1); } } .galeria-propiedad { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; } .galeria-propiedad__principal { aspect-ratio: 4 / 3; display: block; overflow: hidden; border-radius: 16px; padding: 0; border: 0; background: none; cursor: zoom-in; appearance: none; } .galeria-propiedad__principal img, .galeria-propiedad__secundarias img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .galeria-propiedad__principal:hover img, .galeria-propiedad__secundarias a:hover img { transform: scale(1.05); } .galeria-propiedad__secundarias { display: grid; grid-template-rows: repeat(2, 1fr); gap: 10px; } .galeria-propiedad__secundarias a { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 16px; display: block; } .galeria-propiedad__secundarias a:nth-child(n + 3) { display: none; } .galeria-propiedad--sola { grid-template-columns: 1fr; } .galeria-propiedad--sola .galeria-propiedad__principal { aspect-ratio: 16 / 9; } @media (max-width: 767.98px) { .galeria-propiedad { grid-template-columns: 1fr; } } .tarjeta-imagenes__rejilla button, .galeria-propiedad [data-abre-galeria] { padding: 0; border: 0; background: none; appearance: none; } .apart-card .pastilla-operacion { display: inline-block; padding: 3px 12px; border: 1px solid currentColor; border-radius: 999px; font-size: 11px; letter-spacing: 0.04em; } .nice-select.selector-orden { height: 48px; line-height: 46px; padding: 0 38px 0 16px; border-radius: 12px; border-color: #ececec; font-size: 14px; max-width: 230px; } .nice-select.selector-orden .current { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nice-select.selector-orden::after { right: 16px; } .nice-select.selector-orden .list { width: 100%; min-width: 0; border-radius: 12px; overflow: hidden; } .nice-select.selector-orden .option { font-size: 13px; line-height: 36px; min-height: 36px; padding-left: 16px; padding-right: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .huella-mascotas { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: rgb(var(--banus-marca-rgb) / 0.12); font-size: 22px; padding-top: 1px; } .huella-mascotas ~ *, .apart-card .flex:has(.huella-mascotas) { align-items: center; } .apart-card > div { align-items: stretch !important; } .campo-formulario { width: 100%; height: 48px; padding: 0 14px; font-family: var(--body-font); font-size: 14px; color: var(--heading-color); background-color: var(--section-bg-1); border: 1px solid #ececec; border-radius: 12px; outline: none; transition: border-color 0.3s ease, box-shadow 0.3s ease; appearance: none; } textarea.campo-formulario { height: auto; min-height: 120px; padding: 14px; line-height: 1.7; resize: vertical; } select.campo-formulario { padding-right: 38px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235c727d' stroke-width='1.6'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px; cursor: pointer; } .campo-formulario:focus { border-color: var(--banus-marca); box-shadow: 0 0 0 3px rgb(var(--banus-marca-rgb) / 0.12); } .campo-formulario::placeholder { color: #9aa8b0; } .etiqueta-formulario { display: block; margin-bottom: 7px; font-size: 13px; font-weight: 600; color: var(--heading-color); line-height: 1.4; } .obligatorio { color: var(--banus-marca-tinta); font-weight: 700; } .form-group { margin-bottom: 18px; } .grupo-campo { display: flex; align-items: stretch; } .grupo-campo__prefijo { display: flex; align-items: center; padding: 0 14px; font-size: 14px; font-weight: 600; color: var(--heading-color); background-color: #eef2f3; border: 1px solid #ececec; border-right: 0; border-radius: 12px 0 0 12px; } .grupo-campo .campo-formulario { border-radius: 0 12px 12px 0; } .campo-error { display: block; width: 100%; margin-top: 6px; font-size: 12.5px; line-height: 1.4; color: #d94c3d; } .campo-formulario.is-invalid { border-color: #d94c3d; background-color: #fdf6f5; } .campo-formulario.is-valid { border-color: rgb(var(--banus-marca-rgb) / 0.6); } .tarjeta-formulario { padding: 30px; background-color: #fff; border: 1px solid #ececec; border-radius: 20px; box-shadow: 0 5px 30px rgb(7 28 31 / 0.06); } @media (max-width: 575.98px) { .tarjeta-formulario { padding: 22px 18px; } } .aviso-caja { display: flex; gap: 12px; padding: 16px 18px; margin-bottom: 22px; border-radius: 14px; border: 1px solid; font-size: 14px; line-height: 1.6; } .aviso-caja i { flex: none; font-size: 20px; line-height: 1.3; } .aviso-caja ul { margin: 6px 0 0; padding-left: 18px; list-style: disc; } .aviso-caja--error { color: #8a2f25; background-color: #fdf3f1; border-color: #f0cfc9; } .aviso-caja--exito { color: #3f5600; background-color: rgb(var(--banus-marca-rgb) / 0.1); border-color: rgb(var(--banus-marca-rgb) / 0.35); } .contenido-editorial { color: var(--paragraph-color); font-size: 15px; line-height: 1.8; } .contenido-editorial h2, .contenido-editorial h3, .contenido-editorial h4 { color: var(--heading-color); margin: 1.6rem 0 0.7rem; } .contenido-editorial p { margin-bottom: 1rem; } .contenido-editorial a { color: var(--banus-marca); text-decoration: underline; } .contenido-editorial strong, .contenido-editorial b { color: var(--heading-color); font-weight: 600; } .contenido-editorial h2[id] { font-size: 1.5rem; line-height: 1.35; margin-top: 2.4rem; margin-bottom: 0.7rem; scroll-margin-top: 90px; } .contenido-editorial li { font-size: 0.875rem; line-height: 1.75; } .contenido-editorial li + li { margin-top: 0.45rem; } .contenido-editorial ul:not(.indice ul), .contenido-editorial ol:not(.indice ol) { margin: 1rem 0; padding-left: 1.35rem; } .contenido-editorial ul:not(.indice ul) { list-style: none; } .contenido-editorial ul:not(.indice ul) > li { position: relative; } .contenido-editorial ul:not(.indice ul) > li::before { content: ""; position: absolute; left: -1rem; top: calc(0.875rem * 1.75 / 2 - 2.5px); width: 5px; height: 5px; border-radius: 50%; background: var(--banus-marca); } .contenido-editorial .indice { margin: 0 0 2.5rem; padding: 0.4rem 0 0.4rem 1.25rem; border-left: 3px solid var(--banus-marca); } .contenido-editorial .indice h2 { margin: 0 0 0.6rem; font-size: 1.05rem; } .contenido-editorial .indice ol { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 2rem; } .contenido-editorial .indice li { margin: 0.3rem 0; font-size: 0.92rem; break-inside: avoid; } .contenido-editorial .indice a { color: var(--heading-color); text-decoration: none; } .contenido-editorial .indice a:hover { color: var(--banus-marca); text-decoration: underline; } @media (max-width: 640px) { .contenido-editorial .indice ol { columns: 1; } } .contenido-editorial .aviso { position: relative; margin: 1.8rem 0; padding: 1.5rem 1.6rem 1.4rem; background: var(--section-bg-1); border: 1px solid rgb(var(--banus-marca-rgb) / 0.35); border-radius: 14px; font-size: 0.95rem; line-height: 1.7; color: var(--heading-color); } .contenido-editorial .aviso::before { content: "Importante"; position: absolute; top: -0.62rem; left: 1.5rem; padding: 0.15rem 0.7rem; background: var(--banus-marca); color: #fff; border-radius: 20px; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .contenido-editorial blockquote { margin: 1.4rem 0; padding: 0.9rem 1.2rem; border-left: 3px solid var(--banus-marca); background: rgb(var(--banus-marca-rgb) / 0.06); } .contenido-editorial table { width: 100%; margin: 1.4rem 0; border-collapse: collapse; font-size: 0.875rem; } .contenido-editorial th, .contenido-editorial td { padding: 10px 12px; border: 1px solid #ececec; text-align: left; } .contenido-editorial th { background: var(--section-bg-1); color: var(--heading-color); } @media (max-width: 575.98px) { .contenido-editorial .aviso { padding: 1.4rem 1.1rem 1.2rem; } .contenido-editorial .aviso::before { left: 1.1rem; } } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .paso-hero[hidden] { display: none !important; } .paso-hero:not([hidden]) { animation: banus-aparecer 0.35s ease; } @keyframes banus-aparecer { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } } .hero-form .form-group .campo-error { text-align: left; } .hero-form .campo-formulario { height: 46px; } .carrusel-banus__puntos { display: flex; justify-content: center; gap: 6px; margin-top: 18px; position: static !important; } .carrusel-banus__puntos[hidden] { display: none !important; } .carrusel-banus__puntos .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 !important; border-radius: 999px; background: #d7dde0; opacity: 1; transition: width 0.3s ease, background-color 0.3s ease; } .carrusel-banus__puntos .swiper-pagination-bullet-active { width: 24px; background: var(--banus-marca); } .carrusel-banus .swiper-slide > * { height: 100%; } .grecaptcha-badge { visibility: hidden !important; } .aviso-recaptcha { margin: 10px 0 0; font-size: 11px; line-height: 1.5; color: var(--paragraph-color, #5c727d); } .aviso-recaptcha a { color: inherit; text-decoration: underline; } .aviso-recaptcha a:hover { color: var(--banus-marca-tinta); } .hero-destello { position: relative; overflow: hidden; } .hero-destello::after { content: ""; position: absolute; top: -20%; bottom: -20%; left: 0; width: 28%; z-index: 1; pointer-events: none; background: linear-gradient( 100deg, rgb(255 255 255 / 0) 0%, rgb(255 255 255 / 0.18) 50%, rgb(255 255 255 / 0) 100% ); transform: translateX(-160%) skewX(-18deg); animation: banus-destello 8s ease-in-out infinite; } @keyframes banus-destello { 0% { transform: translateX(-160%) skewX(-18deg); } 16% { transform: translateX(460%) skewX(-18deg); } 100% { transform: translateX(460%) skewX(-18deg); } } @media (prefers-reduced-motion: reduce) { .hero-destello::after { animation: none; display: none; } } .rasgos-tarjeta__dato + .rasgos-tarjeta__dato { margin-left: 10px; padding-left: 10px; border-left: 1px solid #d5dce0; } .carrusel-banus.tarjetas-compactas .apart-card h4 { font-size: 20px; font-weight: 700; } .apart-card .pie-tarjeta { min-height: 90px; display: flex; flex-direction: column; justify-content: center; } .aviso-banus { font-family: var(--body-font); border-radius: 18px !important; padding: 28px 24px 24px !important; } .aviso-banus .swal2-title { font-family: var(--heading-font); font-size: 22px; color: var(--heading-color); } .aviso-banus .swal2-html-container { font-size: 15px; color: var(--paragraph-color); } .aviso-banus .swal2-icon.swal2-success { border-color: rgb(var(--banus-marca-rgb) / 0.35); color: var(--banus-marca); } .aviso-banus .swal2-icon.swal2-success [class^="swal2-success-line"] { background-color: var(--banus-marca); } .aviso-banus .swal2-icon.swal2-success .swal2-success-ring { border-color: rgb(var(--banus-marca-rgb) / 0.35); } .aviso-banus__boton { padding: 12px 28px; border: 0; border-radius: 12px; background: var(--banus-marca); color: #fff; font-weight: 600; font-size: 15px; cursor: pointer; transition: background-color 0.3s ease; } .aviso-banus__boton:hover { background: var(--heading-color); } .aviso-banus__boton:focus { outline: none; box-shadow: none; } .aviso-banus__boton:focus-visible { outline: none; box-shadow: 0 0 0 3px rgb(var(--banus-marca-rgb) / 0.35); } .aviso-banus__boton--secundario:focus-visible { box-shadow: 0 0 0 3px rgb(7 28 31 / 0.15); } .aviso-banus__boton--secundario { margin-left: 10px; background: #eef2f3; color: var(--heading-color); } .aviso-banus__lista { margin: 0; padding-left: 20px; text-align: left; list-style: disc; } .aviso-banus__lista li + li { margin-top: 6px; } .aviso-banus--breve { padding: 10px 14px !important; border-radius: 12px !important; } .aviso-banus--breve .swal2-title { font-family: var(--body-font); font-size: 14px; font-weight: 600; } .hero-form .campo-formulario { border-color: #ccd4d8; } .hero-form .campo-formulario:hover { border-color: #b6c1c6; } .hero-form .campo-formulario:focus { border-color: var(--banus-marca); } .hero-form .nice-select { height: 46px; line-height: 44px; min-width: 0; padding: 0 38px 0 14px; border: 1px solid #ccd4d8; border-radius: 12px; background-color: #fff; font-family: var(--body-font); font-size: 14px; font-weight: 400; color: var(--heading-color); transition: border-color 0.3s ease, box-shadow 0.3s ease; } .hero-form .nice-select:hover { border-color: #b6c1c6; } .hero-form .nice-select.open, .hero-form .nice-select:focus { border-color: var(--banus-marca); box-shadow: 0 0 0 3px rgb(var(--banus-marca-rgb) / 0.12); } .hero-form .nice-select::before { content: none; } .hero-form .nice-select .list { border-radius: 12px; border: 1px solid #e4eaec; box-shadow: 0 10px 30px rgb(7 28 31 / 0.08); } .hero-form .nice-select .option { line-height: 40px; min-height: 40px; font-size: 14px; } .hero-form .nice-select .current:not(.elegido) { color: #9aa8b0; } .pastilla-no-disponible { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: #f3e6e6; color: #8f2222; font-size: 11px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; } .aviso-no-disponible { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 12px; background: #f7eeee; border: 1px solid #e4cccc; color: #8f2222; font-size: 14px; font-weight: 500; } .aviso-no-disponible i { font-size: 18px; } .carrusel-banus__puntos .swiper-pagination-bullet { width: 24px; height: 24px; padding: 8px; box-sizing: border-box; background-clip: content-box; } .carrusel-banus__puntos .swiper-pagination-bullet-active { width: 40px; } .carrusel-banus__puntos { margin-top: 10px; margin-bottom: -8px; }