@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/fa-regular-400.woff2") format("woff2"); } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: swap; src: url("../fonts/fa-brands-400.woff2") format("woff2"); } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/fa-solid-900.woff2") format("woff2"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fab { font-family: 'Font Awesome 5 Brands'; } .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .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; } @charset "UTF-8"; @-webkit-keyframes bounce { from, 20%, 53%, 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); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 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); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .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-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 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% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 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% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; 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: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset "UTF-8"; @font-face { font-family: "slick"; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url() no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:-10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .hexl-cta-mobile{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0));z-index:9999;display:flex;justify-content:center;pointer-events:auto;transition:transform 260ms,opacity 260ms}.hexl-cta-mobile.hexl-cta-hidden{transform:translateY(110%);opacity:0;pointer-events:none}.hexl-cta-footer{width:100%;max-width:980px;display:flex;gap:8px;align-items:center;box-sizing:border-box}.hexl-cta-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#fff;font-weight:700;border-radius:10px;border:1px solid rgba(0,0,0,.15);line-height:1.2;box-sizing:border-box;transition:transform .12s,box-shadow .12s,opacity .12s;flex:1 1 0%;padding:10px 12px;font-size:14px;-webkit-tap-highlight-color:transparent}.hexl-cta-call,.hexl-cta-whatsapp{position:fixed;width:50px;height:50px;border-radius:50%;display:flex;box-shadow:2px 4px 12px rgba(0,0,0,.18);text-decoration:none;transition:transform .12s}.hexl-cta-btn:active{transform:translateY(1px)}.hexl-cta-btn:focus{outline:rgba(0,123,255,.18) solid 3px;outline-offset:2px}.hexl-cta-enquiry{background:linear-gradient(90deg,#ff433a 0,#ff577c 100%)}.hexl-cta-quote{background:#06f}.hexl-cta-whatsapp{right:18px;bottom:140px;background:#25d366;align-items:center;justify-content:center;z-index:9998}.hexl-cta-call svg,.hexl-cta-whatsapp svg{width:24px;height:24px;fill:white;pointer-events:none}.hexl-cta-call:hover,.hexl-cta-whatsapp:hover{transform:scale(1.05)}.hexl-cta-call{right:16px;bottom:calc(88px + env(safe-area-inset-bottom,0));background:#0a84ff;align-items:center;justify-content:center;z-index:10000}@media (max-width:419px){.hexl-cta-footer{flex-direction:column}.hexl-cta-btn{font-size:13px;padding:10px}}@media (min-width:420px) and (max-width:767px){.hexl-cta-footer{flex-direction:row}.hexl-cta-btn{font-size:14px;padding:10px 14px}}@media (min-width:768px){.hexl-cta-call,.hexl-cta-mobile{display:none}.hexl-cta-whatsapp{display:flex}}@media (max-width:767px){.hexl-cta-call,.hexl-cta-mobile{display:flex}.hexl-cta-whatsapp{display:none}}@media (max-height:500px) and (max-width:767px){.hexl-cta-btn{padding:8px 10px;font-size:12px}.hexl-cta-call{bottom:calc(78px + env(safe-area-inset-bottom,0));width:44px;height:44px}} @charset "UTF-8";.filter-section .top-section .coupon,.logo-box img,header .menu,header .menu nav{margin:0 auto}.title-1.detail-title p,.title-3.detail-title p{max-width:60%;color:rgba(0,0,0,.41);line-height:1.7}.SearchTour1,.test_slider_item_four,.title-1,.title-2,.title-3,header .main-navbar{text-align:center}.SearchTour1,footer .sub-footer .footer-social ul li:last-child{margin-right:0}.a,li{letter-spacing:.03em}.a,.btn{text-decoration:none}.list-view .list-box .list-content h6,.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .nowrap-cls{max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}header{position:absolute;top:0;left:0;width:100%;z-index:1}header .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}header.overlay-black{background-color:rgba(0,0,0,.18);height:15%}header.overlay-transparent{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.home_section{position:relative;overflow:hidden}.home_section .home{background-position:center;background-size:cover;height:100vh;overflow:hidden}.home_section .home .banner-content{position:absolute;top:40%}.home_section .home .banner-content.banner-center-text{top:50%;left:0}.btn-group-showcase .btn,.home_section .home .banner-content h4,footer .footer .footer-content{margin-bottom:20px}.home_section .home .banner-content h1{color:#000;margin-bottom:20px}.home_section .offer-text{position:absolute;left:-148px;top:48%}.home_section .offer-text h6{color:#fff;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);text-transform:uppercase;letter-spacing:.3em;font-weight:700;position:relative}.home_section .offer-text h6 span{position:relative;display:inline-block;-webkit-animation:1s cubic-bezier(.86,0,.07,1) infinite alternate ani;animation:1s cubic-bezier(.86,0,.07,1) infinite alternate ani}.home_section .offer-text h6 span:nth-last-child(1n){-webkit-animation-delay:-.1666666667s;animation-delay:-.1666666667s}.home_section .offer-text h6 span:nth-last-child(2n){-webkit-animation-delay:-.3333333333s;animation-delay:-.3333333333s}.home_section .offer-text h6 span:nth-last-child(3n){-webkit-animation-delay:-.5s;animation-delay:-.5s}.classic-slider{margin-bottom:0!important}.classic-slider .slick-dots{top:50%;bottom:unset;width:auto;display:inline-block;right:50px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.classic-slider .slick-dots li{display:block;width:auto;height:auto;margin:20px 0}.filter-panel .left-filter,.package-content h3,li{display:inline-block}.classic-slider .slick-dots li .dot{color:#fff;font-weight:900;font-size:calc(18px + (35 - 18) * ((100vw - 320px) / (1920 - 320)));line-height:1;opacity:.5}.classic-slider .slick-dots li.slick-active .dot{font-size:calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));opacity:1}.animation-bg{position:relative;z-index:1}.animation-bg:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;content:"";background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;-webkit-animation:15s infinite gradient;animation:15s infinite gradient;opacity:.6}.title-1 .title-label,.title-3 .title-label{color:#fff;background-color:#4291b8;font-family:Work Sans;font-size:14px}@-webkit-keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@-webkit-keyframes ani{0%,30%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-shadow:0 0 0 #ef3f3e;color:#fff}100%,70%{-webkit-transform:translate3d(.08em,-.08em,0);transform:translate3d(.08em,-.08em,0);text-shadow:-.08em .08em #ef3f3e;color:#fff}}@keyframes ani{0%,30%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-shadow:0 0 0 #ef3f3e;color:#fff}100%,70%{-webkit-transform:translate3d(.08em,-.08em,0);transform:translate3d(.08em,-.08em,0);text-shadow:-.08em .08em #ef3f3e;color:#fff}}@-webkit-keyframes ripple2{0%{-webkit-transform:scale(1.4);transform:scale(1.4)}100%{-webkit-transform:scale(1.6);transform:scale(1.6)}}@keyframes ripple2{0%{-webkit-transform:scale(1.4);transform:scale(1.4)}100%{-webkit-transform:scale(1.6);transform:scale(1.6)}}@-webkit-keyframes ripple3{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes ripple3{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1.4);transform:scale(1.4)}}@-webkit-keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:.4}100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:.4}100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes effect{0%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:.4}100%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}}@keyframes effect{0%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:.4}100%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}}@-webkit-keyframes slide{0%{background-position:0 0}100%{background-position:-1000px 0}}@keyframes slide{0%{background-position:0 0}100%{background-position:-1000px 0}}@-webkit-keyframes myOrbit{from{-webkit-transform:rotate(0) translateX(10px) rotate(0)}to{-webkit-transform:rotate(360deg) translateX(10px) rotate(-360deg)}}@-webkit-keyframes animationFramesTwo{0%,100%{-webkit-transform:translate(0,0) rotate(0) scale(1);transform:translate(0,0) rotate(0) scale(1)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg) scale(.9);transform:translate(73px,-1px) rotate(36deg) scale(.9)}40%{-webkit-transform:translate(141px,72px) rotate(72deg) scale(1);transform:translate(141px,72px) rotate(72deg) scale(1)}60%{-webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2);transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1);transform:translate(-40px,72px) rotate(144deg) scale(1.1)}}@keyframes animationFramesTwo{0%,100%{-webkit-transform:translate(0,0) rotate(0) scale(1);transform:translate(0,0) rotate(0) scale(1)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg) scale(.9);transform:translate(73px,-1px) rotate(36deg) scale(.9)}40%{-webkit-transform:translate(141px,72px) rotate(72deg) scale(1);transform:translate(141px,72px) rotate(72deg) scale(1)}60%{-webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2);transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1);transform:translate(-40px,72px) rotate(144deg) scale(1.1)}}@-webkit-keyframes mover{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes mover{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes zoom_in{0%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom_in{0%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes smoothScroll{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes smoothScroll{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}100%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}header .main-navbar .nav-menu{display:inline-block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;vertical-align:middle}header .main-navbar .nav-menu>li{position:relative;float:left;display:block;margin-right:25px;padding-top:30px;padding-bottom:30px}header .main-navbar .nav-menu>li>a{display:block;color:#fff;font-size:14px;font-weight:900;line-height:23px;text-decoration:none;text-transform:uppercase;padding:2px 18px;letter-spacing:.07em;position:relative;border-radius:4px}header .main-navbar .nav-menu>li .nav-submenu{position:absolute;left:0;z-index:4;-webkit-box-shadow:0 1px 5px 0 rgba(90,90,90,.2);box-shadow:0 1px 5px 0 rgba(90,90,90,.2);padding:15px 0;background:#fff}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li,header .main-navbar .nav-menu>li .nav-submenu li{border:0;float:none;position:relative;display:block}header .main-navbar .nav-menu>li .nav-submenu li a{border:0!important;background:0 0;color:#222;border-radius:0!important;font-size:14px;font-weight:600;text-transform:capitalize;padding:2px 25px;display:block;letter-spacing:.07em;line-height:1.9;-webkit-transition:.5s;transition:.5s;position:relative}header .main-navbar .nav-menu>li .nav-submenu li a.menu-title:after{position:absolute;content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;right:18px;opacity:1}header .main-navbar .nav-menu>li .nav-submenu li a.arrow-cls:after{opacity:.8}header .main-navbar .nav-menu>li .nav-submenu li a:hover{margin-left:3px;color:#ef3f3e}header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu{position:absolute;width:200px;right:-200px;top:0;background:#fff;border:none;padding:15px 0;-webkit-box-shadow:0 0 1px 0 #ebebeb;box-shadow:0 0 1px 0 #ebebeb}header .main-navbar .nav-menu>li .mega-menu-container{position:absolute;left:0;z-index:4;-webkit-box-shadow:0 1px 5px 0 rgba(90,90,90,.2);box-shadow:0 1px 5px 0 rgba(90,90,90,.2);padding:30px;background:#fff;width:100%;border-radius:4px}header .main-navbar .nav-menu>li .mega-menu-container .mega-box{width:20%}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5{font-weight:800;text-transform:capitalize;font-size:14px}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content{-webkit-box-shadow:none;box-shadow:none;background-color:transparent;position:relative;display:block;padding:0}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a{border:0!important;background:0 0;color:#222;border-radius:0!important;font-size:14px;font-weight:600;text-transform:capitalize;padding:3px 0;display:block;letter-spacing:.07em;line-height:1.9;position:relative}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover{margin-left:4px;color:#ef3f3e}.filter-section .content .grid-item .img-part,.filter-section .filters,.mega-box .link-section .demo ul li a,.row .col,.row div[class*=col-],header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link{position:relative}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link i{color:#ef3f3e}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section+.link-section{margin-top:15px}header .main-navbar .nav-menu>li:hover>a:after{left:0;right:0;opacity:1}header .main-navbar .nav-menu>li.mega-menu{position:unset}header.white-active .main-navbar .nav-menu>li .nav-link.active{background-color:#fff;color:#00a2f7}header.overlay-white{background-color:rgba(255,255,255,.08)}.toggle-nav{position:relative;padding-top:40px;padding-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.toggle-nav i{font-size:24px;color:#000}.mega-box .link-section .demo ul li a:focus,.mega-box .link-section .demo ul li a:hover{padding-top:3px;padding-bottom:3px}.mega-box .link-section .demo .new{position:absolute;top:-8px;right:0;color:#fff;background-color:#ef3f3e;padding:2px 7px;text-transform:uppercase;font-size:9px;line-height:1.3}.mega-box .link-section .demo .title{border-bottom:2px solid red!important}@media (min-width:1200px){.responsive-btn,.toggle-nav,header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2,header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 li .level3{display:none}header .main-navbar .nav-menu>li .nav-submenu{width:220px;opacity:0;visibility:hidden;border-radius:5px;-webkit-transition:.5s;transition:.5s}header .main-navbar .nav-menu>li .nav-submenu a .sub-arrow{position:absolute;right:20px;top:7px;color:rgba(0,0,0,.75);font-size:10px;-webkit-transition:.5s;transition:.5s}header .main-navbar .nav-menu>li .nav-submenu li .level1{display:none;border-radius:4px}header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 li:hover .level3,header .main-navbar .nav-menu>li .nav-submenu li .level1 li:hover .level2,header .main-navbar .nav-menu>li .nav-submenu li:hover .level1{display:block}header .main-navbar .nav-menu>li .nav-submenu li a:hover .sub-arrow{right:16px;color:#222;-webkit-transition:.5s;transition:.5s}header .main-navbar .nav-menu>li .mega-menu-container{opacity:0;visibility:hidden;-webkit-transition:.5s;transition:.5s;width:80%;margin-left:10%}header .main-navbar .nav-menu>li:hover .mega-menu-container,header .main-navbar .nav-menu>li:hover .nav-submenu{opacity:1;visibility:visible;margin-top:30px;-webkit-transition:.5s;transition:.5s}.mobile-back{display:none!important}}@media (max-width:1460px){header .main-navbar .nav-menu>li{margin-right:8px}}@media (max-width:1199px){.according-menu,header .main-navbar .nav-menu>li a .sub-arrow{right:20px;position:absolute}header .main-navbar .nav-menu{position:fixed;background-color:#fff;width:300px;border-radius:0;border:1px solid #eee;top:0;height:100vh;right:-300px;z-index:99;-webkit-transition:.3s;transition:.3s;overflow:scroll}header .main-navbar .nav-menu.opennav{right:0}header .main-navbar .nav-menu .back-btn{display:block;width:100%;padding:0}header .main-navbar .nav-menu .back-btn .mobile-back{padding:20px;font-size:18px;color:#222;font-weight:700;text-transform:uppercase;border-bottom:1px solid #efefef;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .main-navbar .nav-menu>li{display:block;float:none;width:100%;padding:0}header .main-navbar .nav-menu>li a{padding:10px 15px;font-size:16px;font-weight:700;position:relative;color:#222}header .main-navbar .nav-menu>li a .sub-arrow:before{content:"+";font-family:inherit;position:relative}header .main-navbar .nav-menu>li .nav-submenu{width:100%;padding:0;position:relative;display:none;-webkit-box-shadow:none;box-shadow:none}header .main-navbar .nav-menu>li .mega-menu-container.opensubmenu,header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.opensubchild,header .main-navbar .nav-menu>li .nav-submenu.opensubmenu{display:block}header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu{display:none;position:relative;right:0;width:100%;padding:0;-webkit-box-shadow:none;box-shadow:none}header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 li a{padding:0 60px}header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 .level3 li a{padding:0 70px}header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu li a{padding:0 45px}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content,header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover:after,header .main-navbar .nav-menu>li .nav-submenu li a:after,header .main-navbar .nav-menu>li .nav-submenu li a:hover:after{display:none}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover,header .main-navbar .nav-menu>li .nav-submenu li a:hover{margin-left:0}header .main-navbar .nav-menu>li .mega-menu-container{display:none;padding:0}header .main-navbar .nav-menu>li .mega-menu-container .mega-box{width:100%;padding:0}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title{position:relative}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5{margin-bottom:0;font-weight:600;line-height:1.9;padding:2px 25px}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title .according-menu{top:4px}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu{display:block;padding:0 45px}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a{line-height:1.9}header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section+.link-section{margin-top:0}header .main-navbar .nav-menu>li .nav-link.active{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#222;-webkit-transition:.5s;transition:.5s}header .main-navbar .nav-menu>li .nav-link.active:hover{color:#ef3f3e;-webkit-transition:.5s;transition:.5s}header .menu nav{margin-left:auto;margin-right:30px}.mega-box .link-section .demo ul li a span img{top:30px;right:-60px}.mega-box.col{-ms-flex-preferred-size:unset;flex-basis:unset}.main-menu.border-section{border:none}.main-menu .menu-left .main-menu-right .toggle-nav{position:absolute;z-index:2;right:145px;top:6px}.main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name{font-size:18px;padding-left:5px;text-transform:uppercase}}@media (max-width:767px){.toggle-nav{padding-top:30px;padding-bottom:30px}header .menu .brand-logo img{width:120px}}@media (max-width:480px){header .menu .coupon-box{display:none}}.SearchTour1{width:50%;margin-left:30%;background:orange}.title-1 .title-label{text-transform:uppercase;padding:4px 18px;line-height:1.7;border-radius:3px;font-weight:600}.title-1 .title-label.white-label,.title-3.white-title .title-label{background-color:#fff;color:#4291b8}.title-1 h2{padding-top:25px;margin-bottom:0;padding-bottom:50px;font-weight:800}.title-1.title-5 .title-label,.title-3.rounded .title-label{border-radius:50px}.title-1.title-5 h2{padding-top:22px;padding-bottom:15px}.title-1.detail-title h2,.title-3.detail-title h2{padding-bottom:calc(10px + (20 - 10) * ((100vw - 320px)/ (1920 - 320)))}.title-1.title-5 p{font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));font-weight:600;margin-bottom:50px}.title-1.detail-title .title-label,.title-1.detail-title p,.title-3.detail-title .title-label{font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))}.title-1.detail-title p{margin:0 auto;text-transform:capitalize}.title-1.rounded .title-label{border-radius:12px}.title-2 h2{font-size:calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));color:grey;font-weight:400;margin-bottom:22px;line-height:32px;margin-top:-2px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail span,.process-steps .step-bg h4,.title-2 p,.title-3.detail-title p,footer .footer .footer-content .contact-detail p,footer .footer .footer-content .footer-links ul li a,footer .sub-footer .copy-right p{font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))}.title-2 h2 span{color:#ef3f3e;font-weight:900}.title-2 p{margin-bottom:70px;color:#cacaca;font-weight:600}.title-2.color-1 h2 span{color:#4291b8}.title-3 .title-label{text-transform:capitalize;padding:4px 18px 6px;line-height:1;font-weight:600}.title-3 h2{font-size:calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));margin-top:20px;margin-bottom:90px;font-weight:800;position:relative}.title-3 h2 span{font-family:Vampiro One,cursive;font-size:calc(35px + (85 - 35) * ((100vw - 320px) / (1920 - 320)));position:absolute;color:rgba(66,145,184,.1);left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;z-index:-1;font-weight:400}.title-3.detail-title h2{margin-bottom:30px}.title-3.detail-title p{margin:0 auto 30px;text-transform:capitalize}.centered,.title-3.white-title h2,footer.footer-bg .footer .footer-content .contact-detail .contact-list li,footer.footer-bg .footer .footer-content .contact-detail p,footer.footer-bg .footer .footer-content .footer-blog .media .media-body p,footer.footer-bg .footer .footer-content .footer-links ul li a{color:#fff}.title-3.white-title h2 span{z-index:unset;color:rgba(255,255,255,.07)}.title-basic h2{font-size:calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));color:#000;font-weight:600}.title-basic p{margin-top:-4px;color:rgba(0,0,0,.7)}.ratio_40 .bg-size:before{padding-top:40%;content:"";display:block}.ratio_45 .bg-size:before{padding-top:45%;content:"";display:block}.ratio2_1 .bg-size:before{padding-top:50%;content:"";display:block}.ratio_55 .bg-size:before{padding-top:55%;content:"";display:block}.ratio_59 .bg-size:before{padding-top:59%;content:"";display:block}.ratio2_3 .bg-size:before{padding-top:60%;content:"";display:block}.ratio3_2 .bg-size:before{padding-top:66.66%;content:"";display:block}.ratio_90 .bg-size:before{padding-top:93%;content:"";display:block}.ratio_landscape .bg-size:before{padding-top:75%;content:"";display:block}.ratio_square .bg-size:before{padding-top:100%;content:"";display:block}.ratio_asos .bg-size:before{padding-top:127.7777778%;content:"";display:block}.ratio_portrait .bg-size:before{padding-top:150%;content:"";display:block}.ratio1_2 .bg-size:before{padding-top:200%;content:"";display:block}.b-top{background-position:top!important}.b-bottom{background-position:bottom!important}.b-center{background-position:center!important}.b-left{background-position:left!important}.b-right{background-position:right!important}.b_size_content{background-size:contain!important}.shadow-cls{-webkit-box-shadow:0 1px 9px 0 rgba(228,228,228,.7);box-shadow:0 1px 9px 0 rgba(228,228,228,.7)}.container-medium{padding:0 30px}.process-steps h4{margin-bottom:40px;text-transform:capitalize;font-weight:600;line-height:1.3}.process-steps .step-bg{position:relative;margin-top:calc(20px + (40 - 20) * ((100vw - 320px)/ (1920 - 320)))}.process-steps .step-bg:before{content:"";position:absolute;left:0;right:0;height:100%;display:block;background:url("") center center no-repeat}.process-steps .step-bg .row{margin-left:-50px;margin-right:-50px}.process-steps .step-bg .row>div{padding-left:50px;padding-right:50px}.btn-cards .card,.process-steps .step-bg .row>div:first-child,.process-steps .step-bg .row>div:nth-child(3){margin-bottom:30px}.list-view,.list-view .list-box+.list-box,.process-steps .step-bg .row>div:nth-child(2),.process-steps .step-bg .row>div:nth-child(4){margin-top:30px}.filter-section .content,.process-steps .step-bg .popular-section{margin-left:-20px;margin-right:-20px}.process-steps .step-bg .popular-section>div{padding-left:20px;padding-right:20px}.process-steps .step-bg .popular-section .step-box{padding:0;-webkit-box-shadow:none;box-shadow:none;text-align:left;display:block}.destinations_content_box img,.filter-bottom-content .middle-part .button_bottom,.process-steps .step-bg .popular-section .step-box .popular-box{width:100%}.process-steps .step-bg .popular-section .step-box .popular-box .special-content{padding-top:15px;position:relative}.process-steps .step-bg .popular-section .step-box .popular-box .special-content h5{font-size:calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));text-transform:capitalize;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;color:#000;font-weight:800;line-height:1.5;margin-bottom:4px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 span{color:#9a9a9a;font-size:14px;margin-left:auto;font-weight:500}.process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 span i{color:#a7a7a7;margin-right:3px;font-size:10px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content p{margin-bottom:10px;color:#9a9a9a;font-weight:500}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .rating span{color:#9a9a9a;font-size:12px;font-weight:700;margin-left:10px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8px;margin-bottom:-6px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price del,.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price h6 del{font-size:14px;color:#000;font-weight:700;margin-right:10px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price span{color:#4291b8;font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));font-weight:800}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .package-cls{padding-left:20px;color:#4291b8;font-weight:800;font-size:12px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .facility-detail{margin-left:7px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .facility-detail span{color:rgba(0,0,0,.5);font-weight:600;font-size:12px;text-transform:capitalize;padding:2px 8px;border:1px solid #ddd;border-radius:5px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail span{font-weight:700;color:rgba(0,0,0,.84);text-transform:capitalize}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec{margin-top:14px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul{text-transform:capitalize;color:rgba(0,0,0,.78);margin-top:10px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li{margin-right:12px;font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));text-align:center}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li img{width:18px;display:block;margin:0 auto}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li i{font-size:14px;margin-right:5px;display:block}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li.not-include{opacity:.4}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail h6{margin-top:4px;text-transform:capitalize;color:rgba(0,0,0,.78);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail h6 i{font-size:12px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price{display:block;margin-top:15px}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price h6{color:#333;font-size:calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));font-weight:800;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.process-steps .step-bg .step-box,footer .footer .footer-content .footer-place .place .overlay{height:100%;-webkit-box-align:center;text-align:center;display:-webkit-box;display:-ms-flexbox}.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price span{font-size:14px;font-weight:500;color:rgba(0,0,0,.57);text-transform:capitalize}.img_animation,.tourSection,footer .footer .footer-content .footer-blog .media .img-part{overflow:hidden}.tourSection .tourBox{cursor:pointer}.tourSection .tourBox .bg-size,.tourSection .tourBox img{border-radius:10px}.tourSection .tourBox .tourImg{-webkit-transition:.5s;transition:.5s}.tourSection .tourBox .tourContent{padding-top:25px;text-align:center}.tourSection .tourBox .tourContent h3{font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));font-weight:700;text-transform:capitalize;margin-bottom:5px}.tourSection .tourBox .tourContent h6{margin-bottom:0;color:#828282;text-transform:capitalize;letter-spacing:.8px;line-height:1.4}.tourSection .tourBox:hover .tourImg{-webkit-transform:scale(.99);transform:scale(.99);-webkit-transition:.5s;transition:.5s}.tourSection .slick-slide>div{margin:0 15px}.tourSection .slick-list{margin-left:-15px;margin-right:-15px}.top-category .slick-slide>div{margin:0 25px}.top-category .slick-list{margin-left:-25px;margin-right:-25px}.top-category.margin-cls{margin-top:-70px}.top-category.radius-cls .top_box{border-radius:25px}.category-part .category-block .category-image{border-radius:100%;width:70%;margin:0 auto 15px;-webkit-transition:.5s;transition:.5s}.category-part .category-block .category-image img{border-radius:100%}.category-part .category-block .category-image:hover{-webkit-box-shadow:-1px 7px 8px #b9b9b9;box-shadow:-1px 7px 8px #b9b9b9;-webkit-transition:.5s;transition:.5s}.category-part .category-block .category-details{text-align:center;text-transform:capitalize}.img_animation img{transition:var(--transition);position:relative}.img_animation::after{content:"";position:absolute;width:100%;height:100%;background:#8b3eea9c;left:0;top:0;opacity:0;visibility:hidden;transition:var(--transition)}.img_animation:hover::after{opacity:1;visibility:visible}.img_animation:hover img{transform:scale(1.2)}.destinations_content_box{position:relative;margin-bottom:23px;border-radius:12px;overflow:hidden}.destinations_content_box .btn{margin-top:2px}.destinations_content_inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99}.destinations_content_inner h3 a{color:var(--white-color)}.destinations_content_inner h3 a:hover{color:var(--black-color)}.destinations_content_inner h2{color:var(--white-color);padding-bottom:20px}.destinations_big_offer h1{color:var(--white-color);font-size:150px;line-height:109px;padding-bottom:20px}.destinations_big_offer{display:flex}.destinations_big_offer h6{color:var(--white-color);line-height:45px;padding-top:8px}.destinations_big_offer h6 span{display:block;font-size:38px;font-weight:500}.slider-button .slick-next,.slider-button .slick-prev{height:50px;width:50px;border-radius:50%;border:5px solid #fff;line-height:2;background:#005294}section.popular-packages{padding:0 0 50px}.filter-bottom-content .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox,.popular-packages .section-title{margin-bottom:10px}.package-item{background:#fff;box-shadow:0 0 15px #b7b7b785;margin:30px;transition:.3s ease-in-out}.centerededss,footer .footer .footer-content .footer-blog .media .media-body{margin-left:25px}.package-info,footer .footer .footer-content .footer-place .row>div:nth-last-child(-n+3){margin-top:25px}.package-content{padding:25px;border-bottom:1px solid #ddd}.package-image{width:100%;height:180px;float:left;overflow:hidden;position:relative;cursor:default;background:linear-gradient(45deg,#d60d45 0,#046b8c 100%);margin-bottom:22px}.package-image img{display:block;position:relative;max-width:none;width:calc(100% + 60px)!important;-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}.package-item:hover{transition:.3s ease-in-out;transform:translateY(-5px)}.package-item:hover img{opacity:.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.centered,.centereded{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%}section.popular-packages .slick-prev{left:-10px;border-color:#fbfbfb}section.popular-packages .slick-next{right:-10px;border-color:#fbfbfb}.package-info{text-align:center}.centered{font-size:23px;background-color:rgba(0,0,0,.19);font-family:lato,regular;font-weight:800}.centereded{font-size:20px;color:#fff;background-color:rgba(0,0,0,.19);font-family:lato,regular;font-weight:700;display:block ruby}.centerededs,.centerededss{top:40%;font-size:20px;background-color:rgba(0,0,0,.19);font-family:lato,regular;position:absolute;color:#fff;font-weight:700}.centerededs{left:21%;transform:translate(20%,-30%);width:1vw}.btn,.countre_four_item h5,.test_four_author_name p{font-size:16px}.section_padding_top{padding:100px 0 0}.section_padding_bottom{padding:0 0 100px}.arrow_style.owl-carousel .owl-nav button.owl-next,.arrow_style.owl-carousel .owl-nav button.owl-prev{position:absolute;background:var(--black-color);color:var(--white-color);border:none;padding:0!important;width:40px;height:40px;border-radius:50%}.arrow_style.owl-carousel .owl-nav button.owl-next:hover,.arrow_style.owl-carousel .owl-nav button.owl-prev:hover,.button_style_top_left.owl-carousel .owl-nav button.owl-next:hover,.button_style_top_left.owl-carousel .owl-nav button.owl-prev:hover{background:var(--main-color);color:var(--white-color)}.arrow_style.owl-carousel .owl-nav button.owl-next{right:-25px}.arrow_style.owl-carousel .owl-nav button.owl-prev{left:-25px}.button_style_top_left.owl-theme .owl-nav{margin-top:0;position:absolute;right:0;top:-90px}.button_style_top_left.owl-carousel .owl-nav button.owl-next,.button_style_top_left.owl-carousel .owl-nav button.owl-prev{background:var(--black-color);color:var(--white-color);border:none;padding:0!important;width:40px;height:40px;border-radius:50%}.img-fluid,img{max-width:100%;height:auto}.small-section{padding-top:0;padding-bottom:0}.process-steps{overflow:hidden;position:relative;z-index:1}.process-steps .step-bg h4{margin-bottom:-3px;color:rgba(0,0,0,.65)}.process-steps .step-bg .step-box{position:relative;padding:45px 35px;-webkit-box-shadow:0 15px 39px 0 rgba(8,18,109,.08);box-shadow:0 15px 39px 0 rgba(8,18,109,.08);background-color:#fff;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;border-radius:16px;-webkit-transition:.5s;transition:.5s}.process-steps .step-bg .step-box img{width:40px;margin-bottom:20px}.process-steps .step-bg .step-box p{line-height:1.5;margin-bottom:0}.process-steps .step-bg .step-box:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:.5s;transition:.5s}.process-steps .step-bg.invert-lines:before,footer.footer-light .footer .footer-content .contact-detail .footer-logo img{-webkit-filter:invert(1);filter:invert(1)}.process-steps .title-1.detail-title p.font-design{font-weight:500;background-color:rgba(255,255,255,.7);color:#000;padding:15px}.process-steps.icon-large .step-bg .step-box img{width:60px}sample Fotter css sample footer .footer{background-color:#1b1b1b;padding-top:40px;padding-bottom:0;margin-top:-80px}footer .footer .footer-space{padding-left:50px}footer .footer .footer-title .according-menu{position:absolute;right:15px;top:2px;display:block}footer .footer .footer-content .contact-detail p{color:#a1a1a1;line-height:1.4;font-weight:700;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}footer .footer .footer-content .contact-detail .contact-list li{margin-bottom:12px;text-transform:capitalize;display:block}footer .footer .footer-content .contact-detail .contact-list li i{margin-right:5px;font-size:12px}footer .footer .footer-content .contact-detail .contact-list li:last-child{margin-bottom:-3px}footer .footer .footer-content .footer-links ul li{display:block;margin-bottom:7px}footer .footer .footer-content .footer-links ul li a{text-transform:capitalize;color:#fff;font-weight:600;-webkit-transition:.5s;transition:.5s}footer .footer .footer-content .footer-links ul li a:hover{color:#fff;-webkit-transition:.5s;transition:.5s}.faq-content .tab-pane .card:last-child,.filter-section .filters .filter-content li:last-child,footer .footer .footer-content .footer-links ul li:last-child,footer .footer .order-row>div:last-child .footer-title h5{margin-bottom:0}footer .footer .footer-content .footer-map iframe{width:330px;height:200px}footer .footer .footer-content .footer-blog .media .media-body h5,footer .footer .footer-content .footer-place .place .overlay h6{color:#fff;text-transform:capitalize;font-weight:700}footer .footer .footer-content .footer-blog .media .media-body p{color:#a1a1a1;font-weight:600;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}footer .footer .footer-content .footer-blog .media+.media{margin-top:18px}footer .footer .footer-content .footer-place .place .overlay{opacity:0;position:absolute;width:100%;top:0;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.4);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.5s;transition:.5s}footer .footer .footer-content .footer-place .place:hover .overlay{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.5s;transition:.5s;cursor:pointer}footer .sub-footer{background-color:#1e1e1e;padding:22px 0}footer .sub-footer .footer-social ul li{margin-right:35px}footer .sub-footer .footer-social ul li a i{color:#fff;font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));-webkit-transition:.5s;transition:.5s}footer .sub-footer .footer-social ul li a:hover i{color:rgba(255,255,255,.5);-webkit-transition:.5s;transition:.5s}footer .sub-footer .copy-right p{margin-bottom:0;margin-top:3px;color:#fff;text-transform:capitalize;font-weight:700;text-align:center}footer .sub-footer .copy-right p i{color:#e1002c;font-size:13px}footer.footer-light .footer{background-color:rgba(239,63,62,.15)}.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right .price span,footer.footer-light .footer .footer-content .contact-detail p,footer.footer-light .footer .footer-content .footer-blog .media .media-body p{color:rgba(0,0,0,.6)}.view-map .arrow:hover,footer.footer-light .footer .footer-content .contact-detail .contact-list li,footer.footer-light .footer .footer-content .footer-blog .media .media-body h5,footer.footer-light .footer .footer-content .footer-links ul li a,footer.footer-light .footer .footer-title h5{color:#000}footer.footer-light .sub-footer{background-color:rgba(239,63,62,.3)}footer.footer-bg{position:relative;background-blend-mode:overlay;background-color:rgba(239,63,62,.5)}footer.footer-bg .footer{background-color:rgba(27,27,27,.141176)}.rtl footer .footer .footer-content .contact-detail .footer-logo,.rtl footer .footer .footer-content .contact-detail p,.rtl footer .footer .footer-content .contact-detail ul,.rtl footer .footer .footer-content .footer-links,.rtl footer .footer .footer-title h5,.rtl footer .sub-footer .footer-social ul{text-align:right}.rtl footer .footer .footer-title .according-menu{right:unset;left:15px}.rtl footer .footer .footer-content .footer-blog .media .media-body{margin-left:0;margin-right:25px;text-align:right}.rtl footer .footer .footer-space{padding-left:0;padding-right:50px}.rtl footer .sub-footer .copy-right p{text-align:left}.rtl footer .sub-footer .footer-social ul li{margin-right:0;margin-left:35px}ul{padding-left:0;margin-bottom:0}li{font-size:14px}.countre_four_item{background:#fff;border:1px solid rgba(221,221,221,.5);border-radius:12px;text-align:center;padding:15px 20px}.countre_four_item h3{font-weight:600;padding-bottom:3px}.countre_four_item h5{color:#00008b;padding-top:2px;font-weight:500;display:ruby-base}section{position:relative;padding-top:40px}.section_padding{padding:100px 0}#testimonial_four_area{background-image:url('');padding:130px 0;background-repeat:no-repeat;background-position:center;background-size:cover}.test_post_img_four img{width:auto!important;margin:0 auto}.test_four_author_fill{padding-top:30px;position:relative;display:inline-grid}.test_four_author_fill img{position:absolute;left:0;bottom:8px;width:auto!important}.test_four_author_fill h3{font-weight:500;color:var(--main-color)}.test_four_inner_content{padding-top:18px}.test_four_author_name{padding-top:12px;padding-bottom:15px}.test_four_author_name h5{font-weight:600;font-size:16px}.faq-tab .nav-tabs,============= .faq-tab .nav-tabs{display:block;border-bottom:none;background-color:#fff;padding:10px 0;-webkit-box-shadow:0 2px 4px 0 #dedede;box-shadow:0 2px 4px 0 #dedede}.faq-tab .nav-tabs .nav-item,.left-sidebar.sidebar-class .back-btn,.left-sidebar.sidebar-popup.open,.search-panel .search-section .search-box .left-part .search-body:last-child:after,footer .footer .footer-title.mobile-title{display:block}footer .footer .footer-title h5{color:#fff;text-transform:capitalize;font-weight:700;position:relative;margin-bottom:20px}.btn-group-showcase h3,.facts-section .facts-box .img,.filter-panel.filter-title-bar .left-filter .filters ul li,footer .footer .footer-content .contact-detail .footer-logo{margin-bottom:15px}footer .footer .footer-content .footer-place .place{overflow:hidden;position:relative;text-align:center}footer .footer .order-row>div:last-child,footer .footer .order-row>div:nth-child(3){margin-top:0}footer .footer .order-row>div:last-child .footer-content{margin-bottom:0;margin-top:20px}footer .sub-footer .footer-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:5px}trail .facts-section .facts-box{background-color:#fff;padding:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-shadow:2px 3px 13px 0 rgba(0,0,0,.06);box-shadow:2px 3px 13px 0 rgba(0,0,0,.06)}.facts-section .facts-box .img img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.5s;transition:.5s}.facts-section .facts-box h3{font-size:calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));font-weight:700;margin-bottom:0}.facts-section .facts-box h6{font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));color:#ef3f3e;font-weight:700;text-transform:capitalize;margin-bottom:-2px}.facts-section .facts-box:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:.5s;transition:.5s}.custom-checkbox .form-check-input:checked~.form-check-label::before,.filter-panel.bg-inner .left-filter .filters ul li.active,.left-sidebar .middle-part .filter-block .form-check-input:checked~.form-check-label:before{background-color:#ef3f3e}.left-sidebar{background-color:#fff;margin-top:30px;-webkit-transition:.5s;transition:.5s}.left-sidebar .back-btn{padding:20px 25px;border-bottom:1px solid #f9f9f9;display:none;font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));text-transform:capitalize;color:#000;font-weight:700;margin-bottom:0;cursor:pointer}.left-sidebar .search-bar{position:relative;border-bottom:1px solid #f9f9f9}.left-sidebar .search-bar input{width:100%;border:none;background-color:#f9f9f9}.left-sidebar .search-bar i{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:50px;color:#ef3f3e}.left-sidebar .search-bar i:after{content:"";position:absolute;width:1px;height:12px;background-color:rgba(239,63,62,.5);right:-10px;top:2px}.left-sidebar .search-bar ::-webkit-input-placeholder{font-size:14px;color:#000}.left-sidebar .search-bar ::-moz-placeholder{font-size:14px;color:#000}.left-sidebar .search-bar :-ms-input-placeholder{font-size:14px;color:#000}.left-sidebar .search-bar ::-ms-input-placeholder{font-size:14px;color:#000}.left-sidebar .search-bar ::placeholder{font-size:14px;color:#000}.left-sidebar .middle-part .section-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:20px;border-bottom:1px solid #f9f9f9}.left-sidebar .middle-part .filter-block .collapse-block-title{position:relative;font-size:14px;color:#000;text-transform:capitalize;margin:20px 0;cursor:pointer;font-weight:600}.left-sidebar .middle-part .filter-block .collapse-block-title:after{position:absolute;display:block;top:0;right:0;content:"+";color:#000;padding:0 6px;background-color:#f9f9f9}.left-sidebar .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox{margin-bottom:6px}.left-sidebar .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox input:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.left-sidebar .middle-part .filter-block .sidebar-hotels{max-height:210px;overflow-y:auto}.filter-panel .collection-grid-view ul,.filter-panel .popup-btn,.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box,.rating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .img-left{width:100px;height:auto}.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right{padding-left:20px}.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right h5{color:#000;font-weight:700;text-transform:capitalize;margin-bottom:5px;font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))}.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right .rating{margin-bottom:5px}.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right .price{font-weight:700;color:rgba(0,0,0,.6)}.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box+.hotel-box{margin-top:10px}.left-sidebar .middle-part .filter-block .form-check-input{position:absolute;z-index:-1;opacity:0}.left-sidebar .middle-part .filter-block .form-check-input:checked~.form-check-label:after{background-image:url("")}.left-sidebar .middle-part .filter-block .form-check-label{cursor:pointer;margin-left:5px;font-size:14px;color:rgba(0,0,0,.7);text-transform:capitalize;position:relative;padding:2px}.left-sidebar .middle-part .filter-block .form-check-label .rating,.list-view .list-box .slider-nav{margin-top:3px}.left-sidebar .middle-part .filter-block .form-check-label:before{content:"";top:-2px;height:20px;width:20px;background:#f1f1f1;border:none;left:-29px;border-radius:0;position:absolute;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.left-sidebar .middle-part .filter-block .form-check-label:after{content:"";top:-2px;height:20px;width:20px;background-size:48%;left:-29px;position:absolute;display:block;background-repeat:no-repeat;background-position:center center}.left-sidebar .middle-part .filter-block .collection-collapse-block.open .collapse-block-title:after{content:"-"}.left-sidebar .middle-part .filter-block .collection-collapse-block .collection-collapse-block-content{padding-bottom:12px}.left-sidebar .bottom-info h6{margin-bottom:0;font-size:12px;color:rgba(0,0,0,.7);font-weight:700}.left-sidebar .bottom-info h5,.pagination-section .pagination .page-item.active .page-link{background-color:#ef3f3e;color:#fff}.left-sidebar .bottom-info h4{font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));font-weight:700}.left-sidebar .bottom-info h5{font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));display:inline-block;text-transform:capitalize;font-weight:700;padding:6px 10px;border-radius:50px;margin-bottom:12px}.left-sidebar .bottom-info h5 span{text-transform:lowercase;font-size:12px;border:2px solid #fff;border-radius:100%;padding:0 6px}.left-sidebar.sidebar-popup{display:none;position:absolute;z-index:9;top:80px;left:0;border:1px solid #f1f5f4;-webkit-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd;width:280px;max-height:530px;overflow-y:auto}.left-sidebar.sidebar-class{position:fixed;width:300px;left:-300px;top:0;margin-top:0;z-index:5;overflow-y:auto;height:100vh}.search-panel .search-section{margin-top:0;margin-bottom:0}.search-panel .search-section .title-hotel ::-webkit-input-placeholder{font-size:calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)))!important}.search-panel .search-section .title-hotel ::-moz-placeholder{font-size:calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)))!important}.search-panel .search-section .title-hotel :-ms-input-placeholder{font-size:calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)))!important}.search-panel .search-section .title-hotel ::-ms-input-placeholder{font-size:calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)))!important}.search-panel .search-section .title-hotel ::placeholder{font-size:calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)))!important}.btn-close:focus,.btn:focus,.pagination-section .pagination .page-item .page-link:focus,.search-panel .search-section .search-box{-webkit-box-shadow:none;box-shadow:none}.search-panel .search-section .search-box .right-part{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 50px}.search-panel .search-section .search-box .left-part .search-body{padding:30px 40px;-webkit-transition:.5s;transition:.5s}.search-panel .search-section .search-box .left-part .search-body h6{font-weight:700;color:rgba(0,0,0,.36)}.filter-bottom-content .middle-part .filter-block .collapse-block-title:after,.filter-panel .respon-filter-btn,.search-panel .search-section .search-box .left-part .search-body.btn-search:after,.view-map.mobile-map{display:none}.search-panel.sticky{position:fixed;z-index:2;top:0;left:0;width:100%;-webkit-box-shadow:1px 3px 20px 0 rgba(0,0,0,.1);box-shadow:1px 3px 20px 0 rgba(0,0,0,.1);-webkit-animation:1s forwards smoothScroll;animation:1s forwards smoothScroll}.search-panel.sticky .search-section .search-box .left-part .search-body{padding:20px 40px;-webkit-transition:.5s;transition:.5s}.map-section{margin-top:30px;z-index:1;position:relative}.map-section .map,.map-section iframe{height:100%;width:100%;position:absolute;top:0;left:0}.filter-panel.bg-inner .left-filter .filters ul li,.infoBox .marker-detail{background-color:#fff}.infoBox .marker-detail img{width:180px}.infoBox .marker-detail .detail-part{padding:6px}.infoBox .marker-detail .detail-part h6{font-weight:600;margin-bottom:5px;text-transform:capitalize;color:#000}.infoBox .marker-detail .detail-part .rating{margin-bottom:3px}.infoBox .marker-detail .detail-part .rating.five-star i,.infoBox .marker-detail .detail-part .rating.four-star i:nth-child(-n+4),.infoBox .marker-detail .detail-part .rating.one-star i:first-child,.infoBox .marker-detail .detail-part .rating.three-star i:nth-child(-n+3),.infoBox .marker-detail .detail-part .rating.two-star i:nth-child(-n+2){font-weight:900}.infoBox .marker-detail .detail-part span{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));font-weight:400;color:#3e3e3e}.infoBox .marker-detail .detail-part a{position:absolute;right:7px;bottom:7px;font-size:calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));color:#ef3f3e}.filter-panel .popup-btn h5,.filter_button h5,.left-sidebar .middle-part .section-title h5{font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));font-weight:700;text-transform:capitalize}.view-map{text-transform:capitalize;color:#000;margin-right:15px;font-weight:700;-webkit-transition:.5s;transition:.5s;position:relative}.view-map:hover{color:#ef3f3e;-webkit-transition:.5s;transition:.5s}.view-map .arrow{position:absolute;width:100%;top:-58px;font-weight:600;font-size:14px;color:#000;cursor:auto}.view-map .arrow:after{content:"";background-image:url("../hexl/img/step-arrow.png");width:50px;height:50px;position:absolute;background-size:contain;-webkit-transform:rotate(115deg);transform:rotate(115deg);left:-70px;bottom:-30px;background-repeat:no-repeat}.btn.btn-curve.btn-lower,.btn.btn-lower,.list-view .list-box .list-content p{text-transform:capitalize}.pagination-section{margin-top:40px}.pagination-section .pagination{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.filter-section .filters .filter-btn,.filter_button{-webkit-box-align:center;display:-webkit-box;display:-ms-flexbox}.pagination-section .pagination .page-item .page-link{color:#000;background-color:#fff;border:none;margin:0 3px;-webkit-box-shadow:0 0 8px #dadada;box-shadow:0 0 8px #dadada}.filter_button{-ms-flex-align:center;align-items:center;background-color:#fff;display:flex}.filter_button h5{color:#000;margin-bottom:-3px}.filter_button img{margin-right:10px}.filter-bottom-content{display:none;position:absolute;left:0;top:80px;width:100%;z-index:2;-webkit-transition:.5s cubic-bezier(0,1,0.5,1);transition:.5s cubic-bezier(0,1,0.5,1);-webkit-box-shadow:0 1px 9px 3px rgba(228,228,228,.81);box-shadow:0 1px 9px 3px rgba(228,228,228,.81);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s}.filter-bottom-content .middle-part .filter-block .collapse-block-title{cursor:default;margin-top:0;font-weight:700}.filter-bottom-content .middle-part .filter-block .collection-collapse-block{border-bottom:none}.filter-bottom-content .middle-part .filter-block .collection-collapse-block .collection-collapse-block-content{padding-bottom:0}.filter-bottom-content .middle-part .btn{text-transform:capitalize;padding:5px 15px}@media (max-width:576px){header .menu .brand-logo img{width:110px;height:auto}header .menu .coupon-box h6{padding:3px 5px;font-size:12px}header .menu nav{margin-right:20px}.toggle-nav{padding-top:20px;padding-bottom:20px}.toggle-nav i{font-size:20px}.dark .filter-panel .respon-filter-btn h6{color:#fff}.dark .filter-panel .respon-filter-content.show{background-color:#2b2b2b;-webkit-box-shadow:-4px -1px 20px 0 rgba(35,35,35,.13);box-shadow:-4px -1px 20px 0 rgba(35,35,35,.13)}.dark .filter-panel .respon-filter-content.show ul li.active{background-color:#2b2b2b}}@media (max-width:420px){.dark .single-section .description-section .description-details .menu-part .rooms-box .price-details{border-color:#404040}}.filter-panel .popup-btn h5,.left-sidebar .middle-part .section-title h5{color:#000;margin-bottom:0}.left-sidebar .middle-part .section-title img,.mobile-filter img{margin-left:auto}.blur-up.lazyloaded{-webkit-filter:blur(0);filter:blur(0)}.left-sidebar .middle-part .filter-block .collection-collapse-block{border-bottom:1px solid #f9f9f9}.a{-webkit-transition:.5s;transition:.5s}body{font-family:Nunito,sans-serif;background:#fff;font-size:14px;color:#000;font-weight:500}.btn-group-showcase{margin-bottom:-20px}.btn-group-showcase .btn+.btn,.list-view .list-box .list-content .facility-icon .facility-box+.facility-box{margin-left:15px}.btn{line-height:20px;text-transform:capitalize;font-weight:700;border-radius:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.btn.btn-sm{padding:8px 24px!important;text-transform:capitalize}.btn.white-btn{background-color:#fff!important;color:#ef3f3e!important;-webkit-box-shadow:none!important;box-shadow:none!important}.btn.black-btn{background-color:#000!important;color:#fff!important;-webkit-box-shadow:1px 11px 20px 0 rgba(0,0,0,.12)!important;box-shadow:1px 11px 20px 0 rgba(0,0,0,.12)!important}.btn.black-btn:hover{-webkit-box-shadow:1px 11px 20px 0 rgba(0,0,0,.22);box-shadow:1px 11px 20px 0 rgba(0,0,0,.22);border:1px solid #000;background-color:#fff!important;color:#000!important}.btn.btn-curve,.btn.btn-solid{padding:9px 20px;-webkit-box-shadow:1px 11px 20px 0 rgba(239,63,62,.12);color:#fff}.btn.btn-solid{background-color:#ef3f3e;box-shadow:1px 11px 20px 0 rgba(239,63,62,.12)}.btn.btn-solid:hover{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;background-color:#fff;color:#ef3f3e;border:1px solid #ef3f3e;-webkit-box-shadow:1px 11px 20px 0 rgba(239,63,62,.22);box-shadow:1px 11px 20px 0 rgba(239,63,62,.22)}.btn.btn-solid.btn-outline{background-color:transparent;border:1px solid #ef3f3e;color:#ef3f3e}.btn.btn-solid.btn-outline:hover{color:#fff;background-color:#ef3f3e}.btn.btn-rounded.color2,.btn.btn-solid.color2{background-color:#00a2f7;-webkit-box-shadow:2.5px 4.33px 25px 0 rgba(0,162,247,.3);box-shadow:2.5px 4.33px 25px 0 rgba(0,162,247,.3)}.btn.btn-rounded.color2:hover,.btn.btn-solid.color2:hover{background-color:#fff;color:#00a2f7;-webkit-transition:.5s;transition:.5s;border:1px solid #00a2f7;-webkit-box-shadow:1px 11px 20px 0 rgba(0,162,247,.22);box-shadow:1px 11px 20px 0 rgba(0,162,247,.22)}.btn.btn-curve{border-radius:5px;background-color:#ef3f3e;box-shadow:1px 11px 20px 0 rgba(239,63,62,.12)}.btn.btn-rounded{border-radius:100px;color:#fff;padding:10px 20px}.btn.btn-rounded.color1{background-color:#ef3f3e;-webkit-box-shadow:1px 11px 20px 0 rgba(239,63,62,.12);box-shadow:1px 11px 20px 0 rgba(239,63,62,.12)}.btn.btn-rounded.color1:hover{background-color:#fff;color:#ef3f3e;-webkit-transition:.5s;transition:.5s;border:1px solid #ef3f3e;-webkit-box-shadow:1px 11px 20px 0 rgba(239,63,62,.22);box-shadow:1px 11px 20px 0 rgba(239,63,62,.22)}.btn-outline{background-color:#fff;border:1px solid #ef3f3e;color:#ef3f3e}.rating i{font-size:12px;margin:0 2px;color:#fc3}.filter-section{background-image:url("");background-size:cover;background-repeat:no-repeat;overflow:hidden}.filter-section .filters .filter-btn{border-radius:19px;background-color:#fff;-webkit-box-shadow:0 15px 40px 0 rgba(193,0,38,.25);box-shadow:0 15px 40px 0 rgba(193,0,38,.25);padding:10px 25px;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;text-transform:capitalize}.filter-section .filters .filter-btn h6{color:#ef3f3e;margin-bottom:0;line-height:1;text-transform:capitalize;font-weight:800;padding-right:15px;position:relative}.filter-section .filters .filter-btn h6 i{position:absolute;right:0;top:-3px}.filter-section .filters .filter-content{position:absolute;top:45px;right:0;width:100%;z-index:1;background-color:#be0025;-webkit-box-shadow:0 0 8px rgba(0,0,0,.25);box-shadow:0 0 8px rgba(0,0,0,.25)}.filter-section .filters .filter-content h4{margin-bottom:0;text-align:center;background-color:rgba(0,0,0,.5);margin-top:5px;padding:5px;cursor:pointer}.filter-section .filters .filter-content li{display:block;color:#fff;margin-top:6px;text-align:center;text-transform:capitalize;cursor:pointer}.filter-section .top-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:70px}.filter-section .top-section .title h2{font-size:calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));color:#fff;text-transform:uppercase;font-weight:800}.filter-section .top-section .title h6{font-size:14px;color:#fff;opacity:.5;margin-bottom:0}.filter-section .top-section .coupon h6{text-transform:capitalize;color:#fff;padding:5px 10px;border:1px dashed rgba(255,255,255,.5);border-radius:25px;margin-bottom:0}.filter-section .content .grid-item .img-part img{border-radius:25px;width:100%;-webkit-box-shadow:1px 10px 14px 1px rgba(0,0,0,.16);box-shadow:1px 10px 14px 1px rgba(0,0,0,.16)}.filter-section .content .grid-item .img-part .up-btn{background-color:#ef3f3e;-webkit-box-shadow:0 15px 25px 0 rgba(0,0,0,.5);box-shadow:0 15px 25px 0 rgba(0,0,0,.5);position:absolute;width:56px;height:56px;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:50%;-webkit-transform:translateX(-50%) scale(.5);transform:translateX(-50%) scale(.5);bottom:15px;opacity:0;-webkit-transition:.5s;transition:.5s}.filter-panel,.filter-panel .right-panel{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center}.filter-section .content .grid-item .img-part .up-btn i{color:#fff;font-size:18px}.filter-section .content .grid-item .img-part:after{width:70%;height:70%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#000;opacity:.702;position:absolute}.filter-section .content .grid-item .filter-detail{opacity:.3;-webkit-transition:.5s;transition:.5s}.filter-section .content .grid-item .filter-detail h6{font-size:14px;font-weight:800;text-transform:uppercase;color:#fff;letter-spacing:.3em;margin-top:15px;margin-bottom:6px}.faq-content .tab-pane .card .card-header h5,.faq-tab .nav-tabs .nav-item .nav-link,.filter-panel .left-filter .filters ul li,.list-view .list-box .list-content h5,.list-view .list-box .list-content p,.mobile-filter h5{text-transform:capitalize;text-transform:capitalize}.filter-section .content .grid-item .filter-detail .rating i{font-size:10px}.filter-section .content .grid-item:hover .img-part .up-btn{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1;-webkit-transition:.5s;transition:.5s}.filter-section .content .grid-item:hover .filter-detail{opacity:1;-webkit-transition:.5s;transition:.5s}.filter-panel{background-color:#fff;display:flex;-ms-flex-align:center;align-items:center;position:relative}.filter-panel .popup-btn img{margin-left:10px}.filter-panel .left-filter .filters ul h4{margin-bottom:0;line-height:1}.filter-panel .left-filter .filters ul li{padding:7px 17px;font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));cursor:pointer;background-color:#f9f9f9;-webkit-transition:.5s;transition:.5s;font-weight:700;margin-right:10px}.filter-panel .left-filter .filters ul li.active{background-color:#ef3f3e;color:#fff;-webkit-transition:.5s;transition:.5s}.filter-panel .collection-grid-view{display:inline-block;margin:0 auto;padding-left:15px}.filter-panel .collection-grid-view>ul>li{margin:0 4px}.filter-panel .collection-grid-view .filter-select li{width:6px;height:17px;background-color:#ef3f3e;margin-left:4px;margin-bottom:-1px}.filter-panel .right-panel{display:flex;-ms-flex-align:center;align-items:center;margin-left:auto}.filter-panel .right-panel ul li+li{margin-left:8px}.filter-panel.bg-inner{background-color:#f9f9f9!important}.filter-panel.filter-title-bar{padding:0}.filter-panel.filter-title-bar h4{margin-bottom:0;font-weight:600}.filter-panel.filter-title-bar .left-filter .filters ul{margin-bottom:-15px}.mobile-filter{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;padding:15px;display:none}.mobile-filter h5{font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));color:#000;font-weight:700}.list-view .list-box{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;background-color:#fff}.list-view .list-box .list-img{width:35%}.list-view .list-box .list-content{margin-left:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60%}.list-view .list-box .list-content>div{width:100%;position:relative}.list-view .list-box .list-content h5{font-size:calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));margin-bottom:0;color:#000;font-weight:800;line-height:1.5}.list-view .list-box .list-content p{color:red;font-weight:400}.list-view .list-box .list-content .price{color:#000;font-size:calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));font-weight:600;margin-top:0;margin-left:-14px}.list-view .list-box .list-content .price del{font-size:14px;color:brown;font-weight:700;margin-right:10px}.list-view .list-box .list-content .price span{font-size:14px;margin-left:5px}.list-view .list-box .list-content .rating span{color:#3e3e3e;font-size:12px;font-weight:700;margin-left:18px}.list-view .list-box .list-content .facility-icon{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;margin-top:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list-view .list-box .list-content .facility-icon .facility-box span{text-transform:capitalize;text-transform:capitalize;color:#000;font-weight:600;font-size:12px}.list-view .list-box .list-content .facility-icon .facility-box img{display:block;width:calc(18px + (22 - 18) * ((100vw - 320px)/ (1920 - 320)));margin:0 auto}.list-view .list-box .list-content .facility-icon .facility-box i{display:block;font-size:calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));color:rgba(95,95,95,.64)}.list-view .list-box .list-content .hotel-info{margin-top:12px}.list-view .list-box .list-content .book-now{position:absolute;right:0;bottom:0}.list-view .list-box .list-content .offer-box{position:absolute;right:0;top:0;border:1px solid #000;padding:10px;font-weight:600;text-align:center;font-style:normal;max-width:150px;font-size:13px;color:#000}.faq-content .tab-pane .card .card-body,.faq-content .tab-pane .card .card-header h5,.faq-tab .nav-tabs .nav-item .nav-link{font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))}.list-view .list-box .slick-prev{left:1px;z-index:1;-webkit-transition:.5s;transition:.5s;background-color:transparent;height:36px}.list-view .list-box .slick-prev:before{content:"\f053";font-family:"Font Awesome 5 Free";font-weight:900}.list-view .list-box .slick-next{right:0;z-index:1;-webkit-transition:.5s;transition:.5s;background-color:transparent;height:36px}.list-view .list-box .slick-next:before{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900}.list-view .list-box .slider-nav .slick-slide{margin:0 3px;cursor:pointer}.list-view .list-box .slider-nav .slick-list{margin-left:-3px;margin-right:-3px}.list-view .list-box:hover .special-img .bg-size{-webkit-transform:scale(1);transform:scale(1)}.list-view .list-box:hover .slick-next,.list-view .list-box:hover .slick-prev{background-color:#252525;-webkit-transition:.5s;transition:.5s}.faq-tab .nav-tabs .nav-item .nav-link{color:#000;border:none;-webkit-transition:.5s;transition:.5s;border-radius:0;font-weight:600}.faq-tab .nav-tabs .nav-item .nav-link.active{border:none;border-right:2px solid #ef3f3e;border-radius:0;color:#ef3f3e;-webkit-transition:.5s;transition:.5s}.faq-tab .nav-tabs .nav-item .nav-link:hover{border:none;border-right:2px solid #ef3f3e;color:#ef3f3e;-webkit-transition:.5s;transition:.5s}.faq-content{display:block;background-color:#fff;padding:30px;-webkit-box-shadow:0 2px 4px 0 #dedede;box-shadow:0 2px 4px 0 #dedede}.faq-content .tab-pane .card{margin-bottom:25px;border-radius:0;border:none}.faq-content .tab-pane .card .card-header{border-bottom:none;background-color:transparent;padding:0}.faq-content .tab-pane .card .card-header h5{padding:0;width:100%;text-align:left;color:#000;font-weight:700}.faq-content .tab-pane .card .card-body{color:#444;padding:0}.filter-section .content .grid-item{padding:0 20px}.scroll-body{padding-left:320px}footer .footer .footer-content .contact-detail p{margin-bottom:20px;-webkit-line-clamp:2}footer .footer .footer-content .contact-detail .contact-list li{font-size:14px;font-family:lato;font-weight:800;color:#fff}.footer .footer .footer-space{padding-left:25px}.filter-panel{padding:20px 25px}.left-sidebar .middle-part,.left-sidebar .search-bar{padding:25px}.left-sidebar .search-bar input{padding:10px 10px 10px 60px}.left-sidebar .bottom-info{padding:0 25px 25px}.list-view .list-box .list-content h6{color:#000}.top-filter-section ul .onclick-title{min-width:130px}@media (max-width:1199px){.left-sidebar,.menu-overlay{height:100vh;position:fixed;top:0}.holiday_inner_content p,.rating_outof i{font-size:14px;color:var(--white-color)}.section-t-space,section{padding-top:25px}.footer{padding-top:100px}.section-b-space{padding-bottom:80p}.medium-section{padding-top:60px;padding-bottom:60px}.small-section{padding-top:50px;padding-bottom:50px}.title-1 h2{padding-top:20px;padding-bottom:40px}.title-1.title-5 h2{padding-top:18px;padding-bottom:10px}.title-1.title-5 p,.title-2 p{margin-bottom:50px}.title-1.detail-title p,.title-3.detail-title p{max-width:90%}.filter-section .top-section .title,.title-2 h2{margin-bottom:18px}.title-3 h2{margin-bottom:70px}.menu-overlay{left:0;width:100vw;background-color:rgba(0,0,0,.52);z-index:2;display:none}.mobile-filter,.tap-top>div{display:-webkit-box;display:-ms-flexbox}.left-sidebar .back-btn,.list-view .list-box,.menu-overlay.show{display:block}.toggle-nav{padding-top:25px;padding-bottom:25px}.list-view .list-box .list-content .book-now{padding:3px 7px;text-transform:capitalize}.mobile-filter{display:flex;border-top:1px solid #f9f9f9}.filter-panel .respon-filter-content,.left-sidebar .search-bar,.mobile-filter.filter_button{display:none}.left-sidebar{width:300px;left:-300px;margin-top:0;z-index:5;overflow-y:auto;-webkit-box-shadow:0 15px 5px 0 rgba(77,77,77,.28);box-shadow:0 15px 5px 0 rgba(77,77,77,.28)}.search-panel .search-section .search-box .left-part .search-body h6{text-transform:capitalize}.banner_four_img img,.list-view .list-box .list-img,.list-view .list-box .list-img img{width:100%}.list-view .list-box .list-content{width:100%;margin-left:0;margin-top:10px}.list-view .list-box .list-content p{margin-bottom:10px}.list-view .list-box .list-content .facility-icon{margin-top:18px}.list-view .list-box .list-content .offer-box{position:relative;max-width:100%;border:none;padding:0;margin-top:7px}.list-view .list-box .list-content h6{max-width:100%}.facts-section .animated-section .animation-section{opacity:.1}.filter-panel .respon-filter-btn{display:block;cursor:pointer}.filter-panel .respon-filter-btn h6{font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));text-transform:capitalize;color:#000;font-weight:700;margin-bottom:0}.filter-panel .respon-filter-content.show{display:block;position:absolute;background-color:#fff;width:150px;z-index:2;left:15px;top:45px;-webkit-box-shadow:-4px -1px 20px 0 rgba(0,0,0,.13);box-shadow:-4px -1px 20px 0 rgba(0,0,0,.13)}.filter-panel .respon-filter-content.show ul li{display:block;background-color:#fff}.filter-panel .respon-filter-content.show ul li.active{background-color:#fff;color:#ef3f3e}.filter-panel.right-filter .respon-filter-content{left:unset;right:15px}.filter-panel.right-filter.open-cls .respon-filter-content{right:unset;left:15px}.filter-panel,.mobile-filter{padding:15px 20px}.filter-section .top-section .coupon{position:absolute;bottom:20px}.filter-section .top-section .title h2{margin-bottom:0}.filter-section .filters .filter-btn{padding:8px 18px}.tap-top{width:35px;height:35px;border-radius:8px;position:fixed;bottom:50px;right:-60px;z-index:8;color:#fff;text-align:center;background:#ef3f3e;border:none;font-size:22px;padding:6px 5px 5px;cursor:pointer;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);-webkit-transition:.5s;transition:.5s}.tap-top:after{position:absolute;content:"";bottom:-12px;background-color:#000;width:100%;height:11px;left:0;-webkit-transform:rotate(13deg);transform:rotate(13deg);background:radial-gradient(ellipse at center,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 100%)}.tap-top>div{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tap-top.top{display:block;right:30px;-webkit-transition:.5s;transition:.5s}.four_banner_bottom_item,.holiday_small_box_content,.top_service_boxed,.top_service_boxed img{transition:var(--transition)}.top_service_boxed{position:relative;background:var(--white-color);border:1px solid rgba(221,221,221,.5);border-radius:12px;padding:30px 35px;margin-top:30px;text-align:center}.top_service_boxed:hover{transform:translateY(-10px)}.top_service_boxed:hover img{transform:translateY(5px)}.top_service_boxed h3{padding-top:35px;position:relative;padding-bottom:10px;font-weight:500}.top_service_boxed h3::after{content:"";position:absolute;width:160px;height:1px;background:var(--main-color);left:50%;transform:translate(-50%,50%);bottom:0}.top_service_boxed p{padding-top:20px}.holiday_left_heading{background:#f3f6fd;border-radius:20px;padding:70px 45px;margin-top:30px}.holiday_small_boxed{margin-top:30px;border-radius:17px;overflow:hidden;position:relative}.common_card_four_img a img,.holiday_small_boxed img{width:100%;transition:var(--transition)}.common_card_four:hover .common_card_four_img a img,.holiday_small_boxed:hover img{transform:scale(1.1)}.holiday_small_boxed:hover .holiday_small_box_content{opacity:1}.holiday_small_box_content{background:linear-gradient(359deg,#111018 0,rgb(217 217 217 / 0%) 70%);border-radius:20px;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.holiday_inner_content{position:absolute;bottom:0;width:100%;padding:30px 20px}.rating_outof{display:flex;align-items:center}.rating_outof h5{color:var(--white-color);padding-left:10px;font-weight:300}.holiday_inner_content h3{color:var(--white-color);padding:10px 0;font-weight:400}.holiday_inner_content h4{color:var(--white-color);font-weight:400}.holiday_inner_content p{padding-top:5px;font-weight:400;line-height:24px}.arrow_style.owl-theme .owl-nav{margin-top:0;position:absolute;width:100%;top:50%;transform:translateY(-50%)}.arrow_style.owl-carousel .owl-nav button.owl-next,.arrow_style.owl-carousel .owl-nav button.owl-prev{position:absolute;background:var(--black-color);color:var(--white-color);border:none;padding:0!important;width:40px;height:40px;border-radius:50%}.arrow_style.owl-carousel .owl-nav button.owl-next:hover,.arrow_style.owl-carousel .owl-nav button.owl-prev:hover,.button_style_top_left.owl-carousel .owl-nav button.owl-next:hover,.button_style_top_left.owl-carousel .owl-nav button.owl-prev:hover{background:var(--main-color);color:var(--white-color)}.arrow_style.owl-carousel .owl-nav button.owl-next{right:-25px}.arrow_style.owl-carousel .owl-nav button.owl-prev{left:-25px}#width_offer_area{background:#f3f6fd;padding:70px 0}.width_offer_item{display:flex}.width_offer_text{width:80%;padding-left:25px}.width_offer_text h3{font-weight:500;padding-bottom:10px}.navbar_color_black .main-navbar .navbar .navbar-nav .nav-item a{color:var(--black-color);font-weight:400}.navbar_color_black .topbar-list li a,.navbar_color_black .topbar-list li i,.navbar_color_black .topbar-others-options li a{color:var(--black-color);color:#fff}.navbar_color_black .topbar-others-options li .language-option button,.section_heading_left_view_all a:hover{color:var(--black-color)}.navbar_color_black .topbar-area{border-bottom:.1px solid;border-top:.1px solid #000;background:#000}#home_four_banner{background-color:#f4f6fc;padding:220px}.banner_four_img{position:absolute;top:0;right:0}.banner_four_text h1{font-size:90px;font-weight:500;padding-top:20px;line-height:105px}.banner_four_text h3{padding-top:25px;color:#1f1e46;font-weight:500}.banner_four_text h4{color:#6d6d74;font-size:24px;font-weight:600}.banner_four_text{padding-right:100px}.banner_bootom_four{padding-top:200px}.four_banner_bottom_item{background:#fff;border:1px solid #ddd;border-radius:12px;text-align:center;padding:30px 20px}.four_banner_bottom_item:hover{box-shadow:4px 8px 16px rgba(28,27,35,.06);transform:translateY(-10px)}.four_banner_bottom_item h3{padding-top:20px;font-weight:500}.four_banner_bottom_item p{padding-top:15px}.section_heading_left{padding-bottom:30px}.section_heading_left h2{padding-bottom:8px}.common_card_four{background:#fff;border:1px solid rgba(221,221,221,.5);border-radius:20px;overflow:hidden}.common_card_four_img{overflow:hidden}.common_card_four_text{padding:20px 10px}.common_card_four_list li{display:inline-flex;font-size:12px;font-weight:400;color:#727178;align-items:center}.common_card_four_list li i{font-size:7px;color:#ddd;padding-left:7px;padding-right:5px}.common_card_four_text h3{padding-top:5px}.common_card_four_text h3 a{font-size:20px;color:var(--black-color);font-weight:400}.common_card_four:hover .common_card_four_text h3 a{color:var(--main-color)}.common_card_four_text p{font-size:14px;padding-top:5px}.common_card_four_text p i{font-size:14px;padding-right:5px}.common_card_four_bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-top:12px}.common_card_four_bottom_left p{color:var(--main-color);font-size:16px;font-weight:500}.common_card_four_bottom_left h6{color:#727178;font-size:12px;padding-top:3px}.common_card_four_bottom_right h4 sub{font-size:12px}.button_style_top_left.owl-theme .owl-nav{margin-top:0;position:absolute;right:0;top:-70px}.button_style_top_left.owl-carousel .owl-nav button.owl-next,.button_style_top_left.owl-carousel .owl-nav button.owl-prev{background:var(--black-color);color:var(--white-color);border:none;padding:0!important;width:40px;height:40px;border-radius:50%}.section_heading_left_view_all{text-align:right;padding-top:45px}.section_heading_left_view_all a{color:var(--main-color);font-size:18px;font-weight:500}.countre_four_item{background:#fff;border:1px solid rgba(221,221,221,.5);border-radius:12px;text-align:center;padding:15px 20px}.countre_four_item h3{font-weight:600;padding-bottom:3px}.countre_four_item h5{font-size:16px;color:#00008b;padding-top:2px;font-weight:500;display:ruby-base}.animate-top{position:relative;animation:.4s animatetop}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}} .HEXL4,HEXL5{z-index:99999;position:fixed;top:26rem;right:1rem;bottom:6rem;background:blue;color:#fff;width:2rem;height:2rem;padding:1rem;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;-webkit-animation:HEXL5 .6s linear infinite;animation:HEXL5 .6s linear infinite;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-items:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:none}.HEXL4 .HEXL5 i{-webkit-transition:.3s ease;transition:.3s ease;font-size:1rem;margin-left:-5px}.HEXL4 .cc-calto-action-ripple:hover i{-webkit-transform:rotate(135deg);transform:rotate(135deg)}@-webkit-keyframes HEXL5{0%{-webkit-box-shadow:0 4px 10px rgba(236,139,0,.2),0 0 0 0 rgba(236,139,0,.2),0 0 0 5px rgba(236,139,0,.2),0 0 0 10px rgba(236,139,0,.2);box-shadow:0 4px 10px rgba(236,139,0,.2),0 0 0 0 rgba(236,139,0,.2),0 0 0 5px rgba(236,139,0,.2),0 0 0 10px rgba(236,139,0,.2)}100%{-webkit-box-shadow:0 4px 10px rgba(236,139,0,.2),0 0 0 5px rgba(236,139,0,.2),0 0 0 10px rgba(236,139,0,.2),0 0 0 20px rgba(236,139,0,0);box-shadow:0 4px 10px rgba(236,139,0,.2),0 0 0 5px rgba(236,139,0,.2),0 0 0 10px rgba(236,139,0,.2),0 0 0 20px rgba(236,139,0,0)}}@keyframes HEXL5{0%{-webkit-box-shadow:0 4px 10px rgba(236,139,0,.2),0 0 0 0 rgba(236,139,0,.2),0 0 0 5px rgba(236,139,0,.2),0 0 0 10px rgba(236,139,0,.2);box-shadow:0 4px 10px rgba(236,139,0,.2),0 0 0 0 rgba(236,139,0,.2),0 0 0 5px rgba(236,139,0,.2),0 0 0 10px rgba(236,139,0,.2)}100%{-webkit-box-shadow:0 4px 10px rgba(236,139,0,.2),0 0 0 5px rgba(236,139,0,.2),0 0 0 10px rgba(236,139,0,.2),0 0 0 20px rgba(236,139,0,0);box-shadow:0 4px 10px rgba(236,139,0,.2),0 0 0 5px rgba(236,139,0,.2),0 0 0 10px rgba(236,139,0,.2),0 0 0 20px rgba(236,139,0,0)}}.Hexlfooter{position:fixed;left:0;bottom:0;width:100%;background-color:#8b008b;opacity:.9;color:#000;text-align:center;border:1px solid #000}.SearchTour1{width:50%;margin-left:25%;margin-top:40px;background:orange;color:#fff;padding:5px;text-align:center}.hexl23{float:left;width:20%;padding:10px;background:#2196f3!important;color:#fff;font-size:17px;border:1px solid grey;border-left:none;cursor:pointer}.hexl23:hover{background:#0b7dda!important}.hexls{background-color:#fff!important;color:#fff;padding:10px 24px;cursor:pointer;float:left;border:1px solid #000}.hexls:after{content:"";clear:both;display:table}.hexls button1:not(:last-child){border-right:none}.hexls button1:hover{background-color:red!important}.button1{background:#fff;border:1px solid #000;margin-top:10px}.h{color:green!important;font-size:16px;font-weight:600}#blink{font-size:13px;font-weight:700;color:red;transition:width .9s;margin-left:-20px}.t1{padding:0;width:100%;text-align:left;color:#000;text-transform:capitalize;font-weight:700;font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));display:block ruby;margin-bottom:20px} .clearfix:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; } .form_wrapper { background:#323465; width:500px; max-width:100%; box-sizing:border-box; padding:15px; margin:10% auto 0; position:relative; z-index:1; -webkit-box-shadow:0 23px 4px -21px rgba(0, 0, 0, 0.9); -moz-box-shadow:0 23px 4px -21px rgba(0, 0, 0, 0.9); box-shadow:0 23px 4px -21px rgba(0, 0, 0, 0.9); margin-top: -10px; color: white; border: 1px solid black; padding-left: 0px; padding-right: 0px; padding-bottom: 10px; } .form_container { padding:15px; border:1px dashed #ccc; color: black; border:none; } .form_wrapper h2 { font-size:1.5em; line-height:1.5em; margin:0; } .form_wrapper .modal-title { text-align:center; margin:-15px -15px 15px; padding:15px 0; border-bottom:1px dashed #ccc; margin-top:-30px; border-bottom: 1px solid black; padding-left: 15px; padding-right: 15px; } .form_wrapper h3 { font-size:1.1em; font-weight:normal; line-height:1.5em; margin:0; } .form_wrapper .row { margin:10px -15px; margin-top: -6px; } .form_wrapper .row > div { padding:0 15px; box-sizing:border-box; } .form_wrapper .col_half { width:50%; float:left; } .form_wrapper label { display:block; margin:0 0 5px; display: block; margin: 0 0 5px; color: black; FONT-SIZE: 12PX; FONT-WEIGHT: 600; FONT-FAMILY: LATO; text-align:left; margin:auto; } .form_wrapper .input_field, .form_wrapper .textarea_field { position:relative; } .form_wrapper .input_field > span, .form_wrapper .textarea_field > span { position:absolute; left:0; top:0; color:#333; height:100%; border-right:1px solid #ccc; text-align:center; width:30px; color:blue; background: gold; } .form_wrapper .textarea_field > span { border-bottom:1px solid #ccc; max-height:35px; } .form_wrapper .input_field > span > i, .form_wrapper .textarea_field > span > i { padding-top:12px; } .form_wrapper input[type="text"], .form_wrapper input[type="email"], .form_wrapper input[type="tel"], textarea { width:100%; padding:10px 10px 10px 35px; border:1px solid #ccc; box-sizing:border-box; outline:none; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out; border: 1px solid black; margin-left: 16px; height:32px; text-shadow: 0 0 black; } .form_wrapper input[type="date"], .form_wrapper input[type="date"], .form_wrapper input[type="date"], textarea { width:100%; padding:10px 10px 10px 35px; border:1px solid #ccc; box-sizing:border-box; outline:none; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out; border: 1px solid black; height:32px; } .form_wrapper input[type="number"], .form_wrapper input[type="number"], .form_wrapper input[type="number"], textarea { width:100%; padding:10px 10px 10px 35px; border:1px solid #ccc; box-sizing:border-box; outline:none; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out; border: 1px solid black; height:32px; } .form_wrapper textarea { height:4em; margin-left: 10px; } .form_wrapper input[type="text"]:focus, .form_wrapper input[type="email"]:focus, .form_wrapper input[type="tel"]:focus, textarea:focus { -webkit-box-shadow:0 0 2px 1px rgba(255, 169, 0, 0.5); -moz-box-shadow:0 0 2px 1px rgba(255, 169, 0, 0.5); box-shadow:0 0 2px 1px rgba(255, 169, 0, 0.5); border:1px solid #f5ba1a; } .form_wrapper input[type="submit"] { background:#f5ba1a; height:50px; line-height:50px; width:100%; border:none; outline:none; cursor:pointer; color:#fff; font-size:1.2em; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out; border: 1px solid black; } .form_wrapper input[type="submit"]:hover, .form_wrapper input[type="submit"]:focus { background:#daa106; } @media (max-width: 600px) { .form_wrapper .col_half { width:100%; float:none; } .fa { color:blue; } .form_wrapper label { margin:auto; color:white; } .modal-open { overflow: initial; } #RHEXL{ position: fixed; bottom:90px; right: 3px; z-index: 99; background-color: #25d366; border-radius: 50px; color: #ffffff; text-decoration: none; width: 50px; height: 50px; font-size: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1); box-shadow: 0px 0px 25px -6px rgba(0,0,0,1); animation: effect 1s infinite ease-in; animation: pulse 2s ease 0s infinite; } #HEXL6{ color:red; } .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .btn-primary { display: inline-block; background-color: #ef3f3e; color: #ffffff; font-weight: 800; font-size: 14px; padding: 8px 14px; border-radius: 4px; border: none; text-decoration: none; cursor: pointer; line-height: 1; vertical-align: middle; } .btn-primary:hover { background-color: #d93434; } .btn-primary:focus { outline: none; box-shadow: 0 0 0 3px rgba(239,63,62,0.18); } .table td, .table th { color: #111 !important; } .table thead { background: #d7f4f1; font-family: initial; font-size: 16px; } .marquee-wrap { background: rgba(255,255,255,0.92); padding: 6px 10px; border-radius: 4px; display: inline-block; width: 100%; box-sizing: border-box; text-align: center; } .marquee-wrap marquee { color: #c62828; font-weight: 700; font-size: 15px; } .popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); z-index: 9999; justify-content: center; align-items: center; } .popup-box { background: #ffffff; border: 2px solid #ffffff; border-radius: 16px; max-width: 380px; width: 90%; padding: 24px; position: relative; box-shadow: 0 0 25px rgba(255, 255, 255, 0.2); text-align: left; animation: fadeInScale 0.4s ease-in-out; } .close-btn { position: absolute; top: 8px; right: 12px; background: none; border: none; color: #ffffff; font-size: 28px; cursor: pointer; line-height: 1; transition: 0.2s; } .close-btn:hover { transform: scale(1.1); color: #ffeb3b; } .popup-header { background: #0044ff; color: #fff; padding: 14px; border-radius: 12px; text-align: center; font-weight: 700; font-size: 16px; line-height: 1.3; margin-bottom: 16px; box-shadow: 0 0 10px rgba(0, 68, 255, 0.4); } .popup-header small { display: block; font-weight: 500; color: #fff; font-size: 12px; margin-top: 6px; opacity: 0.95; } .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .popup-content input, .popup-content select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px; outline: none; background: #fff; color: #000; transition: all 0.3s ease; } .popup-content input:focus, .popup-content select:focus { border-color: #0044ff; box-shadow: 0 0 8px rgba(0, 68, 255, 0.2); } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; -webkit-text-fill-color: #000 !important; caret-color: #000 !important; transition: background-color 9999s ease-in-out 0s !important; } .privacy { font-size: 12px; color: #555; margin: 10px 0 12px; line-height: 1.4; } .privacy a { color: #0044ff; text-decoration: underline; } .submit-btn { display: inline-block; width: 100%; padding: 12px; border-radius: 8px; border: 0; font-weight: 700; font-size: 16px; background: #0044ff; color: #fff; cursor: pointer; box-shadow: 0 6px 14px rgba(0, 68, 255, 0.2); transition: all 0.3s ease; } .submit-btn:hover { background: #0038d6; box-shadow: 0 6px 16px rgba(0, 68, 255, 0.3); } @keyframes fadeInScale { from { opacity: 0; transform: scale(0.85); } to { opacity: 1; transform: scale(1); } }
@font-face {
  font-family: 'FontAwesome';
  src: url('../hexl/fonts/fontawesome-webfont.woff2') format('woff2'),
       url('../hexl/fonts/fontawesome-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}