@charset "UTF-8"; /* @font-face { font-family: "Nunito Sans", sans-serif; src: url('./fonts/gostops-font/AvenirLTProBook.otf') format("opentype"); } @font-face { font-family: "Nunito Sans", sans-serif; src: url('./fonts/gostops-font/AvenirLTProHeavy.otf') format("opentype"); } @font-face { font-family: "Nunito Sans", sans-serif; src: url('./fonts/gostops-font/AvenirLTProBlack.otf') format("opentype"); } @font-face { font-family: "Nunito Sans", sans-serif; src: url('./fonts/gostops-font/AvenirLTProMedium.otf') format("opentype"); } */ .font-family-demi { font-family: "Nunito Sans", sans-serif !important; font-weight: 600; } .font-family-bold { font-family: "Nunito Sans", sans-serif !important; font-weight: 700; } .font-family-medium { font-family: "Nunito Sans", sans-serif !important; font-weight: 500; } .font-family-regular { font-family: "Nunito Sans", sans-serif !important; font-weight: 400; } .font-weight-medium { font-weight: 500 !important; } .font-weight-demi { font-weight: 600 !important; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .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 { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .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 { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.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 { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0); transform: translateZ(0) } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0); transform: translateZ(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0); transform: translateZ(0) } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0); transform: translateZ(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0); transform: translateZ(0) } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0); transform: translateZ(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { 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: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { 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: translateZ(0); transform: translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.3, .3, .3); transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.3, .3, .3); transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-duration: .75s; animation-duration: .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 { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { 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 { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { 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 { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { 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 { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { 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 { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { 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 { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { 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 { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { 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 { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { 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 { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(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 { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-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 { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-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 { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -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: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedIn { 0% { -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: translateZ(0); transform: translateZ(0) } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { 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 { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(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: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; 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: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; 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 { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.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 { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.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 { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(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 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(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 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(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 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(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: .8s; animation-duration: .8s } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s } @media (prefers-reduced-motion:reduce), (print) { .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 } } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { -webkit-box-shadow: none !important; box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after { left: auto; right: 22px; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); } .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer+.dayContainer { -webkit-box-shadow: -1px 0 0 #e6e6e6; box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -webkit-flex-basis: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) { -webkit-box-shadow: -10px 0 0 #569ff7; box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } *, *::before, *::after { box-sizing: border-box } html { font-family: "Nunito Sans", sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 16px } @-ms-viewport { width: device-width } @font-face { font-display: swap } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: "Nunito Sans", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: black; text-align: left; background-color: #fff; font-kerning: normal; font-display: swap; font-smooth: antialiased; font-size-adjust: 0.5 } [tabindex="-1"]:focus { outline: 0 !important } ul, li { list-style-type: none !important } hr { box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-family: "Nunito Sans", sans-serif; } a { text-decoration: none; text-transform: uppercase; background-color: transparent; -webkit-text-decoration-skip: objects; color: #262625 } a:hover, a:focus, a:active { text-decoration: none } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } figure { margin: 0 0 1rem } img { vertical-align: middle; border-style: none } svg:not(:root) { overflow: hidden } .flatpickr-calendar.open { z-index: 10002223 } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } input:focus, button:focus, select:focus, optgroup:focus, textarea:focus { box-shadow: none !important } button, input { overflow: visible } button, select { text-transform: none } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0 } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; display: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } [hidden] { display: none !important } .img-cover { object-fit: cover } .h-15rem { height: 15rem !important } .text-justify { text-align: justify !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } @media (min-width: 576px) { .text-sm-left { text-align: left !important } .text-sm-right { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width: 768px) { .text-md-left { text-align: left !important } .text-md-right { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width: 992px) { .text-lg-left { text-align: left !important } .text-lg-right { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-center { text-align: center !important } } .font-size-8 { font-size: .5rem !important } .font-size-9 { font-size: .5625rem !important } .font-size-10 { font-size: .625rem !important } .font-size-11 { font-size: .6875rem !important } .font-size-12 { font-size: .75rem !important } .font-size-13 { font-size: .8125rem !important } .font-size-14 { font-size: .875rem !important } .font-size-15 { font-size: .9375rem !important } .font-size-16 { font-size: 1rem !important } .font-size-17 { font-size: 1.0625rem !important } .font-size-18 { font-size: 1.125rem !important } .font-size-19 { font-size: 1.1875rem !important } .font-size-20 { font-size: 1.25rem !important } .font-size-21 { font-size: 1.3125rem !important } .font-size-22 { font-size: 1.375rem !important } .font-size-23 { font-size: 1.4375rem !important } .font-size-24 { font-size: 1.5rem !important } .font-size-25 { font-size: 1.5625rem !important } .font-size-26 { font-size: 1.625rem !important } .font-size-27 { font-size: 1.6875rem !important } .font-size-28 { font-size: 1.75rem !important } .font-size-29 { font-size: 1.8125rem !important } .font-size-30 { font-size: 1.875rem !important } .font-size-31 { font-size: 1.9375rem !important } .font-size-32 { font-size: 2rem !important } .font-size-33 { font-size: 2.0625rem !important } .font-size-34 { font-size: 2.125rem !important } .font-size-35 { font-size: 2.1875rem !important } .font-size-36 { font-size: 2.25rem !important } .font-size-37 { font-size: 2.3125rem !important } .font-size-38 { font-size: 2.375rem !important } .font-size-39 { font-size: 2.4375rem !important } .font-size-40 { font-size: 2.5rem !important } .font-size-41 { font-size: 2.5625rem !important } .font-size-42 { font-size: 2.625rem !important } .font-size-43 { font-size: 2.6875rem !important } .font-size-44 { font-size: 2.75rem !important } .font-size-45 { font-size: 2.8125rem !important } .font-size-46 { font-size: 2.875rem !important } .font-size-47 { font-size: 2.9375rem !important } .font-size-48 { font-size: 3rem !important } .font-size-49 { font-size: 3.0625rem !important } .font-size-50 { font-size: 3.125rem !important } .font-size-51 { font-size: 3.1875rem !important } .font-size-52 { font-size: 3.25rem !important } .font-size-53 { font-size: 3.3125rem !important } .font-size-54 { font-size: 3.375rem !important } .font-size-55 { font-size: 3.4375rem !important } .font-size-56 { font-size: 3.5rem !important } .font-size-57 { font-size: 3.5625rem !important } .font-size-58 { font-size: 3.625rem !important } .font-size-59 { font-size: 3.6875rem !important } .font-size-60 { font-size: 3.75rem !important } .font-size-61 { font-size: 3.8125rem !important } .font-size-62 { font-size: 3.875rem !important } .font-size-63 { font-size: 3.9375rem !important } .font-size-64 { font-size: 4rem !important } .font-size-65 { font-size: 4.0625rem !important } .font-size-66 { font-size: 4.125rem !important } .font-size-67 { font-size: 4.1875rem !important } .font-size-68 { font-size: 4.25rem !important } .font-size-69 { font-size: 4.3125rem !important } @media (min-width: 576px) { .font-sm-size-8 { font-size: .5rem !important } .font-sm-size-9 { font-size: .5625rem !important } .font-sm-size-10 { font-size: .625rem !important } .font-sm-size-11 { font-size: .6875rem !important } .font-sm-size-12 { font-size: .75rem !important } .font-sm-size-13 { font-size: .8125rem !important } .font-sm-size-14 { font-size: .875rem !important } .font-sm-size-15 { font-size: .9375rem !important } .font-sm-size-16 { font-size: 1rem !important } .font-sm-size-17 { font-size: 1.0625rem !important } .font-sm-size-18 { font-size: 1.125rem !important } .font-sm-size-19 { font-size: 1.1875rem !important } .font-sm-size-20 { font-size: 1.25rem !important } .font-sm-size-21 { font-size: 1.3125rem !important } .font-sm-size-22 { font-size: 1.375rem !important } .font-sm-size-23 { font-size: 1.4375rem !important } .font-sm-size-24 { font-size: 1.5rem !important } .font-sm-size-25 { font-size: 1.5625rem !important } .font-sm-size-26 { font-size: 1.625rem !important } .font-sm-size-27 { font-size: 1.6875rem !important } .font-sm-size-28 { font-size: 1.75rem !important } .font-sm-size-29 { font-size: 1.8125rem !important } .font-sm-size-30 { font-size: 1.875rem !important } .font-sm-size-31 { font-size: 1.9375rem !important } .font-sm-size-32 { font-size: 2rem !important } .font-sm-size-33 { font-size: 2.0625rem !important } .font-sm-size-34 { font-size: 2.125rem !important } .font-sm-size-35 { font-size: 2.1875rem !important } .font-sm-size-36 { font-size: 2.25rem !important } .font-sm-size-37 { font-size: 2.3125rem !important } .font-sm-size-38 { font-size: 2.375rem !important } .font-sm-size-39 { font-size: 2.4375rem !important } .font-sm-size-40 { font-size: 2.5rem !important } .font-sm-size-41 { font-size: 2.5625rem !important } .font-sm-size-42 { font-size: 2.625rem !important } .font-sm-size-43 { font-size: 2.6875rem !important } .font-sm-size-44 { font-size: 2.75rem !important } .font-sm-size-45 { font-size: 2.8125rem !important } .font-sm-size-46 { font-size: 2.875rem !important } .font-sm-size-47 { font-size: 2.9375rem !important } .font-sm-size-48 { font-size: 3rem !important } .font-sm-size-49 { font-size: 3.0625rem !important } .font-sm-size-50 { font-size: 3.125rem !important } .font-sm-size-51 { font-size: 3.1875rem !important } .font-sm-size-52 { font-size: 3.25rem !important } .font-sm-size-53 { font-size: 3.3125rem !important } .font-sm-size-54 { font-size: 3.375rem !important } .font-sm-size-55 { font-size: 3.4375rem !important } .font-sm-size-56 { font-size: 3.5rem !important } .font-sm-size-57 { font-size: 3.5625rem !important } .font-sm-size-58 { font-size: 3.625rem !important } .font-sm-size-59 { font-size: 3.6875rem !important } .font-sm-size-60 { font-size: 3.75rem !important } .font-sm-size-61 { font-size: 3.8125rem !important } .font-sm-size-62 { font-size: 3.875rem !important } .font-sm-size-63 { font-size: 3.9375rem !important } .font-sm-size-64 { font-size: 4rem !important } .font-sm-size-65 { font-size: 4.0625rem !important } .font-sm-size-66 { font-size: 4.125rem !important } .font-sm-size-67 { font-size: 4.1875rem !important } .font-sm-size-68 { font-size: 4.25rem !important } .font-sm-size-69 { font-size: 4.3125rem !important } } @media (min-width: 768px) { .font-md-size-8 { font-size: .5rem !important } .font-md-size-9 { font-size: .5625rem !important } .font-md-size-10 { font-size: .625rem !important } .font-md-size-11 { font-size: .6875rem !important } .font-md-size-12 { font-size: .75rem !important } .font-md-size-13 { font-size: .8125rem !important } .font-md-size-14 { font-size: .875rem !important } .font-md-size-15 { font-size: .9375rem !important } .font-md-size-16 { font-size: 1rem !important } .font-md-size-17 { font-size: 1.0625rem !important } .font-md-size-18 { font-size: 1.125rem !important } .font-md-size-19 { font-size: 1.1875rem !important } .font-md-size-20 { font-size: 1.25rem !important } .font-md-size-21 { font-size: 1.3125rem !important } .font-md-size-22 { font-size: 1.375rem !important } .font-md-size-23 { font-size: 1.4375rem !important } .font-md-size-24 { font-size: 1.5rem !important } .font-md-size-25 { font-size: 1.5625rem !important } .font-md-size-26 { font-size: 1.625rem !important } .font-md-size-27 { font-size: 1.6875rem !important } .font-md-size-28 { font-size: 1.75rem !important } .font-md-size-29 { font-size: 1.8125rem !important } .font-md-size-30 { font-size: 1.875rem !important } .font-md-size-31 { font-size: 1.9375rem !important } .font-md-size-32 { font-size: 2rem !important } .font-md-size-33 { font-size: 2.0625rem !important } .font-md-size-34 { font-size: 2.125rem !important } .font-md-size-35 { font-size: 2.1875rem !important } .font-md-size-36 { font-size: 2.25rem !important } .font-md-size-37 { font-size: 2.3125rem !important } .font-md-size-38 { font-size: 2.375rem !important } .font-md-size-39 { font-size: 2.4375rem !important } .font-md-size-40 { font-size: 2.5rem !important } .font-md-size-41 { font-size: 2.5625rem !important } .font-md-size-42 { font-size: 2.625rem !important } .font-md-size-43 { font-size: 2.6875rem !important } .font-md-size-44 { font-size: 2.75rem !important } .font-md-size-45 { font-size: 2.8125rem !important } .font-md-size-46 { font-size: 2.875rem !important } .font-md-size-47 { font-size: 2.9375rem !important } .font-md-size-48 { font-size: 3rem !important } .font-md-size-49 { font-size: 3.0625rem !important } .font-md-size-50 { font-size: 3.125rem !important } .font-md-size-51 { font-size: 3.1875rem !important } .font-md-size-52 { font-size: 3.25rem !important } .font-md-size-53 { font-size: 3.3125rem !important } .font-md-size-54 { font-size: 3.375rem !important } .font-md-size-55 { font-size: 3.4375rem !important } .font-md-size-56 { font-size: 3.5rem !important } .font-md-size-57 { font-size: 3.5625rem !important } .font-md-size-58 { font-size: 3.625rem !important } .font-md-size-59 { font-size: 3.6875rem !important } .font-md-size-60 { font-size: 3.75rem !important } .font-md-size-61 { font-size: 3.8125rem !important } .font-md-size-62 { font-size: 3.875rem !important } .font-md-size-63 { font-size: 3.9375rem !important } .font-md-size-64 { font-size: 4rem !important } .font-md-size-65 { font-size: 4.0625rem !important } .font-md-size-66 { font-size: 4.125rem !important } .font-md-size-67 { font-size: 4.1875rem !important } .font-md-size-68 { font-size: 4.25rem !important } .font-md-size-69 { font-size: 4.3125rem !important } } @media (min-width: 992px) { .font-lg-size-8 { font-size: .5rem !important } .font-lg-size-9 { font-size: .5625rem !important } .font-lg-size-10 { font-size: .625rem !important } .font-lg-size-11 { font-size: .6875rem !important } .font-lg-size-12 { font-size: .75rem !important } .font-lg-size-13 { font-size: .8125rem !important } .font-lg-size-14 { font-size: .875rem !important } .font-lg-size-15 { font-size: .9375rem !important } .font-lg-size-16 { font-size: 1rem !important } .font-lg-size-17 { font-size: 1.0625rem !important } .font-lg-size-18 { font-size: 1.125rem !important } .font-lg-size-19 { font-size: 1.1875rem !important } .font-lg-size-20 { font-size: 1.25rem !important } .font-lg-size-21 { font-size: 1.3125rem !important } .font-lg-size-22 { font-size: 1.375rem !important } .font-lg-size-23 { font-size: 1.4375rem !important } .font-lg-size-24 { font-size: 1.5rem !important } .font-lg-size-25 { font-size: 1.5625rem !important } .font-lg-size-26 { font-size: 1.625rem !important } .font-lg-size-27 { font-size: 1.6875rem !important } .font-lg-size-28 { font-size: 1.75rem !important } .font-lg-size-29 { font-size: 1.8125rem !important } .font-lg-size-30 { font-size: 1.875rem !important } .font-lg-size-31 { font-size: 1.9375rem !important } .font-lg-size-32 { font-size: 2rem !important } .font-lg-size-33 { font-size: 2.0625rem !important } .font-lg-size-34 { font-size: 2.125rem !important } .font-lg-size-35 { font-size: 2.1875rem !important } .font-lg-size-36 { font-size: 2.25rem !important } .font-lg-size-37 { font-size: 2.3125rem !important } .font-lg-size-38 { font-size: 2.375rem !important } .font-lg-size-39 { font-size: 2.4375rem !important } .font-lg-size-40 { font-size: 2.5rem !important } .font-lg-size-41 { font-size: 2.5625rem !important } .font-lg-size-42 { font-size: 2.625rem !important } .font-lg-size-43 { font-size: 2.6875rem !important } .font-lg-size-44 { font-size: 2.75rem !important } .font-lg-size-45 { font-size: 2.8125rem !important } .font-lg-size-46 { font-size: 2.875rem !important } .font-lg-size-47 { font-size: 2.9375rem !important } .font-lg-size-48 { font-size: 3rem !important } .font-lg-size-49 { font-size: 3.0625rem !important } .font-lg-size-50 { font-size: 3.125rem !important } .font-lg-size-51 { font-size: 3.1875rem !important } .font-lg-size-52 { font-size: 3.25rem !important } .font-lg-size-53 { font-size: 3.3125rem !important } .font-lg-size-54 { font-size: 3.375rem !important } .font-lg-size-55 { font-size: 3.4375rem !important } .font-lg-size-56 { font-size: 3.5rem !important } .font-lg-size-57 { font-size: 3.5625rem !important } .font-lg-size-58 { font-size: 3.625rem !important } .font-lg-size-59 { font-size: 3.6875rem !important } .font-lg-size-60 { font-size: 3.75rem !important } .font-lg-size-61 { font-size: 3.8125rem !important } .font-lg-size-62 { font-size: 3.875rem !important } .font-lg-size-63 { font-size: 3.9375rem !important } .font-lg-size-64 { font-size: 4rem !important } .font-lg-size-65 { font-size: 4.0625rem !important } .font-lg-size-66 { font-size: 4.125rem !important } .font-lg-size-67 { font-size: 4.1875rem !important } .font-lg-size-68 { font-size: 4.25rem !important } .font-lg-size-69 { font-size: 4.3125rem !important } } @media (min-width: 1200px) { .font-xl-size-8 { font-size: .5rem !important } .font-xl-size-9 { font-size: .5625rem !important } .font-xl-size-10 { font-size: .625rem !important } .font-xl-size-11 { font-size: .6875rem !important } .font-xl-size-12 { font-size: .75rem !important } .font-xl-size-13 { font-size: .8125rem !important } .font-xl-size-14 { font-size: .875rem !important } .font-xl-size-15 { font-size: .9375rem !important } .font-xl-size-16 { font-size: 1rem !important } .font-xl-size-17 { font-size: 1.0625rem !important } .font-xl-size-18 { font-size: 1.125rem !important } .font-xl-size-19 { font-size: 1.1875rem !important } .font-xl-size-20 { font-size: 1.25rem !important } .font-xl-size-21 { font-size: 1.3125rem !important } .font-xl-size-22 { font-size: 1.375rem !important } .font-xl-size-23 { font-size: 1.4375rem !important } .font-xl-size-24 { font-size: 1.5rem !important } .font-xl-size-25 { font-size: 1.5625rem !important } .font-xl-size-26 { font-size: 1.625rem !important } .font-xl-size-27 { font-size: 1.6875rem !important } .font-xl-size-28 { font-size: 1.75rem !important } .font-xl-size-29 { font-size: 1.8125rem !important } .font-xl-size-30 { font-size: 1.875rem !important } .font-xl-size-31 { font-size: 1.9375rem !important } .font-xl-size-32 { font-size: 2rem !important } .font-xl-size-33 { font-size: 2.0625rem !important } .font-xl-size-34 { font-size: 2.125rem !important } .font-xl-size-35 { font-size: 2.1875rem !important } .font-xl-size-36 { font-size: 2.25rem !important } .font-xl-size-37 { font-size: 2.3125rem !important } .font-xl-size-38 { font-size: 2.375rem !important } .font-xl-size-39 { font-size: 2.4375rem !important } .font-xl-size-40 { font-size: 2.5rem !important } .font-xl-size-41 { font-size: 2.5625rem !important } .font-xl-size-42 { font-size: 2.625rem !important } .font-xl-size-43 { font-size: 2.6875rem !important } .font-xl-size-44 { font-size: 2.75rem !important } .font-xl-size-45 { font-size: 2.8125rem !important } .font-xl-size-46 { font-size: 2.875rem !important } .font-xl-size-47 { font-size: 2.9375rem !important } .font-xl-size-48 { font-size: 3rem !important } .font-xl-size-49 { font-size: 3.0625rem !important } .font-xl-size-50 { font-size: 3.125rem !important } .font-xl-size-51 { font-size: 3.1875rem !important } .font-xl-size-52 { font-size: 3.25rem !important } .font-xl-size-53 { font-size: 3.3125rem !important } .font-xl-size-54 { font-size: 3.375rem !important } .font-xl-size-55 { font-size: 3.4375rem !important } .font-xl-size-56 { font-size: 3.5rem !important } .font-xl-size-57 { font-size: 3.5625rem !important } .font-xl-size-58 { font-size: 3.625rem !important } .font-xl-size-59 { font-size: 3.6875rem !important } .font-xl-size-60 { font-size: 3.75rem !important } .font-xl-size-61 { font-size: 3.8125rem !important } .font-xl-size-62 { font-size: 3.875rem !important } .font-xl-size-63 { font-size: 3.9375rem !important } .font-xl-size-64 { font-size: 4rem !important } .font-xl-size-65 { font-size: 4.0625rem !important } .font-xl-size-66 { font-size: 4.125rem !important } .font-xl-size-67 { font-size: 4.1875rem !important } .font-xl-size-68 { font-size: 4.25rem !important } .font-xl-size-69 { font-size: 4.3125rem !important } } .title, .card.with-overlay .card-img-overlay .card-title, .home-page .loaction-container .locaton-descirption .location-content-wrapper .side-title-wrapper .title { font-weight: 700 } .text, .card.with-overlay .card-img-overlay .card-text, .label, .section__subtitle, header.header .menu-container .menu-list .nav-item .nav-link { font-weight: 500 } .section__title { font-weight: 400 } .title, .card.with-overlay .card-img-overlay .card-title { color: #262625; font-family: "Nunito Sans", sans-serif; letter-spacing: .00625rem; line-height: 1.3; font-size: 1.5rem; margin: 0 } @media (max-width: 767.98px) { .title, .card.with-overlay .card-img-overlay .card-title { font-size: 1.125rem } } .home-page .loaction-container .locaton-descirption .location-content-wrapper .side-title-wrapper .title { font-size: 2.25rem } @media (max-width: 767.98px) { .home-page .loaction-container .locaton-descirption .location-content-wrapper .side-title-wrapper .title { font-size: 1.625rem } } .text, .card.with-overlay .card-img-overlay .card-text, .label, .section__subtitle { font-family: "Nunito Sans", sans-serif; color: #525252; font-size: 1rem } @media (max-width: 767.98px) { .text, .card.with-overlay .card-img-overlay .card-text, .label, .section__subtitle { font-size: .875rem } } .theme-color-1 { color: #fc0 } .theme-color-2 { color: #f93 } .text-green { color: green } .bg-pink { background-color: #f36 !important } .text-info { color: #66c !important } .text-dark-blue { color: #48c2c5 } .bg-dark-blue { background-color: #48c2c5 } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } h1, .h1 { font-size: 2.5rem } h2, .h2 { font-size: 2rem } h3, .h3 { font-size: 1.75rem } h4, .h4 { font-size: 1.5rem } h5, .h5 { font-size: 1.25rem } h6, .h6 { font-size: 1rem } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2 } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2 } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2 } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2 } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(51, 51, 51, 0.1) } small, .small { font-size: 80%; font-weight: 400 } mark, .mark { padding: .2em; background-color: #fcf8e3 } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote-footer { display: block; font-size: 80%; color: #6c757d } .blockquote-footer::before { content: "\2014\00A0" } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container { max-width: 540px } } @media (min-width: 768px) { .container { max-width: 720px } } @media (min-width: 992px) { .container { max-width: 960px } } @media (min-width: 1200px) { .container { max-width: 1140px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0 } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-3 { flex: 0 0 25%; max-width: 25% } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-6 { flex: 0 0 50%; max-width: 50% } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-9 { flex: 0 0 75%; max-width: 75% } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-12 { flex: 0 0 100%; max-width: 100% } .order-first { order: -1 } .order-last { order: 13 } .order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% } .order-sm-first { order: -1 } .order-sm-last { order: 13 } .order-sm-0 { order: 0 } .order-sm-1 { order: 1 } .order-sm-2 { order: 2 } .order-sm-3 { order: 3 } .order-sm-4 { order: 4 } .order-sm-5 { order: 5 } .order-sm-6 { order: 6 } .order-sm-7 { order: 7 } .order-sm-8 { order: 8 } .order-sm-9 { order: 9 } .order-sm-10 { order: 10 } .order-sm-11 { order: 11 } .order-sm-12 { order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-12 { flex: 0 0 100%; max-width: 100% } .order-md-first { order: -1 } .order-md-last { order: 13 } .order-md-0 { order: 0 } .order-md-1 { order: 1 } .order-md-2 { order: 2 } .order-md-3 { order: 3 } .order-md-4 { order: 4 } .order-md-5 { order: 5 } .order-md-6 { order: 6 } .order-md-7 { order: 7 } .order-md-8 { order: 8 } .order-md-9 { order: 9 } .order-md-10 { order: 10 } .order-md-11 { order: 11 } .order-md-12 { order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } .order-lg-first { order: -1 } .order-lg-last { order: 13 } .order-lg-0 { order: 0 } .order-lg-1 { order: 1 } .order-lg-2 { order: 2 } .order-lg-3 { order: 3 } .order-lg-4 { order: 4 } .order-lg-5 { order: 5 } .order-lg-6 { order: 6 } .order-lg-7 { order: 7 } .order-lg-8 { order: 8 } .order-lg-9 { order: 9 } .order-lg-10 { order: 10 } .order-lg-11 { order: 11 } .order-lg-12 { order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% } .order-xl-first { order: -1 } .order-xl-last { order: 13 } .order-xl-0 { order: 0 } .order-xl-1 { order: 1 } .order-xl-2 { order: 2 } .order-xl-3 { order: 3 } .order-xl-4 { order: 4 } .order-xl-5 { order: 5 } .order-xl-6 { order: 6 } .order-xl-7 { order: 7 } .order-xl-8 { order: 8 } .order-xl-9 { order: 9 } .order-xl-10 { order: 10 } .order-xl-11 { order: 11 } .order-xl-12 { order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: 90%; color: #6c757d } .form-control { display: block; width: 100%; height: add(1.5em, add(.75rem, 2px, false)); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-control { transition: none } } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:focus { color: #495057; background-color: #fff; border-color: #ffe680; outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.25) } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } select.form-control:focus::-ms-value { color: #495057; background-color: #fff } .form-control-file, .form-control-range { display: block; width: 100% } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 } .form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0 } .form-control-sm { height: add(1.5em, add(.5rem, 2px, false)); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .form-control-lg { height: add(1.5em, add(1rem, 2px, false)); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } select.form-control[size], select.form-control[multiple] { height: auto } textarea.form-control { height: auto } .form-group { margin-bottom: 1rem } .form-text { display: block; margin-top: .25rem } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .form-row>.col, .form-row>[class*="col-"] { padding-right: 5px; padding-left: 5px } .form-check { position: relative; display: block; padding-left: 1.25rem } .form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem } .form-check-input:disabled~.form-check-label { color: #6c757d } .form-check-label { margin-bottom: 0 } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: .75rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #3cf } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #212529; background-color: rgba(51, 204, 255, 0.9); border-radius: .25rem } .was-validated .form-control:valid, .form-control.is-valid { border-color: #3cf; padding-right: add(1.5em, .75rem); background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: center right add(.375em, .1875rem); background-size: add(.75em, .375rem) add(.75em, .375rem) } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #3cf; box-shadow: 0 0 0 .2rem rgba(51, 204, 255, 0.25) } .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip, .form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip { display: block } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: add(1.5em, .75rem); background-position: top add(.375em, .1875rem) right add(.375em, .1875rem) } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #3cf; padding-right: add(.75em, 2.3125rem); background: escape-svg(url("data:image/svg+xml,")) no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,") #fff no-repeat center right 1.75rem/add(.75em, .375rem) add(.75em, .375rem) } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #3cf; box-shadow: 0 0 0 .2rem rgba(51, 204, 255, 0.25) } .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip, .custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip { display: block } .was-validated .form-control-file:valid~.valid-feedback, .was-validated .form-control-file:valid~.valid-tooltip, .form-control-file.is-valid~.valid-feedback, .form-control-file.is-valid~.valid-tooltip { display: block } .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label { color: #3cf } .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip, .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip { display: block } .was-validated .custom-control-input:valid~.custom-control-label, .custom-control-input.is-valid~.custom-control-label { color: #3cf } .was-validated .custom-control-input:valid~.custom-control-label::before, .custom-control-input.is-valid~.custom-control-label::before { border-color: #3cf } .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip, .custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip { display: block } .was-validated .custom-control-input:valid:checked~.custom-control-label::before, .custom-control-input.is-valid:checked~.custom-control-label::before { border-color: #66d9ff; background-color: #66d9ff } .was-validated .custom-control-input:valid:focus~.custom-control-label::before, .custom-control-input.is-valid:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(51, 204, 255, 0.25) } .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before { border-color: #3cf } .was-validated .custom-file-input:valid~.custom-file-label, .custom-file-input.is-valid~.custom-file-label { border-color: #3cf } .was-validated .custom-file-input:valid~.valid-feedback, .was-validated .custom-file-input:valid~.valid-tooltip, .custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip { display: block } .was-validated .custom-file-input:valid:focus~.custom-file-label, .custom-file-input.is-valid:focus~.custom-file-label { border-color: #3cf; box-shadow: 0 0 0 .2rem rgba(51, 204, 255, 0.25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #f36 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(255, 51, 102, 0.9); border-radius: .25rem } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #f36; padding-right: add(1.5em, .75rem); background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: center right add(.375em, .1875rem); background-size: add(.75em, .375rem) add(.75em, .375rem) } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #f36; box-shadow: 0 0 0 .2rem rgba(255, 51, 102, 0.25) } .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip { display: block } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: add(1.5em, .75rem); background-position: top add(.375em, .1875rem) right add(.375em, .1875rem) } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #f36; padding-right: add(.75em, 2.3125rem); background: escape-svg(url("data:image/svg+xml,")) no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,") #fff no-repeat center right 1.75rem/add(.75em, .375rem) add(.75em, .375rem) } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #f36; box-shadow: 0 0 0 .2rem rgba(255, 51, 102, 0.25) } .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip, .custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip { display: block } .was-validated .form-control-file:invalid~.invalid-feedback, .was-validated .form-control-file:invalid~.invalid-tooltip, .form-control-file.is-invalid~.invalid-feedback, .form-control-file.is-invalid~.invalid-tooltip { display: block } .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label { color: #f36 } .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip, .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip { display: block } .was-validated .custom-control-input:invalid~.custom-control-label, .custom-control-input.is-invalid~.custom-control-label { color: #f36 } .was-validated .custom-control-input:invalid~.custom-control-label::before, .custom-control-input.is-invalid~.custom-control-label::before { border-color: #f36 } .was-validated .custom-control-input:invalid~.invalid-feedback, .was-validated .custom-control-input:invalid~.invalid-tooltip, .custom-control-input.is-invalid~.invalid-feedback, .custom-control-input.is-invalid~.invalid-tooltip { display: block } .was-validated .custom-control-input:invalid:checked~.custom-control-label::before, .custom-control-input.is-invalid:checked~.custom-control-label::before { border-color: #ff668c; background-color: #ff668c } .was-validated .custom-control-input:invalid:focus~.custom-control-label::before, .custom-control-input.is-invalid:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(255, 51, 102, 0.25) } .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before { border-color: #f36 } .was-validated .custom-file-input:invalid~.custom-file-label, .custom-file-input.is-invalid~.custom-file-label { border-color: #f36 } .was-validated .custom-file-input:invalid~.invalid-feedback, .was-validated .custom-file-input:invalid~.invalid-tooltip, .custom-file-input.is-invalid~.invalid-feedback, .custom-file-input.is-invalid~.invalid-tooltip { display: block } .was-validated .custom-file-input:invalid:focus~.custom-file-label, .custom-file-input.is-invalid:focus~.custom-file-label { border-color: #f36; box-shadow: 0 0 0 .2rem rgba(255, 51, 102, 0.25) } .form-inline { display: flex; flex-flow: row wrap; align-items: center } .form-inline .form-check { width: 100% } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0 } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0 } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-plaintext { display: inline-block } .form-inline .input-group, .form-inline .custom-select { width: auto } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 } .form-inline .custom-control { align-items: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .btn { transition: none } } .btn:hover { color: #212529; text-decoration: none } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.25) } .btn.disabled, .btn:disabled { opacity: .65 } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none } .btn-primary { color: #212529; background-color: #fc0; border-color: #fc0 } .btn-primary:hover { color: #212529; background-color: #d9ad00; border-color: #cca300 } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 .2rem rgba(222, 179, 6, 0.5) } .btn-primary.disabled, .btn-primary:disabled { color: #212529; background-color: #fc0; border-color: #fc0 } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle { color: #212529; background-color: #cca300; border-color: #bf9900 } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(222, 179, 6, 0.5) } .btn-secondary { color: #212529; background-color: #f93; border-color: #f93 } .btn-secondary:hover { color: #212529; background-color: #ff860d; border-color: #ff8000 } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 .2rem rgba(222, 136, 50, 0.5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #212529; background-color: #f93; border-color: #f93 } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle { color: #212529; background-color: #ff8000; border-color: #f27900 } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(222, 136, 50, 0.5) } .btn-success { color: #212529; background-color: #3cf; border-color: #3cf } .btn-success:hover { color: #fff; background-color: #0dc2ff; border-color: #00bfff } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 .2rem rgba(48, 179, 223, 0.5) } .btn-success.disabled, .btn-success:disabled { color: #212529; background-color: #3cf; border-color: #3cf } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #00bfff; border-color: #00b6f2 } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(48, 179, 223, 0.5) } .btn-info { color: #fff; background-color: #66c; border-color: #66c } .btn-info:hover { color: #fff; background-color: #4949c2; border-color: #4040bf } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 .2rem rgba(125, 125, 212, 0.5) } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #66c; border-color: #66c } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #4040bf; border-color: #3d3db6 } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(125, 125, 212, 0.5) } .btn-warning { color: #212529; background-color: #fc0; border-color: #fc0 } .btn-warning:hover { color: #212529; background-color: #d9ad00; border-color: #cca300 } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 .2rem rgba(222, 179, 6, 0.5) } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #fc0; border-color: #fc0 } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show>.btn-warning.dropdown-toggle { color: #212529; background-color: #cca300; border-color: #bf9900 } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(222, 179, 6, 0.5) } .btn-danger { color: #fff; background-color: #f36; border-color: #f36 } .btn-danger:hover { color: #fff; background-color: #ff0d49; border-color: #ff0040 } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 .2rem rgba(255, 82, 125, 0.5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #f36; border-color: #f36 } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #ff0040; border-color: #f2003d } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 82, 125, 0.5) } .btn-theme-6 { color: #212529; background-color: #3cc; border-color: #3cc } .btn-theme-6:hover { color: #fff; background-color: #2badad; border-color: #29a3a3 } .btn-theme-6:focus, .btn-theme-6.focus { box-shadow: 0 0 0 .2rem rgba(48, 179, 180, 0.5) } .btn-theme-6.disabled, .btn-theme-6:disabled { color: #212529; background-color: #3cc; border-color: #3cc } .btn-theme-6:not(:disabled):not(.disabled):active, .btn-theme-6:not(:disabled):not(.disabled).active, .show>.btn-theme-6.dropdown-toggle { color: #fff; background-color: #29a3a3; border-color: #269999 } .btn-theme-6:not(:disabled):not(.disabled):active:focus, .btn-theme-6:not(:disabled):not(.disabled).active:focus, .show>.btn-theme-6.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(48, 179, 180, 0.5) } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5 } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 .2rem rgba(216, 217, 219, 0.5) } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show>.btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(216, 217, 219, 0.5) } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124 } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 .2rem rgba(82, 88, 93, 0.5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(82, 88, 93, 0.5) } .btn-long-stay { color: #212529; background-color: #5cc8cb; border-color: #5cc8cb } .btn-long-stay:hover { color: #212529; background-color: #3fbec2; border-color: #3bb6b9 } .btn-long-stay:focus, .btn-long-stay.focus { box-shadow: 0 0 0 .2rem rgba(83, 176, 179, 0.5) } .btn-long-stay.disabled, .btn-long-stay:disabled { color: #212529; background-color: #5cc8cb; border-color: #5cc8cb } .btn-long-stay:not(:disabled):not(.disabled):active, .btn-long-stay:not(:disabled):not(.disabled).active, .show>.btn-long-stay.dropdown-toggle { color: #fff; background-color: #3bb6b9; border-color: #38acaf } .btn-long-stay:not(:disabled):not(.disabled):active:focus, .btn-long-stay:not(:disabled):not(.disabled).active:focus, .show>.btn-long-stay.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(83, 176, 179, 0.5) } .btn-review-rating { color: #212529; background-color: #f39a3e; border-color: #f39a3e } .btn-review-rating:hover { color: #212529; background-color: #f1871a; border-color: #ef810f } .btn-review-rating:focus, .btn-review-rating.focus { box-shadow: 0 0 0 .2rem rgba(212, 136, 59, 0.5) } .btn-review-rating.disabled, .btn-review-rating:disabled { color: #212529; background-color: #f39a3e; border-color: #f39a3e } .btn-review-rating:not(:disabled):not(.disabled):active, .btn-review-rating:not(:disabled):not(.disabled).active, .show>.btn-review-rating.dropdown-toggle { color: #fff; background-color: #ef810f; border-color: #e37a0e } .btn-review-rating:not(:disabled):not(.disabled):active:focus, .btn-review-rating:not(:disabled):not(.disabled).active:focus, .show>.btn-review-rating.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(212, 136, 59, 0.5) } .btn-outline-primary { color: #fc0; border-color: #fc0 } .btn-outline-primary:hover { color: #212529; background-color: #fc0; border-color: #fc0 } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #fc0; background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle { color: #212529; background-color: #fc0; border-color: #fc0 } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.5) } .btn-outline-secondary { color: #f93; border-color: #f93 } .btn-outline-secondary:hover { color: #212529; background-color: #f93; border-color: #f93 } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 .2rem rgba(255, 153, 51, 0.5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #f93; background-color: transparent } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show>.btn-outline-secondary.dropdown-toggle { color: #212529; background-color: #f93; border-color: #f93 } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 153, 51, 0.5) } .btn-outline-success { color: #3cf; border-color: #3cf } .btn-outline-success:hover { color: #212529; background-color: #3cf; border-color: #3cf } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 .2rem rgba(51, 204, 255, 0.5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #3cf; background-color: transparent } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show>.btn-outline-success.dropdown-toggle { color: #212529; background-color: #3cf; border-color: #3cf } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(51, 204, 255, 0.5) } .btn-outline-info { color: #66c; border-color: #66c } .btn-outline-info:hover { color: #fff; background-color: #66c; border-color: #66c } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 .2rem rgba(102, 102, 204, 0.5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #66c; background-color: transparent } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #66c; border-color: #66c } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(102, 102, 204, 0.5) } .btn-outline-warning { color: #fc0; border-color: #fc0 } .btn-outline-warning:hover { color: #212529; background-color: #fc0; border-color: #fc0 } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #fc0; background-color: transparent } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show>.btn-outline-warning.dropdown-toggle { color: #212529; background-color: #fc0; border-color: #fc0 } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.5) } .btn-outline-danger { color: #f36; border-color: #f36 } .btn-outline-danger:hover { color: #fff; background-color: #f36; border-color: #f36 } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 .2rem rgba(255, 51, 102, 0.5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #f36; background-color: transparent } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #f36; border-color: #f36 } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 51, 102, 0.5) } .btn-outline-theme-6 { color: #3cc; border-color: #3cc } .btn-outline-theme-6:hover { color: #212529; background-color: #3cc; border-color: #3cc } .btn-outline-theme-6:focus, .btn-outline-theme-6.focus { box-shadow: 0 0 0 .2rem rgba(51, 204, 204, 0.5) } .btn-outline-theme-6.disabled, .btn-outline-theme-6:disabled { color: #3cc; background-color: transparent } .btn-outline-theme-6:not(:disabled):not(.disabled):active, .btn-outline-theme-6:not(:disabled):not(.disabled).active, .show>.btn-outline-theme-6.dropdown-toggle { color: #212529; background-color: #3cc; border-color: #3cc } .btn-outline-theme-6:not(:disabled):not(.disabled):active:focus, .btn-outline-theme-6:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-theme-6.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(51, 204, 204, 0.5) } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 .2rem rgba(248, 249, 250, 0.5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show>.btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(248, 249, 250, 0.5) } .btn-outline-dark { color: #343a40; border-color: #343a40 } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5) } .btn-outline-long-stay { color: #5cc8cb; border-color: #5cc8cb } .btn-outline-long-stay:hover { color: #212529; background-color: #5cc8cb; border-color: #5cc8cb } .btn-outline-long-stay:focus, .btn-outline-long-stay.focus { box-shadow: 0 0 0 .2rem rgba(92, 200, 203, 0.5) } .btn-outline-long-stay.disabled, .btn-outline-long-stay:disabled { color: #5cc8cb; background-color: transparent } .btn-outline-long-stay:not(:disabled):not(.disabled):active, .btn-outline-long-stay:not(:disabled):not(.disabled).active, .show>.btn-outline-long-stay.dropdown-toggle { color: #212529; background-color: #5cc8cb; border-color: #5cc8cb } .btn-outline-long-stay:not(:disabled):not(.disabled):active:focus, .btn-outline-long-stay:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-long-stay.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(92, 200, 203, 0.5) } .btn-outline-review-rating { color: #f39a3e; border-color: #f39a3e } .btn-outline-review-rating:hover { color: #212529; background-color: #f39a3e; border-color: #f39a3e } .btn-outline-review-rating:focus, .btn-outline-review-rating.focus { box-shadow: 0 0 0 .2rem rgba(243, 154, 62, 0.5) } .btn-outline-review-rating.disabled, .btn-outline-review-rating:disabled { color: #f39a3e; background-color: transparent } .btn-outline-review-rating:not(:disabled):not(.disabled):active, .btn-outline-review-rating:not(:disabled):not(.disabled).active, .show>.btn-outline-review-rating.dropdown-toggle { color: #212529; background-color: #f39a3e; border-color: #f39a3e } .btn-outline-review-rating:not(:disabled):not(.disabled):active:focus, .btn-outline-review-rating:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-review-rating.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(243, 154, 62, 0.5) } .btn-link { font-weight: 400; color: #fc0; text-decoration: none } .btn-link:hover { color: #b38f00; text-decoration: underline } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none } .btn-lg, .btn-group-lg>.btn { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .btn-sm, .btn-group-sm>.btn { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: .5rem } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100% } .fade { transition: opacity 0.15s linear } @media (prefers-reduced-motion: reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none } } .dropup, .dropright, .dropdown, .dropleft { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(51, 51, 51, 0.15); border-radius: .25rem } .dropdown-menu-left { right: auto; left: 0 } .dropdown-menu-right { right: 0; left: auto } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0 } .dropdown-menu-sm-right { right: 0; left: auto } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0 } .dropdown-menu-md-right { right: 0; left: auto } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0 } .dropdown-menu-lg-right { right: 0; left: auto } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0 } .dropdown-menu-xl-right { right: 0; left: auto } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropright .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-toggle::after { vertical-align: 0 } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropleft .dropdown-toggle::after { display: none } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropleft .dropdown-toggle:empty::after { margin-left: 0 } .dropleft .dropdown-toggle::before { vertical-align: 0 } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:hover, .dropdown-item:focus { color: #F36; text-decoration: none; /* background-color: #f8f9fa */ } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; /* background-color: #fc0 */ } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #212529 } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: .4rem 0 } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0 } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #333 } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 .4rem } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #333 } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: .4rem 0 } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0 } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #333 } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 .4rem } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #333 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #333; border-radius: .25rem } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group>.btn, .btn-group-vertical>.btn { position: relative; flex: 1 1 auto } .btn-group>.btn:hover, .btn-group-vertical>.btn:hover { z-index: 1 } .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) { margin-left: -1px } .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn-group:not(:last-child)>.btn { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0 } .dropleft .dropdown-toggle-split::before { margin-right: 0 } .btn-sm+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-lg+.dropdown-toggle-split, .btn-group-lg>.btn+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn:not(:first-child), .btn-group-vertical>.btn-group:not(:first-child) { margin-top: -1px } .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn:not(:first-child), .btn-group-vertical>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-top-right-radius: 0 } .btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn { margin-bottom: 0 } .btn-group-toggle>.btn input[type="radio"], .btn-group-toggle>.btn input[type="checkbox"], .btn-group-toggle>.btn-group>.btn input[type="radio"], .btn-group-toggle>.btn-group>.btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group>.form-control, .input-group>.form-control-plaintext, .input-group>.custom-select, .input-group>.custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0 } .input-group>.form-control+.form-control, .input-group>.form-control+.custom-select, .input-group>.form-control+.custom-file, .input-group>.form-control-plaintext+.form-control, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.custom-file, .input-group>.custom-select+.form-control, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.custom-file, .input-group>.custom-file+.form-control, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.custom-file { margin-left: -1px } .input-group>.form-control:focus, .input-group>.custom-select:focus, .input-group>.custom-file .custom-file-input:focus~.custom-file-label { z-index: 3 } .input-group>.custom-file .custom-file-input:focus { z-index: 4 } .input-group>.form-control:not(:last-child), .input-group>.custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>.form-control:not(:first-child), .input-group>.custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group>.custom-file { display: flex; align-items: center } .input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>.custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group-prepend, .input-group-append { display: flex } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2 } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3 } .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.input-group-text, .input-group-append .input-group-text+.btn { margin-left: -1px } .input-group-prepend { margin-right: -1px } .input-group-append { margin-left: -1px } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0 } .input-group-lg>.form-control:not(textarea), .input-group-lg>.custom-select { height: add(1.5em, add(1rem, 2px, false)) } .input-group-lg>.form-control, .input-group-lg>.custom-select, .input-group-lg>.input-group-prepend>.input-group-text, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-append>.btn { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .input-group-sm>.form-control:not(textarea), .input-group-sm>.custom-select { height: add(1.5em, add(.5rem, 2px, false)) } .input-group-sm>.form-control, .input-group-sm>.custom-select, .input-group-sm>.input-group-prepend>.input-group-text, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-append>.btn { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .input-group-lg>.custom-select, .input-group-sm>.custom-select { padding-right: 1.75rem } .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem } .custom-control-inline { display: inline-flex; margin-right: 1rem } .custom-control-input { position: absolute; z-index: -1; opacity: 0 } .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #fc0; background-color: #fc0 } .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.25) } .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #ffe680 } .custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: #fff0b3; border-color: #fff0b3 } .custom-control-input:disabled~.custom-control-label { color: #6c757d } .custom-control-input:disabled~.custom-control-label::before { background-color: #e9ecef } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top } .custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px } .custom-control-label::after { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50% } .custom-checkbox .custom-control-label::before { border-radius: .25rem } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,") } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color: #fc0; background-color: #fc0 } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml,") } .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(255, 204, 0, 0.5) } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: rgba(255, 204, 0, 0.5) } .custom-radio .custom-control-label::before { border-radius: 50% } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,") } .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(255, 204, 0, 0.5) } .custom-switch { padding-left: 2.25rem } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem } .custom-switch .custom-control-label::after { top: calc(.25rem + 2px); left: calc(-2.25rem + 2px); width: subtract(1rem, 4px); height: subtract(1rem, 4px); background-color: #adb5bd; border-radius: .5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none } } .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff; transform: translateX(.75rem) } .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(255, 204, 0, 0.5) } .custom-select { display: inline-block; width: 100%; height: add(1.5em, add(.75rem, 2px, false)); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: escape-svg(url("data:image/svg+xml,")) no-repeat right .75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; appearance: none } .custom-select:focus { border-color: #ffe680; outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.25) } .custom-select:focus::-ms-value { color: #495057; background-color: #fff } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none } .custom-select:disabled { color: #6c757d; background-color: #e9ecef } .custom-select::-ms-expand { display: none } .custom-select-sm { height: add(1.5em, add(.5rem, 2px, false)); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .custom-select-lg { height: add(1.5em, add(1rem, 2px, false)); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .custom-file { position: relative; display: inline-block; width: 100%; height: add(1.5em, add(.75rem, 2px, false)); margin-bottom: 0 } .custom-file-input { position: relative; z-index: 2; width: 100%; height: add(1.5em, add(.75rem, 2px, false)); margin: 0; opacity: 0 } .custom-file-input:focus~.custom-file-label { border-color: #ffe680; box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.25) } .custom-file-input:disabled~.custom-file-label { background-color: #e9ecef } .custom-file-input:lang(en)~.custom-file-label::after { content: "Browse" } .custom-file-input~.custom-file-label[data-browse]::after { content: attr(data-browse) } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: add(1.5em, add(.75rem, 2px, false)); padding: .375rem .75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: add(1.5em, .75rem); padding: .375rem .75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0 } .custom-range { width: 100%; height: calc(1rem + .4rem); padding: 0; background-color: transparent; appearance: none } .custom-range:focus { outline: none } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(255, 204, 0, 0.25) } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(255, 204, 0, 0.25) } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(255, 204, 0, 0.25) } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #fc0; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none } } .custom-range::-webkit-slider-thumb:active { background-color: #fff0b3 } .custom-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #fc0; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none } } .custom-range::-moz-range-thumb:active { background-color: #fff0b3 } .custom-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: .2rem; margin-left: .2rem; background-color: #fc0; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none } } .custom-range::-ms-thumb:active { background-color: #fff0b3 } .custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .5rem } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd } .custom-range:disabled::-moz-range-track { cursor: default } .custom-range:disabled::-ms-thumb { background-color: #adb5bd } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem } .nav-link:hover, .nav-link:focus { text-decoration: none } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-item { margin-bottom: -1px } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6 } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #fc0 } .nav-fill .nav-item { flex: 1 1 auto; text-align: center } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: .5rem 1rem } .navbar>.container, .navbar>.container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between } .navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static; float: none } .navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100% } @media (max-width: 575.98px) { .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid { flex-wrap: nowrap } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } } @media (max-width: 767.98px) { .navbar-expand-md>.container, .navbar-expand-md>.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md>.container, .navbar-expand-md>.container-fluid { flex-wrap: nowrap } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } } @media (max-width: 991.98px) { .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { flex-wrap: nowrap } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } } @media (max-width: 1199.98px) { .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid { flex-wrap: nowrap } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand>.container, .navbar-expand>.container-fluid { padding-right: 0; padding-left: 0 } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand>.container, .navbar-expand>.container-fluid { flex-wrap: nowrap } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand { color: rgba(51, 51, 51, 0.9) } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(51, 51, 51, 0.9) } .navbar-light .navbar-nav .nav-link { color: rgba(51, 51, 51, 0.5) } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(51, 51, 51, 0.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(51, 51, 51, 0.3) } .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(51, 51, 51, 0.9) } .navbar-light .navbar-toggler { color: rgba(51, 51, 51, 0.5); border-color: rgba(51, 51, 51, 0.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,") } .navbar-light .navbar-text { color: rgba(51, 51, 51, 0.5) } .navbar-light .navbar-text a { color: rgba(51, 51, 51, 0.9) } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(51, 51, 51, 0.9) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5) } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25) } .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,") } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5) } .navbar-dark .navbar-text a { color: #fff } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(51, 51, 51, 0.125); border-radius: .25rem } .card>hr { margin-right: 0; margin-left: 0 } .card>.list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .card>.list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .card-body { flex: 1 1 auto; padding: 1.25rem } .card-title { margin-bottom: .75rem } .card-subtitle { margin-top: -.375rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1.25rem } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(51, 51, 51, 0.03); border-bottom: 1px solid rgba(51, 51, 51, 0.125) } .card-header:first-child { border-radius: subtract(.25rem, 1px) subtract(.25rem, 1px) 0 0 } .card-header+.list-group .list-group-item:first-child { border-top: 0 } .card-footer { padding: .75rem 1.25rem; background-color: rgba(51, 51, 51, 0.03); border-top: 1px solid rgba(51, 51, 51, 0.125) } .card-footer:last-child { border-radius: 0 0 subtract(.25rem, 1px) subtract(.25rem, 1px) } .card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0 } .card-header-pills { margin-right: -.625rem; margin-left: -.625rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem } .card-img { width: 100%; border-radius: subtract(.25rem, 1px) } .card-img-top { width: 100%; border-top-left-radius: subtract(.25rem, 1px); border-top-right-radius: subtract(.25rem, 1px) } .card-img-bottom { width: 100%; border-bottom-right-radius: subtract(.25rem, 1px); border-bottom-left-radius: subtract(.25rem, 1px) } .card-deck { display: flex; flex-direction: column } .card-deck .card { margin-bottom: 15px } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px } } .card-group { display: flex; flex-direction: column } .card-group>.card { margin-bottom: 15px } @media (min-width: 576px) { .card-group { flex-flow: row wrap } .card-group>.card { flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card { margin-left: 0; border-left: 0 } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:not(:last-child) .card-img-top, .card-group>.card:not(:last-child) .card-header { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-img-bottom, .card-group>.card:not(:last-child) .card-footer { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:not(:first-child) .card-img-top, .card-group>.card:not(:first-child) .card-header { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-img-bottom, .card-group>.card:not(:first-child) .card-footer { border-bottom-left-radius: 0 } } .card-columns .card { margin-bottom: .75rem } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1 } .card-columns .card { display: inline-block; width: 100% } } .accordion>.card { overflow: hidden } .accordion>.card:not(:first-of-type) .card-header:first-child { border-radius: 0 } .accordion>.card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0 } .accordion>.card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .accordion>.card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0 } .accordion>.card .card-header { margin-bottom: -1px } @keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #fc0; transition: width 0.6s ease } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none } } .media { display: flex; align-items: flex-start } .media-body { flex: 1 } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #333; text-shadow: 0 1px 0 #fff; opacity: .5 } .close:hover { color: #333; text-decoration: none } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75 } button.close { padding: 0; background-color: transparent; border: 0; appearance: none } a.close.disabled { pointer-events: none } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px) } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: "" } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100% } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none } .modal-dialog-centered.modal-dialog-scrollable::before { content: none } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(51, 51, 51, 0.2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #333 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: .3rem; border-top-right-radius: .3rem } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem } .modal-footer>:not(:first-child) { margin-left: .25rem } .modal-footer>:not(:last-child) { margin-right: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-dialog-centered::before { height: calc(100vh - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0 } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(51, 51, 51, 0.125) } .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #fc0; border-color: #fc0 } .list-group-horizontal { flex-direction: row } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0 } .list-group-flush .list-group-item:last-child { margin-bottom: -1px } .list-group-flush:first-child .list-group-item:first-child { border-top: 0 } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0 } .list-group-item-primary { color: #9d8318; background-color: #fff1b8 } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #9d8318; background-color: #ffec9f } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #9d8318; border-color: #9d8318 } .list-group-item-secondary { color: #9d6833; background-color: #ffe2c6 } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #9d6833; background-color: #ffd5ad } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #9d6833; border-color: #9d6833 } .list-group-item-success { color: #33839d; background-color: #c6f1ff } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #33839d; background-color: #adebff } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #33839d; border-color: #33839d } .list-group-item-info { color: #4e4e83; background-color: #d4d4f1 } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #4e4e83; background-color: #c1c1eb } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #4e4e83; border-color: #4e4e83 } .list-group-item-warning { color: #9d8318; background-color: #fff1b8 } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #9d8318; background-color: #ffec9f } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #9d8318; border-color: #9d8318 } .list-group-item-danger { color: #9d334e; background-color: #ffc6d4 } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #9d334e; background-color: #ffadc1 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #9d334e; border-color: #9d334e } .list-group-item-theme-6 { color: #338383; background-color: #c6f1f1 } .list-group-item-theme-6.list-group-item-action:hover, .list-group-item-theme-6.list-group-item-action:focus { color: #338383; background-color: #b2ecec } .list-group-item-theme-6.list-group-item-action.active { color: #fff; background-color: #338383; border-color: #338383 } .list-group-item-light { color: #999a9a; background-color: #fdfdfe } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #999a9a; background-color: #ececf6 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #999a9a; border-color: #999a9a } .list-group-item-dark { color: #34373a; background-color: #c6c8ca } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #34373a; background-color: #b9bbbe } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #34373a; border-color: #34373a } .list-group-item-long-stay { color: #488082; background-color: #d1f0f0 } .list-group-item-long-stay.list-group-item-action:hover, .list-group-item-long-stay.list-group-item-action:focus { color: #488082; background-color: #beeaea } .list-group-item-long-stay.list-group-item-action.active { color: #fff; background-color: #488082; border-color: #488082 } .list-group-item-review-rating { color: #976939; background-color: #fce3c9 } .list-group-item-review-rating.list-group-item-action:hover, .list-group-item-review-rating.list-group-item-action:focus { color: #976939; background-color: #fbd6b1 } .list-group-item-review-rating.list-group-item-action.active { color: #fff; background-color: #976939; border-color: #976939 } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .bg-primary { background-color: #fc0 !important } .bg-primary .title, .bg-primary .text { color: #fff } .bg-secondary { background-color: #f93 !important } .bg-secondary .title, .bg-secondary .text { color: #fff } .bg-success { background-color: #3cf !important } .bg-success .title, .bg-success .text { color: #fff } .bg-info { background-color: #66c !important } .bg-info .title, .bg-info .text { color: #fff } .bg-warning { background-color: #fc0 !important } .bg-warning .title, .bg-warning .text { color: #fff } .bg-danger { background-color: #f36 !important } .bg-danger .title, .bg-danger .text { color: #fff } .bg-theme-6 { background-color: #3cc !important } .bg-theme-6 .title, .bg-theme-6 .text { color: #fff } .bg-light { background-color: #f8f9fa !important } .bg-light .title, .bg-light .text { color: #fff } .bg-dark { background-color: #343a40 !important } .bg-dark .title, .bg-dark .text { color: #fff } .bg-long-stay { background-color: #5cc8cb !important } .bg-long-stay .title, .bg-long-stay .text { color: #fff } .bg-review-rating { background-color: #f39a3e !important } .bg-review-rating .title, .bg-review-rating .text { color: #fff } .bg-white { background-color: #fff !important } .bg-transparent { background-color: transparent !important } .border { border: 1px solid #f5f5f5 !important } .border-top { border-top: 1px solid #f5f5f5 !important } .border-right { border-right: 1px solid #f5f5f5 !important } .border-bottom { border-bottom: 1px solid #f5f5f5 !important } .border-left { border-left: 1px solid #f5f5f5 !important } .border-0 { border: 0 !important } .border-top-0 { border-top: 0 !important } .border-right-0 { border-right: 0 !important } .border-bottom-0 { border-bottom: 0 !important } .border-left-0 { border-left: 0 !important } .border-primary { border-color: #fc0 !important } .border-secondary { border-color: #f93 !important } .border-success { border-color: #3cf !important } .border-info { border-color: #66c !important } .border-warning { border-color: #fc0 !important } .border-danger { border-color: #f36 !important } .border-theme-6 { border-color: #3cc !important } .border-light { border-color: #f8f9fa !important } .border-dark { border-color: #343a40 !important } .border-long-stay { border-color: #5cc8cb !important } .border-review-rating { border-color: #f39a3e !important } .border-white { border-color: #fff !important } .rounded-sm { border-radius: .2rem !important } .rounded { border-radius: .25rem !important } .rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important } .rounded-right { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important } .rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-left { border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-lg { border-radius: .3rem !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-0 { border-radius: 0 !important } .clearfix::after { display: block; clear: both; content: "" } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } @media (min-width: 576px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } } @media (min-width: 768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } } @media (min-width: 992px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } } @media (min-width: 1200px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden } .embed-responsive::before { display: block; content: "" } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-21by9::before { padding-top: 42.85714% } .embed-responsive-16by9::before { padding-top: 56.25% } .embed-responsive-4by3::before { padding-top: 75% } .embed-responsive-1by1::before { padding-top: 100% } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-fill { flex: 1 1 auto !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } } .float-left { float: left !important } .float-right { float: right !important } .float-none { float: none !important } @media (min-width: 576px) { .float-sm-left { float: left !important } .float-sm-right { float: right !important } .float-sm-none { float: none !important } } @media (min-width: 768px) { .float-md-left { float: left !important } .float-md-right { float: right !important } .float-md-none { float: none !important } } @media (min-width: 992px) { .float-lg-left { float: left !important } .float-lg-right { float: right !important } .float-lg-none { float: none !important } } @media (min-width: 1200px) { .float-xl-left { float: left !important } .float-xl-right { float: right !important } .float-xl-none { float: none !important } } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: sticky !important } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020 } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(51, 51, 51, 0.075) !important } .shadow { box-shadow: 0 0.5rem 1rem rgba(51, 51, 51, 0.15) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(51, 51, 51, 0.175) !important } .shadow-none { box-shadow: none !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } .min-vw-100 { min-width: 100vw !important } .min-vh-100 { min-height: 100vh !important } .vw-100 { width: 100vw !important } .vh-100 { height: 100vh !important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0) } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .45rem !important } .mt-2, .my-2 { margin-top: .45rem !important } .mr-2, .mx-2 { margin-right: .45rem !important } .mb-2, .my-2 { margin-bottom: .45rem !important } .ml-2, .mx-2 { margin-left: .45rem !important } .m-3 { margin: .65rem !important } .mt-3, .my-3 { margin-top: .65rem !important } .mr-3, .mx-3 { margin-right: .65rem !important } .mb-3, .my-3 { margin-bottom: .65rem !important } .ml-3, .mx-3 { margin-left: .65rem !important } .m-4 { margin: .85rem !important } .mt-4, .my-4 { margin-top: .85rem !important } .mr-4, .mx-4 { margin-right: .85rem !important } .mb-4, .my-4 { margin-bottom: .85rem !important } .ml-4, .mx-4 { margin-left: .85rem !important } .m-5 { margin: .95rem !important } .mt-5, .my-5 { margin-top: .95rem !important } .mr-5, .mx-5 { margin-right: .95rem !important } .mb-5, .my-5 { margin-bottom: .95rem !important } .ml-5, .mx-5 { margin-left: .95rem !important } .m-6 { margin: 1rem !important } .mt-6, .my-6 { margin-top: 1rem !important } .mr-6, .mx-6 { margin-right: 1rem !important } .mb-6, .my-6 { margin-bottom: 1rem !important } .ml-6, .mx-6 { margin-left: 1rem !important } .m-7 { margin: 1.5rem !important } .mt-7, .my-7 { margin-top: 1.5rem !important } .mr-7, .mx-7 { margin-right: 1.5rem !important } .mb-7, .my-7 { margin-bottom: 1.5rem !important } .ml-7, .mx-7 { margin-left: 1.5rem !important } .m-8 { margin: 1.25rem !important } .mt-8, .my-8 { margin-top: 1.25rem !important } .mr-8, .mx-8 { margin-right: 1.25rem !important } .mb-8, .my-8 { margin-bottom: 1.25rem !important } .ml-8, .mx-8 { margin-left: 1.25rem !important } .m-9 { margin: 1.45rem !important } .mt-9, .my-9 { margin-top: 1.45rem !important } .mr-9, .mx-9 { margin-right: 1.45rem !important } .mb-9, .my-9 { margin-bottom: 1.45rem !important } .ml-9, .mx-9 { margin-left: 1.45rem !important } .m-10 { margin: 1.65rem !important } .mt-10, .my-10 { margin-top: 1.65rem !important } .mr-10, .mx-10 { margin-right: 1.65rem !important } .mb-10, .my-10 { margin-bottom: 1.65rem !important } .ml-10, .mx-10 { margin-left: 1.65rem !important } .m-11 { margin: 1.85rem !important } .mt-11, .my-11 { margin-top: 1.85rem !important } .mr-11, .mx-11 { margin-right: 1.85rem !important } .mb-11, .my-11 { margin-bottom: 1.85rem !important } .ml-11, .mx-11 { margin-left: 1.85rem !important } .m-12 { margin: 2rem !important } .mt-12, .my-12 { margin-top: 2rem !important } .mr-12, .mx-12 { margin-right: 2rem !important } .mb-12, .my-12 { margin-bottom: 2rem !important } .ml-12, .mx-12 { margin-left: 2rem !important } .m-13 { margin: 2.25rem !important } .mt-13, .my-13 { margin-top: 2.25rem !important } .mr-13, .mx-13 { margin-right: 2.25rem !important } .mb-13, .my-13 { margin-bottom: 2.25rem !important } .ml-13, .mx-13 { margin-left: 2.25rem !important } .m-14 { margin: 2.45rem !important } .mt-14, .my-14 { margin-top: 2.45rem !important } .mr-14, .mx-14 { margin-right: 2.45rem !important } .mb-14, .my-14 { margin-bottom: 2.45rem !important } .ml-14, .mx-14 { margin-left: 2.45rem !important } .m-15 { margin: 2.65rem !important } .mt-15, .my-15 { margin-top: 2.65rem !important } .mr-15, .mx-15 { margin-right: 2.65rem !important } .mb-15, .my-15 { margin-bottom: 2.65rem !important } .ml-15, .mx-15 { margin-left: 2.65rem !important } .m-16 { margin: 2.85rem !important } .mt-16, .my-16 { margin-top: 2.85rem !important } .mr-16, .mx-16 { margin-right: 2.85rem !important } .mb-16, .my-16 { margin-bottom: 2.85rem !important } .ml-16, .mx-16 { margin-left: 2.85rem !important } .m-17 { margin: 3rem !important } .mt-17, .my-17 { margin-top: 3rem !important } .mr-17, .mx-17 { margin-right: 3rem !important } .mb-17, .my-17 { margin-bottom: 3rem !important } .ml-17, .mx-17 { margin-left: 3rem !important } .m-18 { margin: 3.25rem !important } .mt-18, .my-18 { margin-top: 3.25rem !important } .mr-18, .mx-18 { margin-right: 3.25rem !important } .mb-18, .my-18 { margin-bottom: 3.25rem !important } .ml-18, .mx-18 { margin-left: 3.25rem !important } .m-19 { margin: 3.45rem !important } .mt-19, .my-19 { margin-top: 3.45rem !important } .mr-19, .mx-19 { margin-right: 3.45rem !important } .mb-19, .my-19 { margin-bottom: 3.45rem !important } .ml-19, .mx-19 { margin-left: 3.45rem !important } .m-20 { margin: 3.65rem !important } .mt-20, .my-20 { margin-top: 3.65rem !important } .mr-20, .mx-20 { margin-right: 3.65rem !important } .mb-20, .my-20 { margin-bottom: 3.65rem !important } .ml-20, .mx-20 { margin-left: 3.65rem !important } .m-21 { margin: 3.85rem !important } .mt-21, .my-21 { margin-top: 3.85rem !important } .mr-21, .mx-21 { margin-right: 3.85rem !important } .mb-21, .my-21 { margin-bottom: 3.85rem !important } .ml-21, .mx-21 { margin-left: 3.85rem !important } .m-22 { margin: 4rem !important } .mt-22, .my-22 { margin-top: 4rem !important } .mr-22, .mx-22 { margin-right: 4rem !important } .mb-22, .my-22 { margin-bottom: 4rem !important } .ml-22, .mx-22 { margin-left: 4rem !important } .m-23 { margin: 4.25rem !important } .mt-23, .my-23 { margin-top: 4.25rem !important } .mr-23, .mx-23 { margin-right: 4.25rem !important } .mb-23, .my-23 { margin-bottom: 4.25rem !important } .ml-23, .mx-23 { margin-left: 4.25rem !important } .m-24 { margin: 5.45rem !important } .mt-24, .my-24 { margin-top: 5.45rem !important } .mr-24, .mx-24 { margin-right: 5.45rem !important } .mb-24, .my-24 { margin-bottom: 5.45rem !important } .ml-24, .mx-24 { margin-left: 5.45rem !important } .m-25 { margin: 4.65rem !important } .mt-25, .my-25 { margin-top: 4.65rem !important } .mr-25, .mx-25 { margin-right: 4.65rem !important } .mb-25, .my-25 { margin-bottom: 4.65rem !important } .ml-25, .mx-25 { margin-left: 4.65rem !important } .m-26 { margin: 4.85rem !important } .mt-26, .my-26 { margin-top: 4.85rem !important } .mr-26, .mx-26 { margin-right: 4.85rem !important } .mb-26, .my-26 { margin-bottom: 4.85rem !important } .ml-26, .mx-26 { margin-left: 4.85rem !important } .m-27 { margin: 4rem !important } .mt-27, .my-27 { margin-top: 4rem !important } .mr-27, .mx-27 { margin-right: 4rem !important } .mb-27, .my-27 { margin-bottom: 4rem !important } .ml-27, .mx-27 { margin-left: 4rem !important } .m-28 { margin: 5.25rem !important } .mt-28, .my-28 { margin-top: 5.25rem !important } .mr-28, .mx-28 { margin-right: 5.25rem !important } .mb-28, .my-28 { margin-bottom: 5.25rem !important } .ml-28, .mx-28 { margin-left: 5.25rem !important } .m-29 { margin: 5.45rem !important } .mt-29, .my-29 { margin-top: 5.45rem !important } .mr-29, .mx-29 { margin-right: 5.45rem !important } .mb-29, .my-29 { margin-bottom: 5.45rem !important } .ml-29, .mx-29 { margin-left: 5.45rem !important } .m-30 { margin: 5.65rem !important } .mt-30, .my-30 { margin-top: 5.65rem !important } .mr-30, .mx-30 { margin-right: 5.65rem !important } .mb-30, .my-30 { margin-bottom: 5.65rem !important } .ml-30, .mx-30 { margin-left: 5.65rem !important } .m-31 { margin: 5.85rem !important } .mt-31, .my-31 { margin-top: 5.85rem !important } .mr-31, .mx-31 { margin-right: 5.85rem !important } .mb-31, .my-31 { margin-bottom: 5.85rem !important } .ml-31, .mx-31 { margin-left: 5.85rem !important } .m-32 { margin: 6rem !important } .mt-32, .my-32 { margin-top: 6rem !important } .mr-32, .mx-32 { margin-right: 6rem !important } .mb-32, .my-32 { margin-bottom: 6rem !important } .ml-32, .mx-32 { margin-left: 6rem !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .45rem !important } .pt-2, .py-2 { padding-top: .45rem !important } .pr-2, .px-2 { padding-right: .45rem !important } .pb-2, .py-2 { padding-bottom: .45rem !important } .pl-2, .px-2 { padding-left: .45rem !important } .p-3 { padding: .65rem !important } .pt-3, .py-3 { padding-top: .65rem !important } .pr-3, .px-3 { padding-right: .65rem !important } .pb-3, .py-3 { padding-bottom: .65rem !important } .pl-3, .px-3 { padding-left: .65rem !important } .p-4 { padding: .85rem !important } .pt-4, .py-4 { padding-top: .85rem !important } .pr-4, .px-4 { padding-right: .85rem !important } .pb-4, .py-4 { padding-bottom: .85rem !important } .pl-4, .px-4 { padding-left: .85rem !important } .p-5 { padding: .95rem !important } .pt-5, .py-5 { padding-top: .95rem !important } .pr-5, .px-5 { padding-right: .95rem !important } .pb-5, .py-5 { padding-bottom: .95rem !important } .pl-5, .px-5 { padding-left: .95rem !important } .p-6 { padding: 1rem !important } .pt-6, .py-6 { padding-top: 1rem !important } .pr-6, .px-6 { padding-right: 1rem !important } .pb-6, .py-6 { padding-bottom: 1rem !important } .pl-6, .px-6 { padding-left: 1rem !important } .p-7 { padding: 1.5rem !important } .pt-7, .py-7 { padding-top: 1.5rem !important } .pr-7, .px-7 { padding-right: 1.5rem !important } .pb-7, .py-7 { padding-bottom: 1.5rem !important } .pl-7, .px-7 { padding-left: 1.5rem !important } .p-8 { padding: 1.25rem !important } .pt-8, .py-8 { padding-top: 1.25rem !important } .pr-8, .px-8 { padding-right: 1.25rem !important } .pb-8, .py-8 { padding-bottom: 1.25rem !important } .pl-8, .px-8 { padding-left: 1.25rem !important } .p-9 { padding: 1.45rem !important } .pt-9, .py-9 { padding-top: 1.45rem !important } .pr-9, .px-9 { padding-right: 1.45rem !important } .pb-9, .py-9 { padding-bottom: 1.45rem !important } .pl-9, .px-9 { padding-left: 1.45rem !important } .p-10 { padding: 1.65rem !important } .pt-10, .py-10 { padding-top: 1.65rem !important } .pr-10, .px-10 { padding-right: 1.65rem !important } .pb-10, .py-10 { padding-bottom: 1.65rem !important } .pl-10, .px-10 { padding-left: 1.65rem !important } .p-11 { padding: 1.85rem !important } .pt-11, .py-11 { padding-top: 1.85rem !important } .pr-11, .px-11 { padding-right: 1.85rem !important } .pb-11, .py-11 { padding-bottom: 1.85rem !important } .pl-11, .px-11 { padding-left: 1.85rem !important } .p-12 { padding: 2rem !important } .pt-12, .py-12 { padding-top: 2rem !important } .pr-12, .px-12 { padding-right: 2rem !important } .pb-12, .py-12 { padding-bottom: 2rem !important } .pl-12, .px-12 { padding-left: 2rem !important } .p-13 { padding: 2.25rem !important } .pt-13, .py-13 { padding-top: 2.25rem !important } .pr-13, .px-13 { padding-right: 2.25rem !important } .pb-13, .py-13 { padding-bottom: 2.25rem !important } .pl-13, .px-13 { padding-left: 2.25rem !important } .p-14 { padding: 2.45rem !important } .pt-14, .py-14 { padding-top: 2.45rem !important } .pr-14, .px-14 { padding-right: 2.45rem !important } .pb-14, .py-14 { padding-bottom: 2.45rem !important } .pl-14, .px-14 { padding-left: 2.45rem !important } .p-15 { padding: 2.65rem !important } .pt-15, .py-15 { padding-top: 2.65rem !important } .pr-15, .px-15 { padding-right: 2.65rem !important } .pb-15, .py-15 { padding-bottom: 2.65rem !important } .pl-15, .px-15 { padding-left: 2.65rem !important } .p-16 { padding: 2.85rem !important } .pt-16, .py-16 { padding-top: 2.85rem !important } .pr-16, .px-16 { padding-right: 2.85rem !important } .pb-16, .py-16 { padding-bottom: 2.85rem !important } .pl-16, .px-16 { padding-left: 2.85rem !important } .p-17 { padding: 3rem !important } .pt-17, .py-17 { padding-top: 3rem !important } .pr-17, .px-17 { padding-right: 3rem !important } .pb-17, .py-17 { padding-bottom: 3rem !important } .pl-17, .px-17 { padding-left: 3rem !important } .p-18 { padding: 3.25rem !important } .pt-18, .py-18 { padding-top: 3.25rem !important } .pr-18, .px-18 { padding-right: 3.25rem !important } .pb-18, .py-18 { padding-bottom: 3.25rem !important } .pl-18, .px-18 { padding-left: 3.25rem !important } .p-19 { padding: 3.45rem !important } .pt-19, .py-19 { padding-top: 3.45rem !important } .pr-19, .px-19 { padding-right: 3.45rem !important } .pb-19, .py-19 { padding-bottom: 3.45rem !important } .pl-19, .px-19 { padding-left: 3.45rem !important } .p-20 { padding: 3.65rem !important } .pt-20, .py-20 { padding-top: 3.65rem !important } .pr-20, .px-20 { padding-right: 3.65rem !important } .pb-20, .py-20 { padding-bottom: 3.65rem !important } .pl-20, .px-20 { padding-left: 3.65rem !important } .p-21 { padding: 3.85rem !important } .pt-21, .py-21 { padding-top: 3.85rem !important } .pr-21, .px-21 { padding-right: 3.85rem !important } .pb-21, .py-21 { padding-bottom: 3.85rem !important } .pl-21, .px-21 { padding-left: 3.85rem !important } .p-22 { padding: 4rem !important } .pt-22, .py-22 { padding-top: 4rem !important } .pr-22, .px-22 { padding-right: 4rem !important } .pb-22, .py-22 { padding-bottom: 4rem !important } .pl-22, .px-22 { padding-left: 4rem !important } .p-23 { padding: 4.25rem !important } .pt-23, .py-23 { padding-top: 4.25rem !important } .pr-23, .px-23 { padding-right: 4.25rem !important } .pb-23, .py-23 { padding-bottom: 4.25rem !important } .pl-23, .px-23 { padding-left: 4.25rem !important } .p-24 { padding: 5.45rem !important } .pt-24, .py-24 { padding-top: 5.45rem !important } .pr-24, .px-24 { padding-right: 5.45rem !important } .pb-24, .py-24 { padding-bottom: 5.45rem !important } .pl-24, .px-24 { padding-left: 5.45rem !important } .p-25 { padding: 4.65rem !important } .pt-25, .py-25 { padding-top: 4.65rem !important } .pr-25, .px-25 { padding-right: 4.65rem !important } .pb-25, .py-25 { padding-bottom: 4.65rem !important } .pl-25, .px-25 { padding-left: 4.65rem !important } .p-26 { padding: 4.85rem !important } .pt-26, .py-26 { padding-top: 4.85rem !important } .pr-26, .px-26 { padding-right: 4.85rem !important } .pb-26, .py-26 { padding-bottom: 4.85rem !important } .pl-26, .px-26 { padding-left: 4.85rem !important } .p-27 { padding: 4rem !important } .pt-27, .py-27 { padding-top: 4rem !important } .pr-27, .px-27 { padding-right: 4rem !important } .pb-27, .py-27 { padding-bottom: 4rem !important } .pl-27, .px-27 { padding-left: 4rem !important } .p-28 { padding: 5.25rem !important } .pt-28, .py-28 { padding-top: 5.25rem !important } .pr-28, .px-28 { padding-right: 5.25rem !important } .pb-28, .py-28 { padding-bottom: 5.25rem !important } .pl-28, .px-28 { padding-left: 5.25rem !important } .p-29 { padding: 5.45rem !important } .pt-29, .py-29 { padding-top: 5.45rem !important } .pr-29, .px-29 { padding-right: 5.45rem !important } .pb-29, .py-29 { padding-bottom: 5.45rem !important } .pl-29, .px-29 { padding-left: 5.45rem !important } .p-30 { padding: 5.65rem !important } .pt-30, .py-30 { padding-top: 5.65rem !important } .pr-30, .px-30 { padding-right: 5.65rem !important } .pb-30, .py-30 { padding-bottom: 5.65rem !important } .pl-30, .px-30 { padding-left: 5.65rem !important } .p-31 { padding: 5.85rem !important } .pt-31, .py-31 { padding-top: 5.85rem !important } .pr-31, .px-31 { padding-right: 5.85rem !important } .pb-31, .py-31 { padding-bottom: 5.85rem !important } .pl-31, .px-31 { padding-left: 5.85rem !important } .p-32 { padding: 6rem !important } .pt-32, .py-32 { padding-top: 6rem !important } .pr-32, .px-32 { padding-right: 6rem !important } .pb-32, .py-32 { padding-bottom: 6rem !important } .pl-32, .px-32 { padding-left: 6rem !important } .m-n1 { margin: -.25rem !important } .mt-n1, .my-n1 { margin-top: -.25rem !important } .mr-n1, .mx-n1 { margin-right: -.25rem !important } .mb-n1, .my-n1 { margin-bottom: -.25rem !important } .ml-n1, .mx-n1 { margin-left: -.25rem !important } .m-n2 { margin: -.45rem !important } .mt-n2, .my-n2 { margin-top: -.45rem !important } .mr-n2, .mx-n2 { margin-right: -.45rem !important } .mb-n2, .my-n2 { margin-bottom: -.45rem !important } .ml-n2, .mx-n2 { margin-left: -.45rem !important } .m-n3 { margin: -.65rem !important } .mt-n3, .my-n3 { margin-top: -.65rem !important } .mr-n3, .mx-n3 { margin-right: -.65rem !important } .mb-n3, .my-n3 { margin-bottom: -.65rem !important } .ml-n3, .mx-n3 { margin-left: -.65rem !important } .m-n4 { margin: -.85rem !important } .mt-n4, .my-n4 { margin-top: -.85rem !important } .mr-n4, .mx-n4 { margin-right: -.85rem !important } .mb-n4, .my-n4 { margin-bottom: -.85rem !important } .ml-n4, .mx-n4 { margin-left: -.85rem !important } .m-n5 { margin: -.95rem !important } .mt-n5, .my-n5 { margin-top: -.95rem !important } .mr-n5, .mx-n5 { margin-right: -.95rem !important } .mb-n5, .my-n5 { margin-bottom: -.95rem !important } .ml-n5, .mx-n5 { margin-left: -.95rem !important } .m-n6 { margin: -1rem !important } .mt-n6, .my-n6 { margin-top: -1rem !important } .mr-n6, .mx-n6 { margin-right: -1rem !important } .mb-n6, .my-n6 { margin-bottom: -1rem !important } .ml-n6, .mx-n6 { margin-left: -1rem !important } .m-n7 { margin: -1.5rem !important } .mt-n7, .my-n7 { margin-top: -1.5rem !important } .mr-n7, .mx-n7 { margin-right: -1.5rem !important } .mb-n7, .my-n7 { margin-bottom: -1.5rem !important } .ml-n7, .mx-n7 { margin-left: -1.5rem !important } .m-n8 { margin: -1.25rem !important } .mt-n8, .my-n8 { margin-top: -1.25rem !important } .mr-n8, .mx-n8 { margin-right: -1.25rem !important } .mb-n8, .my-n8 { margin-bottom: -1.25rem !important } .ml-n8, .mx-n8 { margin-left: -1.25rem !important } .m-n9 { margin: -1.45rem !important } .mt-n9, .my-n9 { margin-top: -1.45rem !important } .mr-n9, .mx-n9 { margin-right: -1.45rem !important } .mb-n9, .my-n9 { margin-bottom: -1.45rem !important } .ml-n9, .mx-n9 { margin-left: -1.45rem !important } .m-n10 { margin: -1.65rem !important } .mt-n10, .my-n10 { margin-top: -1.65rem !important } .mr-n10, .mx-n10 { margin-right: -1.65rem !important } .mb-n10, .my-n10 { margin-bottom: -1.65rem !important } .ml-n10, .mx-n10 { margin-left: -1.65rem !important } .m-n11 { margin: -1.85rem !important } .mt-n11, .my-n11 { margin-top: -1.85rem !important } .mr-n11, .mx-n11 { margin-right: -1.85rem !important } .mb-n11, .my-n11 { margin-bottom: -1.85rem !important } .ml-n11, .mx-n11 { margin-left: -1.85rem !important } .m-n12 { margin: -2rem !important } .mt-n12, .my-n12 { margin-top: -2rem !important } .mr-n12, .mx-n12 { margin-right: -2rem !important } .mb-n12, .my-n12 { margin-bottom: -2rem !important } .ml-n12, .mx-n12 { margin-left: -2rem !important } .m-n13 { margin: -2.25rem !important } .mt-n13, .my-n13 { margin-top: -2.25rem !important } .mr-n13, .mx-n13 { margin-right: -2.25rem !important } .mb-n13, .my-n13 { margin-bottom: -2.25rem !important } .ml-n13, .mx-n13 { margin-left: -2.25rem !important } .m-n14 { margin: -2.45rem !important } .mt-n14, .my-n14 { margin-top: -2.45rem !important } .mr-n14, .mx-n14 { margin-right: -2.45rem !important } .mb-n14, .my-n14 { margin-bottom: -2.45rem !important } .ml-n14, .mx-n14 { margin-left: -2.45rem !important } .m-n15 { margin: -2.65rem !important } .mt-n15, .my-n15 { margin-top: -2.65rem !important } .mr-n15, .mx-n15 { margin-right: -2.65rem !important } .mb-n15, .my-n15 { margin-bottom: -2.65rem !important } .ml-n15, .mx-n15 { margin-left: -2.65rem !important } .m-n16 { margin: -2.85rem !important } .mt-n16, .my-n16 { margin-top: -2.85rem !important } .mr-n16, .mx-n16 { margin-right: -2.85rem !important } .mb-n16, .my-n16 { margin-bottom: -2.85rem !important } .ml-n16, .mx-n16 { margin-left: -2.85rem !important } .m-n17 { margin: -3rem !important } .mt-n17, .my-n17 { margin-top: -3rem !important } .mr-n17, .mx-n17 { margin-right: -3rem !important } .mb-n17, .my-n17 { margin-bottom: -3rem !important } .ml-n17, .mx-n17 { margin-left: -3rem !important } .m-n18 { margin: -3.25rem !important } .mt-n18, .my-n18 { margin-top: -3.25rem !important } .mr-n18, .mx-n18 { margin-right: -3.25rem !important } .mb-n18, .my-n18 { margin-bottom: -3.25rem !important } .ml-n18, .mx-n18 { margin-left: -3.25rem !important } .m-n19 { margin: -3.45rem !important } .mt-n19, .my-n19 { margin-top: -3.45rem !important } .mr-n19, .mx-n19 { margin-right: -3.45rem !important } .mb-n19, .my-n19 { margin-bottom: -3.45rem !important } .ml-n19, .mx-n19 { margin-left: -3.45rem !important } .m-n20 { margin: -3.65rem !important } .mt-n20, .my-n20 { margin-top: -3.65rem !important } .mr-n20, .mx-n20 { margin-right: -3.65rem !important } .mb-n20, .my-n20 { margin-bottom: -3.65rem !important } .ml-n20, .mx-n20 { margin-left: -3.65rem !important } .m-n21 { margin: -3.85rem !important } .mt-n21, .my-n21 { margin-top: -3.85rem !important } .mr-n21, .mx-n21 { margin-right: -3.85rem !important } .mb-n21, .my-n21 { margin-bottom: -3.85rem !important } .ml-n21, .mx-n21 { margin-left: -3.85rem !important } .m-n22 { margin: -4rem !important } .mt-n22, .my-n22 { margin-top: -4rem !important } .mr-n22, .mx-n22 { margin-right: -4rem !important } .mb-n22, .my-n22 { margin-bottom: -4rem !important } .ml-n22, .mx-n22 { margin-left: -4rem !important } .m-n23 { margin: -4.25rem !important } .mt-n23, .my-n23 { margin-top: -4.25rem !important } .mr-n23, .mx-n23 { margin-right: -4.25rem !important } .mb-n23, .my-n23 { margin-bottom: -4.25rem !important } .ml-n23, .mx-n23 { margin-left: -4.25rem !important } .m-n24 { margin: -5.45rem !important } .mt-n24, .my-n24 { margin-top: -5.45rem !important } .mr-n24, .mx-n24 { margin-right: -5.45rem !important } .mb-n24, .my-n24 { margin-bottom: -5.45rem !important } .ml-n24, .mx-n24 { margin-left: -5.45rem !important } .m-n25 { margin: -4.65rem !important } .mt-n25, .my-n25 { margin-top: -4.65rem !important } .mr-n25, .mx-n25 { margin-right: -4.65rem !important } .mb-n25, .my-n25 { margin-bottom: -4.65rem !important } .ml-n25, .mx-n25 { margin-left: -4.65rem !important } .m-n26 { margin: -4.85rem !important } .mt-n26, .my-n26 { margin-top: -4.85rem !important } .mr-n26, .mx-n26 { margin-right: -4.85rem !important } .mb-n26, .my-n26 { margin-bottom: -4.85rem !important } .ml-n26, .mx-n26 { margin-left: -4.85rem !important } .m-n27 { margin: -4rem !important } .mt-n27, .my-n27 { margin-top: -4rem !important } .mr-n27, .mx-n27 { margin-right: -4rem !important } .mb-n27, .my-n27 { margin-bottom: -4rem !important } .ml-n27, .mx-n27 { margin-left: -4rem !important } .m-n28 { margin: -5.25rem !important } .mt-n28, .my-n28 { margin-top: -5.25rem !important } .mr-n28, .mx-n28 { margin-right: -5.25rem !important } .mb-n28, .my-n28 { margin-bottom: -5.25rem !important } .ml-n28, .mx-n28 { margin-left: -5.25rem !important } .m-n29 { margin: -5.45rem !important } .mt-n29, .my-n29 { margin-top: -5.45rem !important } .mr-n29, .mx-n29 { margin-right: -5.45rem !important } .mb-n29, .my-n29 { margin-bottom: -5.45rem !important } .ml-n29, .mx-n29 { margin-left: -5.45rem !important } .m-n30 { margin: -5.65rem !important } .mt-n30, .my-n30 { margin-top: -5.65rem !important } .mr-n30, .mx-n30 { margin-right: -5.65rem !important } .mb-n30, .my-n30 { margin-bottom: -5.65rem !important } .ml-n30, .mx-n30 { margin-left: -5.65rem !important } .m-n31 { margin: -5.85rem !important } .mt-n31, .my-n31 { margin-top: -5.85rem !important } .mr-n31, .mx-n31 { margin-right: -5.85rem !important } .mb-n31, .my-n31 { margin-bottom: -5.85rem !important } .ml-n31, .mx-n31 { margin-left: -5.85rem !important } .m-n32 { margin: -6rem !important } .mt-n32, .my-n32 { margin-top: -6rem !important } .mr-n32, .mx-n32 { margin-right: -6rem !important } .mb-n32, .my-n32 { margin-bottom: -6rem !important } .ml-n32, .mx-n32 { margin-left: -6rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .45rem !important } .mt-sm-2, .my-sm-2 { margin-top: .45rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .45rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .45rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .45rem !important } .m-sm-3 { margin: .65rem !important } .mt-sm-3, .my-sm-3 { margin-top: .65rem !important } .mr-sm-3, .mx-sm-3 { margin-right: .65rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: .65rem !important } .ml-sm-3, .mx-sm-3 { margin-left: .65rem !important } .m-sm-4 { margin: .85rem !important } .mt-sm-4, .my-sm-4 { margin-top: .85rem !important } .mr-sm-4, .mx-sm-4 { margin-right: .85rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: .85rem !important } .ml-sm-4, .mx-sm-4 { margin-left: .85rem !important } .m-sm-5 { margin: .95rem !important } .mt-sm-5, .my-sm-5 { margin-top: .95rem !important } .mr-sm-5, .mx-sm-5 { margin-right: .95rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: .95rem !important } .ml-sm-5, .mx-sm-5 { margin-left: .95rem !important } .m-sm-6 { margin: 1rem !important } .mt-sm-6, .my-sm-6 { margin-top: 1rem !important } .mr-sm-6, .mx-sm-6 { margin-right: 1rem !important } .mb-sm-6, .my-sm-6 { margin-bottom: 1rem !important } .ml-sm-6, .mx-sm-6 { margin-left: 1rem !important } .m-sm-7 { margin: 1.5rem !important } .mt-sm-7, .my-sm-7 { margin-top: 1.5rem !important } .mr-sm-7, .mx-sm-7 { margin-right: 1.5rem !important } .mb-sm-7, .my-sm-7 { margin-bottom: 1.5rem !important } .ml-sm-7, .mx-sm-7 { margin-left: 1.5rem !important } .m-sm-8 { margin: 1.25rem !important } .mt-sm-8, .my-sm-8 { margin-top: 1.25rem !important } .mr-sm-8, .mx-sm-8 { margin-right: 1.25rem !important } .mb-sm-8, .my-sm-8 { margin-bottom: 1.25rem !important } .ml-sm-8, .mx-sm-8 { margin-left: 1.25rem !important } .m-sm-9 { margin: 1.45rem !important } .mt-sm-9, .my-sm-9 { margin-top: 1.45rem !important } .mr-sm-9, .mx-sm-9 { margin-right: 1.45rem !important } .mb-sm-9, .my-sm-9 { margin-bottom: 1.45rem !important } .ml-sm-9, .mx-sm-9 { margin-left: 1.45rem !important } .m-sm-10 { margin: 1.65rem !important } .mt-sm-10, .my-sm-10 { margin-top: 1.65rem !important } .mr-sm-10, .mx-sm-10 { margin-right: 1.65rem !important } .mb-sm-10, .my-sm-10 { margin-bottom: 1.65rem !important } .ml-sm-10, .mx-sm-10 { margin-left: 1.65rem !important } .m-sm-11 { margin: 1.85rem !important } .mt-sm-11, .my-sm-11 { margin-top: 1.85rem !important } .mr-sm-11, .mx-sm-11 { margin-right: 1.85rem !important } .mb-sm-11, .my-sm-11 { margin-bottom: 1.85rem !important } .ml-sm-11, .mx-sm-11 { margin-left: 1.85rem !important } .m-sm-12 { margin: 2rem !important } .mt-sm-12, .my-sm-12 { margin-top: 2rem !important } .mr-sm-12, .mx-sm-12 { margin-right: 2rem !important } .mb-sm-12, .my-sm-12 { margin-bottom: 2rem !important } .ml-sm-12, .mx-sm-12 { margin-left: 2rem !important } .m-sm-13 { margin: 2.25rem !important } .mt-sm-13, .my-sm-13 { margin-top: 2.25rem !important } .mr-sm-13, .mx-sm-13 { margin-right: 2.25rem !important } .mb-sm-13, .my-sm-13 { margin-bottom: 2.25rem !important } .ml-sm-13, .mx-sm-13 { margin-left: 2.25rem !important } .m-sm-14 { margin: 2.45rem !important } .mt-sm-14, .my-sm-14 { margin-top: 2.45rem !important } .mr-sm-14, .mx-sm-14 { margin-right: 2.45rem !important } .mb-sm-14, .my-sm-14 { margin-bottom: 2.45rem !important } .ml-sm-14, .mx-sm-14 { margin-left: 2.45rem !important } .m-sm-15 { margin: 2.65rem !important } .mt-sm-15, .my-sm-15 { margin-top: 2.65rem !important } .mr-sm-15, .mx-sm-15 { margin-right: 2.65rem !important } .mb-sm-15, .my-sm-15 { margin-bottom: 2.65rem !important } .ml-sm-15, .mx-sm-15 { margin-left: 2.65rem !important } .m-sm-16 { margin: 2.85rem !important } .mt-sm-16, .my-sm-16 { margin-top: 2.85rem !important } .mr-sm-16, .mx-sm-16 { margin-right: 2.85rem !important } .mb-sm-16, .my-sm-16 { margin-bottom: 2.85rem !important } .ml-sm-16, .mx-sm-16 { margin-left: 2.85rem !important } .m-sm-17 { margin: 3rem !important } .mt-sm-17, .my-sm-17 { margin-top: 3rem !important } .mr-sm-17, .mx-sm-17 { margin-right: 3rem !important } .mb-sm-17, .my-sm-17 { margin-bottom: 3rem !important } .ml-sm-17, .mx-sm-17 { margin-left: 3rem !important } .m-sm-18 { margin: 3.25rem !important } .mt-sm-18, .my-sm-18 { margin-top: 3.25rem !important } .mr-sm-18, .mx-sm-18 { margin-right: 3.25rem !important } .mb-sm-18, .my-sm-18 { margin-bottom: 3.25rem !important } .ml-sm-18, .mx-sm-18 { margin-left: 3.25rem !important } .m-sm-19 { margin: 3.45rem !important } .mt-sm-19, .my-sm-19 { margin-top: 3.45rem !important } .mr-sm-19, .mx-sm-19 { margin-right: 3.45rem !important } .mb-sm-19, .my-sm-19 { margin-bottom: 3.45rem !important } .ml-sm-19, .mx-sm-19 { margin-left: 3.45rem !important } .m-sm-20 { margin: 3.65rem !important } .mt-sm-20, .my-sm-20 { margin-top: 3.65rem !important } .mr-sm-20, .mx-sm-20 { margin-right: 3.65rem !important } .mb-sm-20, .my-sm-20 { margin-bottom: 3.65rem !important } .ml-sm-20, .mx-sm-20 { margin-left: 3.65rem !important } .m-sm-21 { margin: 3.85rem !important } .mt-sm-21, .my-sm-21 { margin-top: 3.85rem !important } .mr-sm-21, .mx-sm-21 { margin-right: 3.85rem !important } .mb-sm-21, .my-sm-21 { margin-bottom: 3.85rem !important } .ml-sm-21, .mx-sm-21 { margin-left: 3.85rem !important } .m-sm-22 { margin: 4rem !important } .mt-sm-22, .my-sm-22 { margin-top: 4rem !important } .mr-sm-22, .mx-sm-22 { margin-right: 4rem !important } .mb-sm-22, .my-sm-22 { margin-bottom: 4rem !important } .ml-sm-22, .mx-sm-22 { margin-left: 4rem !important } .m-sm-23 { margin: 4.25rem !important } .mt-sm-23, .my-sm-23 { margin-top: 4.25rem !important } .mr-sm-23, .mx-sm-23 { margin-right: 4.25rem !important } .mb-sm-23, .my-sm-23 { margin-bottom: 4.25rem !important } .ml-sm-23, .mx-sm-23 { margin-left: 4.25rem !important } .m-sm-24 { margin: 5.45rem !important } .mt-sm-24, .my-sm-24 { margin-top: 5.45rem !important } .mr-sm-24, .mx-sm-24 { margin-right: 5.45rem !important } .mb-sm-24, .my-sm-24 { margin-bottom: 5.45rem !important } .ml-sm-24, .mx-sm-24 { margin-left: 5.45rem !important } .m-sm-25 { margin: 4.65rem !important } .mt-sm-25, .my-sm-25 { margin-top: 4.65rem !important } .mr-sm-25, .mx-sm-25 { margin-right: 4.65rem !important } .mb-sm-25, .my-sm-25 { margin-bottom: 4.65rem !important } .ml-sm-25, .mx-sm-25 { margin-left: 4.65rem !important } .m-sm-26 { margin: 4.85rem !important } .mt-sm-26, .my-sm-26 { margin-top: 4.85rem !important } .mr-sm-26, .mx-sm-26 { margin-right: 4.85rem !important } .mb-sm-26, .my-sm-26 { margin-bottom: 4.85rem !important } .ml-sm-26, .mx-sm-26 { margin-left: 4.85rem !important } .m-sm-27 { margin: 4rem !important } .mt-sm-27, .my-sm-27 { margin-top: 4rem !important } .mr-sm-27, .mx-sm-27 { margin-right: 4rem !important } .mb-sm-27, .my-sm-27 { margin-bottom: 4rem !important } .ml-sm-27, .mx-sm-27 { margin-left: 4rem !important } .m-sm-28 { margin: 5.25rem !important } .mt-sm-28, .my-sm-28 { margin-top: 5.25rem !important } .mr-sm-28, .mx-sm-28 { margin-right: 5.25rem !important } .mb-sm-28, .my-sm-28 { margin-bottom: 5.25rem !important } .ml-sm-28, .mx-sm-28 { margin-left: 5.25rem !important } .m-sm-29 { margin: 5.45rem !important } .mt-sm-29, .my-sm-29 { margin-top: 5.45rem !important } .mr-sm-29, .mx-sm-29 { margin-right: 5.45rem !important } .mb-sm-29, .my-sm-29 { margin-bottom: 5.45rem !important } .ml-sm-29, .mx-sm-29 { margin-left: 5.45rem !important } .m-sm-30 { margin: 5.65rem !important } .mt-sm-30, .my-sm-30 { margin-top: 5.65rem !important } .mr-sm-30, .mx-sm-30 { margin-right: 5.65rem !important } .mb-sm-30, .my-sm-30 { margin-bottom: 5.65rem !important } .ml-sm-30, .mx-sm-30 { margin-left: 5.65rem !important } .m-sm-31 { margin: 5.85rem !important } .mt-sm-31, .my-sm-31 { margin-top: 5.85rem !important } .mr-sm-31, .mx-sm-31 { margin-right: 5.85rem !important } .mb-sm-31, .my-sm-31 { margin-bottom: 5.85rem !important } .ml-sm-31, .mx-sm-31 { margin-left: 5.85rem !important } .m-sm-32 { margin: 6rem !important } .mt-sm-32, .my-sm-32 { margin-top: 6rem !important } .mr-sm-32, .mx-sm-32 { margin-right: 6rem !important } .mb-sm-32, .my-sm-32 { margin-bottom: 6rem !important } .ml-sm-32, .mx-sm-32 { margin-left: 6rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .45rem !important } .pt-sm-2, .py-sm-2 { padding-top: .45rem !important } .pr-sm-2, .px-sm-2 { padding-right: .45rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .45rem !important } .pl-sm-2, .px-sm-2 { padding-left: .45rem !important } .p-sm-3 { padding: .65rem !important } .pt-sm-3, .py-sm-3 { padding-top: .65rem !important } .pr-sm-3, .px-sm-3 { padding-right: .65rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: .65rem !important } .pl-sm-3, .px-sm-3 { padding-left: .65rem !important } .p-sm-4 { padding: .85rem !important } .pt-sm-4, .py-sm-4 { padding-top: .85rem !important } .pr-sm-4, .px-sm-4 { padding-right: .85rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: .85rem !important } .pl-sm-4, .px-sm-4 { padding-left: .85rem !important } .p-sm-5 { padding: .95rem !important } .pt-sm-5, .py-sm-5 { padding-top: .95rem !important } .pr-sm-5, .px-sm-5 { padding-right: .95rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: .95rem !important } .pl-sm-5, .px-sm-5 { padding-left: .95rem !important } .p-sm-6 { padding: 1rem !important } .pt-sm-6, .py-sm-6 { padding-top: 1rem !important } .pr-sm-6, .px-sm-6 { padding-right: 1rem !important } .pb-sm-6, .py-sm-6 { padding-bottom: 1rem !important } .pl-sm-6, .px-sm-6 { padding-left: 1rem !important } .p-sm-7 { padding: 1.5rem !important } .pt-sm-7, .py-sm-7 { padding-top: 1.5rem !important } .pr-sm-7, .px-sm-7 { padding-right: 1.5rem !important } .pb-sm-7, .py-sm-7 { padding-bottom: 1.5rem !important } .pl-sm-7, .px-sm-7 { padding-left: 1.5rem !important } .p-sm-8 { padding: 1.25rem !important } .pt-sm-8, .py-sm-8 { padding-top: 1.25rem !important } .pr-sm-8, .px-sm-8 { padding-right: 1.25rem !important } .pb-sm-8, .py-sm-8 { padding-bottom: 1.25rem !important } .pl-sm-8, .px-sm-8 { padding-left: 1.25rem !important } .p-sm-9 { padding: 1.45rem !important } .pt-sm-9, .py-sm-9 { padding-top: 1.45rem !important } .pr-sm-9, .px-sm-9 { padding-right: 1.45rem !important } .pb-sm-9, .py-sm-9 { padding-bottom: 1.45rem !important } .pl-sm-9, .px-sm-9 { padding-left: 1.45rem !important } .p-sm-10 { padding: 1.65rem !important } .pt-sm-10, .py-sm-10 { padding-top: 1.65rem !important } .pr-sm-10, .px-sm-10 { padding-right: 1.65rem !important } .pb-sm-10, .py-sm-10 { padding-bottom: 1.65rem !important } .pl-sm-10, .px-sm-10 { padding-left: 1.65rem !important } .p-sm-11 { padding: 1.85rem !important } .pt-sm-11, .py-sm-11 { padding-top: 1.85rem !important } .pr-sm-11, .px-sm-11 { padding-right: 1.85rem !important } .pb-sm-11, .py-sm-11 { padding-bottom: 1.85rem !important } .pl-sm-11, .px-sm-11 { padding-left: 1.85rem !important } .p-sm-12 { padding: 2rem !important } .pt-sm-12, .py-sm-12 { padding-top: 2rem !important } .pr-sm-12, .px-sm-12 { padding-right: 2rem !important } .pb-sm-12, .py-sm-12 { padding-bottom: 2rem !important } .pl-sm-12, .px-sm-12 { padding-left: 2rem !important } .p-sm-13 { padding: 2.25rem !important } .pt-sm-13, .py-sm-13 { padding-top: 2.25rem !important } .pr-sm-13, .px-sm-13 { padding-right: 2.25rem !important } .pb-sm-13, .py-sm-13 { padding-bottom: 2.25rem !important } .pl-sm-13, .px-sm-13 { padding-left: 2.25rem !important } .p-sm-14 { padding: 2.45rem !important } .pt-sm-14, .py-sm-14 { padding-top: 2.45rem !important } .pr-sm-14, .px-sm-14 { padding-right: 2.45rem !important } .pb-sm-14, .py-sm-14 { padding-bottom: 2.45rem !important } .pl-sm-14, .px-sm-14 { padding-left: 2.45rem !important } .p-sm-15 { padding: 2.65rem !important } .pt-sm-15, .py-sm-15 { padding-top: 2.65rem !important } .pr-sm-15, .px-sm-15 { padding-right: 2.65rem !important } .pb-sm-15, .py-sm-15 { padding-bottom: 2.65rem !important } .pl-sm-15, .px-sm-15 { padding-left: 2.65rem !important } .p-sm-16 { padding: 2.85rem !important } .pt-sm-16, .py-sm-16 { padding-top: 2.85rem !important } .pr-sm-16, .px-sm-16 { padding-right: 2.85rem !important } .pb-sm-16, .py-sm-16 { padding-bottom: 2.85rem !important } .pl-sm-16, .px-sm-16 { padding-left: 2.85rem !important } .p-sm-17 { padding: 3rem !important } .pt-sm-17, .py-sm-17 { padding-top: 3rem !important } .pr-sm-17, .px-sm-17 { padding-right: 3rem !important } .pb-sm-17, .py-sm-17 { padding-bottom: 3rem !important } .pl-sm-17, .px-sm-17 { padding-left: 3rem !important } .p-sm-18 { padding: 3.25rem !important } .pt-sm-18, .py-sm-18 { padding-top: 3.25rem !important } .pr-sm-18, .px-sm-18 { padding-right: 3.25rem !important } .pb-sm-18, .py-sm-18 { padding-bottom: 3.25rem !important } .pl-sm-18, .px-sm-18 { padding-left: 3.25rem !important } .p-sm-19 { padding: 3.45rem !important } .pt-sm-19, .py-sm-19 { padding-top: 3.45rem !important } .pr-sm-19, .px-sm-19 { padding-right: 3.45rem !important } .pb-sm-19, .py-sm-19 { padding-bottom: 3.45rem !important } .pl-sm-19, .px-sm-19 { padding-left: 3.45rem !important } .p-sm-20 { padding: 3.65rem !important } .pt-sm-20, .py-sm-20 { padding-top: 3.65rem !important } .pr-sm-20, .px-sm-20 { padding-right: 3.65rem !important } .pb-sm-20, .py-sm-20 { padding-bottom: 3.65rem !important } .pl-sm-20, .px-sm-20 { padding-left: 3.65rem !important } .p-sm-21 { padding: 3.85rem !important } .pt-sm-21, .py-sm-21 { padding-top: 3.85rem !important } .pr-sm-21, .px-sm-21 { padding-right: 3.85rem !important } .pb-sm-21, .py-sm-21 { padding-bottom: 3.85rem !important } .pl-sm-21, .px-sm-21 { padding-left: 3.85rem !important } .p-sm-22 { padding: 4rem !important } .pt-sm-22, .py-sm-22 { padding-top: 4rem !important } .pr-sm-22, .px-sm-22 { padding-right: 4rem !important } .pb-sm-22, .py-sm-22 { padding-bottom: 4rem !important } .pl-sm-22, .px-sm-22 { padding-left: 4rem !important } .p-sm-23 { padding: 4.25rem !important } .pt-sm-23, .py-sm-23 { padding-top: 4.25rem !important } .pr-sm-23, .px-sm-23 { padding-right: 4.25rem !important } .pb-sm-23, .py-sm-23 { padding-bottom: 4.25rem !important } .pl-sm-23, .px-sm-23 { padding-left: 4.25rem !important } .p-sm-24 { padding: 5.45rem !important } .pt-sm-24, .py-sm-24 { padding-top: 5.45rem !important } .pr-sm-24, .px-sm-24 { padding-right: 5.45rem !important } .pb-sm-24, .py-sm-24 { padding-bottom: 5.45rem !important } .pl-sm-24, .px-sm-24 { padding-left: 5.45rem !important } .p-sm-25 { padding: 4.65rem !important } .pt-sm-25, .py-sm-25 { padding-top: 4.65rem !important } .pr-sm-25, .px-sm-25 { padding-right: 4.65rem !important } .pb-sm-25, .py-sm-25 { padding-bottom: 4.65rem !important } .pl-sm-25, .px-sm-25 { padding-left: 4.65rem !important } .p-sm-26 { padding: 4.85rem !important } .pt-sm-26, .py-sm-26 { padding-top: 4.85rem !important } .pr-sm-26, .px-sm-26 { padding-right: 4.85rem !important } .pb-sm-26, .py-sm-26 { padding-bottom: 4.85rem !important } .pl-sm-26, .px-sm-26 { padding-left: 4.85rem !important } .p-sm-27 { padding: 4rem !important } .pt-sm-27, .py-sm-27 { padding-top: 4rem !important } .pr-sm-27, .px-sm-27 { padding-right: 4rem !important } .pb-sm-27, .py-sm-27 { padding-bottom: 4rem !important } .pl-sm-27, .px-sm-27 { padding-left: 4rem !important } .p-sm-28 { padding: 5.25rem !important } .pt-sm-28, .py-sm-28 { padding-top: 5.25rem !important } .pr-sm-28, .px-sm-28 { padding-right: 5.25rem !important } .pb-sm-28, .py-sm-28 { padding-bottom: 5.25rem !important } .pl-sm-28, .px-sm-28 { padding-left: 5.25rem !important } .p-sm-29 { padding: 5.45rem !important } .pt-sm-29, .py-sm-29 { padding-top: 5.45rem !important } .pr-sm-29, .px-sm-29 { padding-right: 5.45rem !important } .pb-sm-29, .py-sm-29 { padding-bottom: 5.45rem !important } .pl-sm-29, .px-sm-29 { padding-left: 5.45rem !important } .p-sm-30 { padding: 5.65rem !important } .pt-sm-30, .py-sm-30 { padding-top: 5.65rem !important } .pr-sm-30, .px-sm-30 { padding-right: 5.65rem !important } .pb-sm-30, .py-sm-30 { padding-bottom: 5.65rem !important } .pl-sm-30, .px-sm-30 { padding-left: 5.65rem !important } .p-sm-31 { padding: 5.85rem !important } .pt-sm-31, .py-sm-31 { padding-top: 5.85rem !important } .pr-sm-31, .px-sm-31 { padding-right: 5.85rem !important } .pb-sm-31, .py-sm-31 { padding-bottom: 5.85rem !important } .pl-sm-31, .px-sm-31 { padding-left: 5.85rem !important } .p-sm-32 { padding: 6rem !important } .pt-sm-32, .py-sm-32 { padding-top: 6rem !important } .pr-sm-32, .px-sm-32 { padding-right: 6rem !important } .pb-sm-32, .py-sm-32 { padding-bottom: 6rem !important } .pl-sm-32, .px-sm-32 { padding-left: 6rem !important } .m-sm-n1 { margin: -.25rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important } .m-sm-n2 { margin: -.45rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -.45rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.45rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.45rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.45rem !important } .m-sm-n3 { margin: -.65rem !important } .mt-sm-n3, .my-sm-n3 { margin-top: -.65rem !important } .mr-sm-n3, .mx-sm-n3 { margin-right: -.65rem !important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -.65rem !important } .ml-sm-n3, .mx-sm-n3 { margin-left: -.65rem !important } .m-sm-n4 { margin: -.85rem !important } .mt-sm-n4, .my-sm-n4 { margin-top: -.85rem !important } .mr-sm-n4, .mx-sm-n4 { margin-right: -.85rem !important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -.85rem !important } .ml-sm-n4, .mx-sm-n4 { margin-left: -.85rem !important } .m-sm-n5 { margin: -.95rem !important } .mt-sm-n5, .my-sm-n5 { margin-top: -.95rem !important } .mr-sm-n5, .mx-sm-n5 { margin-right: -.95rem !important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -.95rem !important } .ml-sm-n5, .mx-sm-n5 { margin-left: -.95rem !important } .m-sm-n6 { margin: -1rem !important } .mt-sm-n6, .my-sm-n6 { margin-top: -1rem !important } .mr-sm-n6, .mx-sm-n6 { margin-right: -1rem !important } .mb-sm-n6, .my-sm-n6 { margin-bottom: -1rem !important } .ml-sm-n6, .mx-sm-n6 { margin-left: -1rem !important } .m-sm-n7 { margin: -1.5rem !important } .mt-sm-n7, .my-sm-n7 { margin-top: -1.5rem !important } .mr-sm-n7, .mx-sm-n7 { margin-right: -1.5rem !important } .mb-sm-n7, .my-sm-n7 { margin-bottom: -1.5rem !important } .ml-sm-n7, .mx-sm-n7 { margin-left: -1.5rem !important } .m-sm-n8 { margin: -1.25rem !important } .mt-sm-n8, .my-sm-n8 { margin-top: -1.25rem !important } .mr-sm-n8, .mx-sm-n8 { margin-right: -1.25rem !important } .mb-sm-n8, .my-sm-n8 { margin-bottom: -1.25rem !important } .ml-sm-n8, .mx-sm-n8 { margin-left: -1.25rem !important } .m-sm-n9 { margin: -1.45rem !important } .mt-sm-n9, .my-sm-n9 { margin-top: -1.45rem !important } .mr-sm-n9, .mx-sm-n9 { margin-right: -1.45rem !important } .mb-sm-n9, .my-sm-n9 { margin-bottom: -1.45rem !important } .ml-sm-n9, .mx-sm-n9 { margin-left: -1.45rem !important } .m-sm-n10 { margin: -1.65rem !important } .mt-sm-n10, .my-sm-n10 { margin-top: -1.65rem !important } .mr-sm-n10, .mx-sm-n10 { margin-right: -1.65rem !important } .mb-sm-n10, .my-sm-n10 { margin-bottom: -1.65rem !important } .ml-sm-n10, .mx-sm-n10 { margin-left: -1.65rem !important } .m-sm-n11 { margin: -1.85rem !important } .mt-sm-n11, .my-sm-n11 { margin-top: -1.85rem !important } .mr-sm-n11, .mx-sm-n11 { margin-right: -1.85rem !important } .mb-sm-n11, .my-sm-n11 { margin-bottom: -1.85rem !important } .ml-sm-n11, .mx-sm-n11 { margin-left: -1.85rem !important } .m-sm-n12 { margin: -2rem !important } .mt-sm-n12, .my-sm-n12 { margin-top: -2rem !important } .mr-sm-n12, .mx-sm-n12 { margin-right: -2rem !important } .mb-sm-n12, .my-sm-n12 { margin-bottom: -2rem !important } .ml-sm-n12, .mx-sm-n12 { margin-left: -2rem !important } .m-sm-n13 { margin: -2.25rem !important } .mt-sm-n13, .my-sm-n13 { margin-top: -2.25rem !important } .mr-sm-n13, .mx-sm-n13 { margin-right: -2.25rem !important } .mb-sm-n13, .my-sm-n13 { margin-bottom: -2.25rem !important } .ml-sm-n13, .mx-sm-n13 { margin-left: -2.25rem !important } .m-sm-n14 { margin: -2.45rem !important } .mt-sm-n14, .my-sm-n14 { margin-top: -2.45rem !important } .mr-sm-n14, .mx-sm-n14 { margin-right: -2.45rem !important } .mb-sm-n14, .my-sm-n14 { margin-bottom: -2.45rem !important } .ml-sm-n14, .mx-sm-n14 { margin-left: -2.45rem !important } .m-sm-n15 { margin: -2.65rem !important } .mt-sm-n15, .my-sm-n15 { margin-top: -2.65rem !important } .mr-sm-n15, .mx-sm-n15 { margin-right: -2.65rem !important } .mb-sm-n15, .my-sm-n15 { margin-bottom: -2.65rem !important } .ml-sm-n15, .mx-sm-n15 { margin-left: -2.65rem !important } .m-sm-n16 { margin: -2.85rem !important } .mt-sm-n16, .my-sm-n16 { margin-top: -2.85rem !important } .mr-sm-n16, .mx-sm-n16 { margin-right: -2.85rem !important } .mb-sm-n16, .my-sm-n16 { margin-bottom: -2.85rem !important } .ml-sm-n16, .mx-sm-n16 { margin-left: -2.85rem !important } .m-sm-n17 { margin: -3rem !important } .mt-sm-n17, .my-sm-n17 { margin-top: -3rem !important } .mr-sm-n17, .mx-sm-n17 { margin-right: -3rem !important } .mb-sm-n17, .my-sm-n17 { margin-bottom: -3rem !important } .ml-sm-n17, .mx-sm-n17 { margin-left: -3rem !important } .m-sm-n18 { margin: -3.25rem !important } .mt-sm-n18, .my-sm-n18 { margin-top: -3.25rem !important } .mr-sm-n18, .mx-sm-n18 { margin-right: -3.25rem !important } .mb-sm-n18, .my-sm-n18 { margin-bottom: -3.25rem !important } .ml-sm-n18, .mx-sm-n18 { margin-left: -3.25rem !important } .m-sm-n19 { margin: -3.45rem !important } .mt-sm-n19, .my-sm-n19 { margin-top: -3.45rem !important } .mr-sm-n19, .mx-sm-n19 { margin-right: -3.45rem !important } .mb-sm-n19, .my-sm-n19 { margin-bottom: -3.45rem !important } .ml-sm-n19, .mx-sm-n19 { margin-left: -3.45rem !important } .m-sm-n20 { margin: -3.65rem !important } .mt-sm-n20, .my-sm-n20 { margin-top: -3.65rem !important } .mr-sm-n20, .mx-sm-n20 { margin-right: -3.65rem !important } .mb-sm-n20, .my-sm-n20 { margin-bottom: -3.65rem !important } .ml-sm-n20, .mx-sm-n20 { margin-left: -3.65rem !important } .m-sm-n21 { margin: -3.85rem !important } .mt-sm-n21, .my-sm-n21 { margin-top: -3.85rem !important } .mr-sm-n21, .mx-sm-n21 { margin-right: -3.85rem !important } .mb-sm-n21, .my-sm-n21 { margin-bottom: -3.85rem !important } .ml-sm-n21, .mx-sm-n21 { margin-left: -3.85rem !important } .m-sm-n22 { margin: -4rem !important } .mt-sm-n22, .my-sm-n22 { margin-top: -4rem !important } .mr-sm-n22, .mx-sm-n22 { margin-right: -4rem !important } .mb-sm-n22, .my-sm-n22 { margin-bottom: -4rem !important } .ml-sm-n22, .mx-sm-n22 { margin-left: -4rem !important } .m-sm-n23 { margin: -4.25rem !important } .mt-sm-n23, .my-sm-n23 { margin-top: -4.25rem !important } .mr-sm-n23, .mx-sm-n23 { margin-right: -4.25rem !important } .mb-sm-n23, .my-sm-n23 { margin-bottom: -4.25rem !important } .ml-sm-n23, .mx-sm-n23 { margin-left: -4.25rem !important } .m-sm-n24 { margin: -5.45rem !important } .mt-sm-n24, .my-sm-n24 { margin-top: -5.45rem !important } .mr-sm-n24, .mx-sm-n24 { margin-right: -5.45rem !important } .mb-sm-n24, .my-sm-n24 { margin-bottom: -5.45rem !important } .ml-sm-n24, .mx-sm-n24 { margin-left: -5.45rem !important } .m-sm-n25 { margin: -4.65rem !important } .mt-sm-n25, .my-sm-n25 { margin-top: -4.65rem !important } .mr-sm-n25, .mx-sm-n25 { margin-right: -4.65rem !important } .mb-sm-n25, .my-sm-n25 { margin-bottom: -4.65rem !important } .ml-sm-n25, .mx-sm-n25 { margin-left: -4.65rem !important } .m-sm-n26 { margin: -4.85rem !important } .mt-sm-n26, .my-sm-n26 { margin-top: -4.85rem !important } .mr-sm-n26, .mx-sm-n26 { margin-right: -4.85rem !important } .mb-sm-n26, .my-sm-n26 { margin-bottom: -4.85rem !important } .ml-sm-n26, .mx-sm-n26 { margin-left: -4.85rem !important } .m-sm-n27 { margin: -4rem !important } .mt-sm-n27, .my-sm-n27 { margin-top: -4rem !important } .mr-sm-n27, .mx-sm-n27 { margin-right: -4rem !important } .mb-sm-n27, .my-sm-n27 { margin-bottom: -4rem !important } .ml-sm-n27, .mx-sm-n27 { margin-left: -4rem !important } .m-sm-n28 { margin: -5.25rem !important } .mt-sm-n28, .my-sm-n28 { margin-top: -5.25rem !important } .mr-sm-n28, .mx-sm-n28 { margin-right: -5.25rem !important } .mb-sm-n28, .my-sm-n28 { margin-bottom: -5.25rem !important } .ml-sm-n28, .mx-sm-n28 { margin-left: -5.25rem !important } .m-sm-n29 { margin: -5.45rem !important } .mt-sm-n29, .my-sm-n29 { margin-top: -5.45rem !important } .mr-sm-n29, .mx-sm-n29 { margin-right: -5.45rem !important } .mb-sm-n29, .my-sm-n29 { margin-bottom: -5.45rem !important } .ml-sm-n29, .mx-sm-n29 { margin-left: -5.45rem !important } .m-sm-n30 { margin: -5.65rem !important } .mt-sm-n30, .my-sm-n30 { margin-top: -5.65rem !important } .mr-sm-n30, .mx-sm-n30 { margin-right: -5.65rem !important } .mb-sm-n30, .my-sm-n30 { margin-bottom: -5.65rem !important } .ml-sm-n30, .mx-sm-n30 { margin-left: -5.65rem !important } .m-sm-n31 { margin: -5.85rem !important } .mt-sm-n31, .my-sm-n31 { margin-top: -5.85rem !important } .mr-sm-n31, .mx-sm-n31 { margin-right: -5.85rem !important } .mb-sm-n31, .my-sm-n31 { margin-bottom: -5.85rem !important } .ml-sm-n31, .mx-sm-n31 { margin-left: -5.85rem !important } .m-sm-n32 { margin: -6rem !important } .mt-sm-n32, .my-sm-n32 { margin-top: -6rem !important } .mr-sm-n32, .mx-sm-n32 { margin-right: -6rem !important } .mb-sm-n32, .my-sm-n32 { margin-bottom: -6rem !important } .ml-sm-n32, .mx-sm-n32 { margin-left: -6rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .45rem !important } .mt-md-2, .my-md-2 { margin-top: .45rem !important } .mr-md-2, .mx-md-2 { margin-right: .45rem !important } .mb-md-2, .my-md-2 { margin-bottom: .45rem !important } .ml-md-2, .mx-md-2 { margin-left: .45rem !important } .m-md-3 { margin: .65rem !important } .mt-md-3, .my-md-3 { margin-top: .65rem !important } .mr-md-3, .mx-md-3 { margin-right: .65rem !important } .mb-md-3, .my-md-3 { margin-bottom: .65rem !important } .ml-md-3, .mx-md-3 { margin-left: .65rem !important } .m-md-4 { margin: .85rem !important } .mt-md-4, .my-md-4 { margin-top: .85rem !important } .mr-md-4, .mx-md-4 { margin-right: .85rem !important } .mb-md-4, .my-md-4 { margin-bottom: .85rem !important } .ml-md-4, .mx-md-4 { margin-left: .85rem !important } .m-md-5 { margin: .95rem !important } .mt-md-5, .my-md-5 { margin-top: .95rem !important } .mr-md-5, .mx-md-5 { margin-right: .95rem !important } .mb-md-5, .my-md-5 { margin-bottom: .95rem !important } .ml-md-5, .mx-md-5 { margin-left: .95rem !important } .m-md-6 { margin: 1rem !important } .mt-md-6, .my-md-6 { margin-top: 1rem !important } .mr-md-6, .mx-md-6 { margin-right: 1rem !important } .mb-md-6, .my-md-6 { margin-bottom: 1rem !important } .ml-md-6, .mx-md-6 { margin-left: 1rem !important } .m-md-7 { margin: 1.5rem !important } .mt-md-7, .my-md-7 { margin-top: 1.5rem !important } .mr-md-7, .mx-md-7 { margin-right: 1.5rem !important } .mb-md-7, .my-md-7 { margin-bottom: 1.5rem !important } .ml-md-7, .mx-md-7 { margin-left: 1.5rem !important } .m-md-8 { margin: 1.25rem !important } .mt-md-8, .my-md-8 { margin-top: 1.25rem !important } .mr-md-8, .mx-md-8 { margin-right: 1.25rem !important } .mb-md-8, .my-md-8 { margin-bottom: 1.25rem !important } .ml-md-8, .mx-md-8 { margin-left: 1.25rem !important } .m-md-9 { margin: 1.45rem !important } .mt-md-9, .my-md-9 { margin-top: 1.45rem !important } .mr-md-9, .mx-md-9 { margin-right: 1.45rem !important } .mb-md-9, .my-md-9 { margin-bottom: 1.45rem !important } .ml-md-9, .mx-md-9 { margin-left: 1.45rem !important } .m-md-10 { margin: 1.65rem !important } .mt-md-10, .my-md-10 { margin-top: 1.65rem !important } .mr-md-10, .mx-md-10 { margin-right: 1.65rem !important } .mb-md-10, .my-md-10 { margin-bottom: 1.65rem !important } .ml-md-10, .mx-md-10 { margin-left: 1.65rem !important } .m-md-11 { margin: 1.85rem !important } .mt-md-11, .my-md-11 { margin-top: 1.85rem !important } .mr-md-11, .mx-md-11 { margin-right: 1.85rem !important } .mb-md-11, .my-md-11 { margin-bottom: 1.85rem !important } .ml-md-11, .mx-md-11 { margin-left: 1.85rem !important } .m-md-12 { margin: 2rem !important } .mt-md-12, .my-md-12 { margin-top: 2rem !important } .mr-md-12, .mx-md-12 { margin-right: 2rem !important } .mb-md-12, .my-md-12 { margin-bottom: 2rem !important } .ml-md-12, .mx-md-12 { margin-left: 2rem !important } .m-md-13 { margin: 2.25rem !important } .mt-md-13, .my-md-13 { margin-top: 2.25rem !important } .mr-md-13, .mx-md-13 { margin-right: 2.25rem !important } .mb-md-13, .my-md-13 { margin-bottom: 2.25rem !important } .ml-md-13, .mx-md-13 { margin-left: 2.25rem !important } .m-md-14 { margin: 2.45rem !important } .mt-md-14, .my-md-14 { margin-top: 2.45rem !important } .mr-md-14, .mx-md-14 { margin-right: 2.45rem !important } .mb-md-14, .my-md-14 { margin-bottom: 2.45rem !important } .ml-md-14, .mx-md-14 { margin-left: 2.45rem !important } .m-md-15 { margin: 2.65rem !important } .mt-md-15, .my-md-15 { margin-top: 2.65rem !important } .mr-md-15, .mx-md-15 { margin-right: 2.65rem !important } .mb-md-15, .my-md-15 { margin-bottom: 2.65rem !important } .ml-md-15, .mx-md-15 { margin-left: 2.65rem !important } .m-md-16 { margin: 2.85rem !important } .mt-md-16, .my-md-16 { margin-top: 2.85rem !important } .mr-md-16, .mx-md-16 { margin-right: 2.85rem !important } .mb-md-16, .my-md-16 { margin-bottom: 2.85rem !important } .ml-md-16, .mx-md-16 { margin-left: 2.85rem !important } .m-md-17 { margin: 3rem !important } .mt-md-17, .my-md-17 { margin-top: 3rem !important } .mr-md-17, .mx-md-17 { margin-right: 3rem !important } .mb-md-17, .my-md-17 { margin-bottom: 3rem !important } .ml-md-17, .mx-md-17 { margin-left: 3rem !important } .m-md-18 { margin: 3.25rem !important } .mt-md-18, .my-md-18 { margin-top: 3.25rem !important } .mr-md-18, .mx-md-18 { margin-right: 3.25rem !important } .mb-md-18, .my-md-18 { margin-bottom: 3.25rem !important } .ml-md-18, .mx-md-18 { margin-left: 3.25rem !important } .m-md-19 { margin: 3.45rem !important } .mt-md-19, .my-md-19 { margin-top: 3.45rem !important } .mr-md-19, .mx-md-19 { margin-right: 3.45rem !important } .mb-md-19, .my-md-19 { margin-bottom: 3.45rem !important } .ml-md-19, .mx-md-19 { margin-left: 3.45rem !important } .m-md-20 { margin: 3.65rem !important } .mt-md-20, .my-md-20 { margin-top: 3.65rem !important } .mr-md-20, .mx-md-20 { margin-right: 3.65rem !important } .mb-md-20, .my-md-20 { margin-bottom: 3.65rem !important } .ml-md-20, .mx-md-20 { margin-left: 3.65rem !important } .m-md-21 { margin: 3.85rem !important } .mt-md-21, .my-md-21 { margin-top: 3.85rem !important } .mr-md-21, .mx-md-21 { margin-right: 3.85rem !important } .mb-md-21, .my-md-21 { margin-bottom: 3.85rem !important } .ml-md-21, .mx-md-21 { margin-left: 3.85rem !important } .m-md-22 { margin: 4rem !important } .mt-md-22, .my-md-22 { margin-top: 4rem !important } .mr-md-22, .mx-md-22 { margin-right: 4rem !important } .mb-md-22, .my-md-22 { margin-bottom: 4rem !important } .ml-md-22, .mx-md-22 { margin-left: 4rem !important } .m-md-23 { margin: 4.25rem !important } .mt-md-23, .my-md-23 { margin-top: 4.25rem !important } .mr-md-23, .mx-md-23 { margin-right: 4.25rem !important } .mb-md-23, .my-md-23 { margin-bottom: 4.25rem !important } .ml-md-23, .mx-md-23 { margin-left: 4.25rem !important } .m-md-24 { margin: 5.45rem !important } .mt-md-24, .my-md-24 { margin-top: 5.45rem !important } .mr-md-24, .mx-md-24 { margin-right: 5.45rem !important } .mb-md-24, .my-md-24 { margin-bottom: 5.45rem !important } .ml-md-24, .mx-md-24 { margin-left: 5.45rem !important } .m-md-25 { margin: 4.65rem !important } .mt-md-25, .my-md-25 { margin-top: 4.65rem !important } .mr-md-25, .mx-md-25 { margin-right: 4.65rem !important } .mb-md-25, .my-md-25 { margin-bottom: 4.65rem !important } .ml-md-25, .mx-md-25 { margin-left: 4.65rem !important } .m-md-26 { margin: 4.85rem !important } .mt-md-26, .my-md-26 { margin-top: 4.85rem !important } .mr-md-26, .mx-md-26 { margin-right: 4.85rem !important } .mb-md-26, .my-md-26 { margin-bottom: 4.85rem !important } .ml-md-26, .mx-md-26 { margin-left: 4.85rem !important } .m-md-27 { margin: 4rem !important } .mt-md-27, .my-md-27 { margin-top: 4rem !important } .mr-md-27, .mx-md-27 { margin-right: 4rem !important } .mb-md-27, .my-md-27 { margin-bottom: 4rem !important } .ml-md-27, .mx-md-27 { margin-left: 4rem !important } .m-md-28 { margin: 5.25rem !important } .mt-md-28, .my-md-28 { margin-top: 5.25rem !important } .mr-md-28, .mx-md-28 { margin-right: 5.25rem !important } .mb-md-28, .my-md-28 { margin-bottom: 5.25rem !important } .ml-md-28, .mx-md-28 { margin-left: 5.25rem !important } .m-md-29 { margin: 5.45rem !important } .mt-md-29, .my-md-29 { margin-top: 5.45rem !important } .mr-md-29, .mx-md-29 { margin-right: 5.45rem !important } .mb-md-29, .my-md-29 { margin-bottom: 5.45rem !important } .ml-md-29, .mx-md-29 { margin-left: 5.45rem !important } .m-md-30 { margin: 5.65rem !important } .mt-md-30, .my-md-30 { margin-top: 5.65rem !important } .mr-md-30, .mx-md-30 { margin-right: 5.65rem !important } .mb-md-30, .my-md-30 { margin-bottom: 5.65rem !important } .ml-md-30, .mx-md-30 { margin-left: 5.65rem !important } .m-md-31 { margin: 5.85rem !important } .mt-md-31, .my-md-31 { margin-top: 5.85rem !important } .mr-md-31, .mx-md-31 { margin-right: 5.85rem !important } .mb-md-31, .my-md-31 { margin-bottom: 5.85rem !important } .ml-md-31, .mx-md-31 { margin-left: 5.85rem !important } .m-md-32 { margin: 6rem !important } .mt-md-32, .my-md-32 { margin-top: 6rem !important } .mr-md-32, .mx-md-32 { margin-right: 6rem !important } .mb-md-32, .my-md-32 { margin-bottom: 6rem !important } .ml-md-32, .mx-md-32 { margin-left: 6rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .45rem !important } .pt-md-2, .py-md-2 { padding-top: .45rem !important } .pr-md-2, .px-md-2 { padding-right: .45rem !important } .pb-md-2, .py-md-2 { padding-bottom: .45rem !important } .pl-md-2, .px-md-2 { padding-left: .45rem !important } .p-md-3 { padding: .65rem !important } .pt-md-3, .py-md-3 { padding-top: .65rem !important } .pr-md-3, .px-md-3 { padding-right: .65rem !important } .pb-md-3, .py-md-3 { padding-bottom: .65rem !important } .pl-md-3, .px-md-3 { padding-left: .65rem !important } .p-md-4 { padding: .85rem !important } .pt-md-4, .py-md-4 { padding-top: .85rem !important } .pr-md-4, .px-md-4 { padding-right: .85rem !important } .pb-md-4, .py-md-4 { padding-bottom: .85rem !important } .pl-md-4, .px-md-4 { padding-left: .85rem !important } .p-md-5 { padding: .95rem !important } .pt-md-5, .py-md-5 { padding-top: .95rem !important } .pr-md-5, .px-md-5 { padding-right: .95rem !important } .pb-md-5, .py-md-5 { padding-bottom: .95rem !important } .pl-md-5, .px-md-5 { padding-left: .95rem !important } .p-md-6 { padding: 1rem !important } .pt-md-6, .py-md-6 { padding-top: 1rem !important } .pr-md-6, .px-md-6 { padding-right: 1rem !important } .pb-md-6, .py-md-6 { padding-bottom: 1rem !important } .pl-md-6, .px-md-6 { padding-left: 1rem !important } .p-md-7 { padding: 1.5rem !important } .pt-md-7, .py-md-7 { padding-top: 1.5rem !important } .pr-md-7, .px-md-7 { padding-right: 1.5rem !important } .pb-md-7, .py-md-7 { padding-bottom: 1.5rem !important } .pl-md-7, .px-md-7 { padding-left: 1.5rem !important } .p-md-8 { padding: 1.25rem !important } .pt-md-8, .py-md-8 { padding-top: 1.25rem !important } .pr-md-8, .px-md-8 { padding-right: 1.25rem !important } .pb-md-8, .py-md-8 { padding-bottom: 1.25rem !important } .pl-md-8, .px-md-8 { padding-left: 1.25rem !important } .p-md-9 { padding: 1.45rem !important } .pt-md-9, .py-md-9 { padding-top: 1.45rem !important } .pr-md-9, .px-md-9 { padding-right: 1.45rem !important } .pb-md-9, .py-md-9 { padding-bottom: 1.45rem !important } .pl-md-9, .px-md-9 { padding-left: 1.45rem !important } .p-md-10 { padding: 1.65rem !important } .pt-md-10, .py-md-10 { padding-top: 1.65rem !important } .pr-md-10, .px-md-10 { padding-right: 1.65rem !important } .pb-md-10, .py-md-10 { padding-bottom: 1.65rem !important } .pl-md-10, .px-md-10 { padding-left: 1.65rem !important } .p-md-11 { padding: 1.85rem !important } .pt-md-11, .py-md-11 { padding-top: 1.85rem !important } .pr-md-11, .px-md-11 { padding-right: 1.85rem !important } .pb-md-11, .py-md-11 { padding-bottom: 1.85rem !important } .pl-md-11, .px-md-11 { padding-left: 1.85rem !important } .p-md-12 { padding: 2rem !important } .pt-md-12, .py-md-12 { padding-top: 2rem !important } .pr-md-12, .px-md-12 { padding-right: 2rem !important } .pb-md-12, .py-md-12 { padding-bottom: 2rem !important } .pl-md-12, .px-md-12 { padding-left: 2rem !important } .p-md-13 { padding: 2.25rem !important } .pt-md-13, .py-md-13 { padding-top: 2.25rem !important } .pr-md-13, .px-md-13 { padding-right: 2.25rem !important } .pb-md-13, .py-md-13 { padding-bottom: 2.25rem !important } .pl-md-13, .px-md-13 { padding-left: 2.25rem !important } .p-md-14 { padding: 2.45rem !important } .pt-md-14, .py-md-14 { padding-top: 2.45rem !important } .pr-md-14, .px-md-14 { padding-right: 2.45rem !important } .pb-md-14, .py-md-14 { padding-bottom: 2.45rem !important } .pl-md-14, .px-md-14 { padding-left: 2.45rem !important } .p-md-15 { padding: 2.65rem !important } .pt-md-15, .py-md-15 { padding-top: 2.65rem !important } .pr-md-15, .px-md-15 { padding-right: 2.65rem !important } .pb-md-15, .py-md-15 { padding-bottom: 2.65rem !important } .pl-md-15, .px-md-15 { padding-left: 2.65rem !important } .p-md-16 { padding: 2.85rem !important } .pt-md-16, .py-md-16 { padding-top: 2.85rem !important } .pr-md-16, .px-md-16 { padding-right: 2.85rem !important } .pb-md-16, .py-md-16 { padding-bottom: 2.85rem !important } .pl-md-16, .px-md-16 { padding-left: 2.85rem !important } .p-md-17 { padding: 3rem !important } .pt-md-17, .py-md-17 { padding-top: 3rem !important } .pr-md-17, .px-md-17 { padding-right: 3rem !important } .pb-md-17, .py-md-17 { padding-bottom: 3rem !important } .pl-md-17, .px-md-17 { padding-left: 3rem !important } .p-md-18 { padding: 3.25rem !important } .pt-md-18, .py-md-18 { padding-top: 3.25rem !important } .pr-md-18, .px-md-18 { padding-right: 3.25rem !important } .pb-md-18, .py-md-18 { padding-bottom: 3.25rem !important } .pl-md-18, .px-md-18 { padding-left: 3.25rem !important } .p-md-19 { padding: 3.45rem !important } .pt-md-19, .py-md-19 { padding-top: 3.45rem !important } .pr-md-19, .px-md-19 { padding-right: 3.45rem !important } .pb-md-19, .py-md-19 { padding-bottom: 3.45rem !important } .pl-md-19, .px-md-19 { padding-left: 3.45rem !important } .p-md-20 { padding: 3.65rem !important } .pt-md-20, .py-md-20 { padding-top: 3.65rem !important } .pr-md-20, .px-md-20 { padding-right: 3.65rem !important } .pb-md-20, .py-md-20 { padding-bottom: 3.65rem !important } .pl-md-20, .px-md-20 { padding-left: 3.65rem !important } .p-md-21 { padding: 3.85rem !important } .pt-md-21, .py-md-21 { padding-top: 3.85rem !important } .pr-md-21, .px-md-21 { padding-right: 3.85rem !important } .pb-md-21, .py-md-21 { padding-bottom: 3.85rem !important } .pl-md-21, .px-md-21 { padding-left: 3.85rem !important } .p-md-22 { padding: 4rem !important } .pt-md-22, .py-md-22 { padding-top: 4rem !important } .pr-md-22, .px-md-22 { padding-right: 4rem !important } .pb-md-22, .py-md-22 { padding-bottom: 4rem !important } .pl-md-22, .px-md-22 { padding-left: 4rem !important } .p-md-23 { padding: 4.25rem !important } .pt-md-23, .py-md-23 { padding-top: 4.25rem !important } .pr-md-23, .px-md-23 { padding-right: 4.25rem !important } .pb-md-23, .py-md-23 { padding-bottom: 4.25rem !important } .pl-md-23, .px-md-23 { padding-left: 4.25rem !important } .p-md-24 { padding: 5.45rem !important } .pt-md-24, .py-md-24 { padding-top: 5.45rem !important } .pr-md-24, .px-md-24 { padding-right: 5.45rem !important } .pb-md-24, .py-md-24 { padding-bottom: 5.45rem !important } .pl-md-24, .px-md-24 { padding-left: 5.45rem !important } .p-md-25 { padding: 4.65rem !important } .pt-md-25, .py-md-25 { padding-top: 4.65rem !important } .pr-md-25, .px-md-25 { padding-right: 4.65rem !important } .pb-md-25, .py-md-25 { padding-bottom: 4.65rem !important } .pl-md-25, .px-md-25 { padding-left: 4.65rem !important } .p-md-26 { padding: 4.85rem !important } .pt-md-26, .py-md-26 { padding-top: 4.85rem !important } .pr-md-26, .px-md-26 { padding-right: 4.85rem !important } .pb-md-26, .py-md-26 { padding-bottom: 4.85rem !important } .pl-md-26, .px-md-26 { padding-left: 4.85rem !important } .p-md-27 { padding: 4rem !important } .pt-md-27, .py-md-27 { padding-top: 4rem !important } .pr-md-27, .px-md-27 { padding-right: 4rem !important } .pb-md-27, .py-md-27 { padding-bottom: 4rem !important } .pl-md-27, .px-md-27 { padding-left: 4rem !important } .p-md-28 { padding: 5.25rem !important } .pt-md-28, .py-md-28 { padding-top: 5.25rem !important } .pr-md-28, .px-md-28 { padding-right: 5.25rem !important } .pb-md-28, .py-md-28 { padding-bottom: 5.25rem !important } .pl-md-28, .px-md-28 { padding-left: 5.25rem !important } .p-md-29 { padding: 5.45rem !important } .pt-md-29, .py-md-29 { padding-top: 5.45rem !important } .pr-md-29, .px-md-29 { padding-right: 5.45rem !important } .pb-md-29, .py-md-29 { padding-bottom: 5.45rem !important } .pl-md-29, .px-md-29 { padding-left: 5.45rem !important } .p-md-30 { padding: 5.65rem !important } .pt-md-30, .py-md-30 { padding-top: 5.65rem !important } .pr-md-30, .px-md-30 { padding-right: 5.65rem !important } .pb-md-30, .py-md-30 { padding-bottom: 5.65rem !important } .pl-md-30, .px-md-30 { padding-left: 5.65rem !important } .p-md-31 { padding: 5.85rem !important } .pt-md-31, .py-md-31 { padding-top: 5.85rem !important } .pr-md-31, .px-md-31 { padding-right: 5.85rem !important } .pb-md-31, .py-md-31 { padding-bottom: 5.85rem !important } .pl-md-31, .px-md-31 { padding-left: 5.85rem !important } .p-md-32 { padding: 6rem !important } .pt-md-32, .py-md-32 { padding-top: 6rem !important } .pr-md-32, .px-md-32 { padding-right: 6rem !important } .pb-md-32, .py-md-32 { padding-bottom: 6rem !important } .pl-md-32, .px-md-32 { padding-left: 6rem !important } .m-md-n1 { margin: -.25rem !important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important } .m-md-n2 { margin: -.45rem !important } .mt-md-n2, .my-md-n2 { margin-top: -.45rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -.45rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -.45rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -.45rem !important } .m-md-n3 { margin: -.65rem !important } .mt-md-n3, .my-md-n3 { margin-top: -.65rem !important } .mr-md-n3, .mx-md-n3 { margin-right: -.65rem !important } .mb-md-n3, .my-md-n3 { margin-bottom: -.65rem !important } .ml-md-n3, .mx-md-n3 { margin-left: -.65rem !important } .m-md-n4 { margin: -.85rem !important } .mt-md-n4, .my-md-n4 { margin-top: -.85rem !important } .mr-md-n4, .mx-md-n4 { margin-right: -.85rem !important } .mb-md-n4, .my-md-n4 { margin-bottom: -.85rem !important } .ml-md-n4, .mx-md-n4 { margin-left: -.85rem !important } .m-md-n5 { margin: -.95rem !important } .mt-md-n5, .my-md-n5 { margin-top: -.95rem !important } .mr-md-n5, .mx-md-n5 { margin-right: -.95rem !important } .mb-md-n5, .my-md-n5 { margin-bottom: -.95rem !important } .ml-md-n5, .mx-md-n5 { margin-left: -.95rem !important } .m-md-n6 { margin: -1rem !important } .mt-md-n6, .my-md-n6 { margin-top: -1rem !important } .mr-md-n6, .mx-md-n6 { margin-right: -1rem !important } .mb-md-n6, .my-md-n6 { margin-bottom: -1rem !important } .ml-md-n6, .mx-md-n6 { margin-left: -1rem !important } .m-md-n7 { margin: -1.5rem !important } .mt-md-n7, .my-md-n7 { margin-top: -1.5rem !important } .mr-md-n7, .mx-md-n7 { margin-right: -1.5rem !important } .mb-md-n7, .my-md-n7 { margin-bottom: -1.5rem !important } .ml-md-n7, .mx-md-n7 { margin-left: -1.5rem !important } .m-md-n8 { margin: -1.25rem !important } .mt-md-n8, .my-md-n8 { margin-top: -1.25rem !important } .mr-md-n8, .mx-md-n8 { margin-right: -1.25rem !important } .mb-md-n8, .my-md-n8 { margin-bottom: -1.25rem !important } .ml-md-n8, .mx-md-n8 { margin-left: -1.25rem !important } .m-md-n9 { margin: -1.45rem !important } .mt-md-n9, .my-md-n9 { margin-top: -1.45rem !important } .mr-md-n9, .mx-md-n9 { margin-right: -1.45rem !important } .mb-md-n9, .my-md-n9 { margin-bottom: -1.45rem !important } .ml-md-n9, .mx-md-n9 { margin-left: -1.45rem !important } .m-md-n10 { margin: -1.65rem !important } .mt-md-n10, .my-md-n10 { margin-top: -1.65rem !important } .mr-md-n10, .mx-md-n10 { margin-right: -1.65rem !important } .mb-md-n10, .my-md-n10 { margin-bottom: -1.65rem !important } .ml-md-n10, .mx-md-n10 { margin-left: -1.65rem !important } .m-md-n11 { margin: -1.85rem !important } .mt-md-n11, .my-md-n11 { margin-top: -1.85rem !important } .mr-md-n11, .mx-md-n11 { margin-right: -1.85rem !important } .mb-md-n11, .my-md-n11 { margin-bottom: -1.85rem !important } .ml-md-n11, .mx-md-n11 { margin-left: -1.85rem !important } .m-md-n12 { margin: -2rem !important } .mt-md-n12, .my-md-n12 { margin-top: -2rem !important } .mr-md-n12, .mx-md-n12 { margin-right: -2rem !important } .mb-md-n12, .my-md-n12 { margin-bottom: -2rem !important } .ml-md-n12, .mx-md-n12 { margin-left: -2rem !important } .m-md-n13 { margin: -2.25rem !important } .mt-md-n13, .my-md-n13 { margin-top: -2.25rem !important } .mr-md-n13, .mx-md-n13 { margin-right: -2.25rem !important } .mb-md-n13, .my-md-n13 { margin-bottom: -2.25rem !important } .ml-md-n13, .mx-md-n13 { margin-left: -2.25rem !important } .m-md-n14 { margin: -2.45rem !important } .mt-md-n14, .my-md-n14 { margin-top: -2.45rem !important } .mr-md-n14, .mx-md-n14 { margin-right: -2.45rem !important } .mb-md-n14, .my-md-n14 { margin-bottom: -2.45rem !important } .ml-md-n14, .mx-md-n14 { margin-left: -2.45rem !important } .m-md-n15 { margin: -2.65rem !important } .mt-md-n15, .my-md-n15 { margin-top: -2.65rem !important } .mr-md-n15, .mx-md-n15 { margin-right: -2.65rem !important } .mb-md-n15, .my-md-n15 { margin-bottom: -2.65rem !important } .ml-md-n15, .mx-md-n15 { margin-left: -2.65rem !important } .m-md-n16 { margin: -2.85rem !important } .mt-md-n16, .my-md-n16 { margin-top: -2.85rem !important } .mr-md-n16, .mx-md-n16 { margin-right: -2.85rem !important } .mb-md-n16, .my-md-n16 { margin-bottom: -2.85rem !important } .ml-md-n16, .mx-md-n16 { margin-left: -2.85rem !important } .m-md-n17 { margin: -3rem !important } .mt-md-n17, .my-md-n17 { margin-top: -3rem !important } .mr-md-n17, .mx-md-n17 { margin-right: -3rem !important } .mb-md-n17, .my-md-n17 { margin-bottom: -3rem !important } .ml-md-n17, .mx-md-n17 { margin-left: -3rem !important } .m-md-n18 { margin: -3.25rem !important } .mt-md-n18, .my-md-n18 { margin-top: -3.25rem !important } .mr-md-n18, .mx-md-n18 { margin-right: -3.25rem !important } .mb-md-n18, .my-md-n18 { margin-bottom: -3.25rem !important } .ml-md-n18, .mx-md-n18 { margin-left: -3.25rem !important } .m-md-n19 { margin: -3.45rem !important } .mt-md-n19, .my-md-n19 { margin-top: -3.45rem !important } .mr-md-n19, .mx-md-n19 { margin-right: -3.45rem !important } .mb-md-n19, .my-md-n19 { margin-bottom: -3.45rem !important } .ml-md-n19, .mx-md-n19 { margin-left: -3.45rem !important } .m-md-n20 { margin: -3.65rem !important } .mt-md-n20, .my-md-n20 { margin-top: -3.65rem !important } .mr-md-n20, .mx-md-n20 { margin-right: -3.65rem !important } .mb-md-n20, .my-md-n20 { margin-bottom: -3.65rem !important } .ml-md-n20, .mx-md-n20 { margin-left: -3.65rem !important } .m-md-n21 { margin: -3.85rem !important } .mt-md-n21, .my-md-n21 { margin-top: -3.85rem !important } .mr-md-n21, .mx-md-n21 { margin-right: -3.85rem !important } .mb-md-n21, .my-md-n21 { margin-bottom: -3.85rem !important } .ml-md-n21, .mx-md-n21 { margin-left: -3.85rem !important } .m-md-n22 { margin: -4rem !important } .mt-md-n22, .my-md-n22 { margin-top: -4rem !important } .mr-md-n22, .mx-md-n22 { margin-right: -4rem !important } .mb-md-n22, .my-md-n22 { margin-bottom: -4rem !important } .ml-md-n22, .mx-md-n22 { margin-left: -4rem !important } .m-md-n23 { margin: -4.25rem !important } .mt-md-n23, .my-md-n23 { margin-top: -4.25rem !important } .mr-md-n23, .mx-md-n23 { margin-right: -4.25rem !important } .mb-md-n23, .my-md-n23 { margin-bottom: -4.25rem !important } .ml-md-n23, .mx-md-n23 { margin-left: -4.25rem !important } .m-md-n24 { margin: -5.45rem !important } .mt-md-n24, .my-md-n24 { margin-top: -5.45rem !important } .mr-md-n24, .mx-md-n24 { margin-right: -5.45rem !important } .mb-md-n24, .my-md-n24 { margin-bottom: -5.45rem !important } .ml-md-n24, .mx-md-n24 { margin-left: -5.45rem !important } .m-md-n25 { margin: -4.65rem !important } .mt-md-n25, .my-md-n25 { margin-top: -4.65rem !important } .mr-md-n25, .mx-md-n25 { margin-right: -4.65rem !important } .mb-md-n25, .my-md-n25 { margin-bottom: -4.65rem !important } .ml-md-n25, .mx-md-n25 { margin-left: -4.65rem !important } .m-md-n26 { margin: -4.85rem !important } .mt-md-n26, .my-md-n26 { margin-top: -4.85rem !important } .mr-md-n26, .mx-md-n26 { margin-right: -4.85rem !important } .mb-md-n26, .my-md-n26 { margin-bottom: -4.85rem !important } .ml-md-n26, .mx-md-n26 { margin-left: -4.85rem !important } .m-md-n27 { margin: -4rem !important } .mt-md-n27, .my-md-n27 { margin-top: -4rem !important } .mr-md-n27, .mx-md-n27 { margin-right: -4rem !important } .mb-md-n27, .my-md-n27 { margin-bottom: -4rem !important } .ml-md-n27, .mx-md-n27 { margin-left: -4rem !important } .m-md-n28 { margin: -5.25rem !important } .mt-md-n28, .my-md-n28 { margin-top: -5.25rem !important } .mr-md-n28, .mx-md-n28 { margin-right: -5.25rem !important } .mb-md-n28, .my-md-n28 { margin-bottom: -5.25rem !important } .ml-md-n28, .mx-md-n28 { margin-left: -5.25rem !important } .m-md-n29 { margin: -5.45rem !important } .mt-md-n29, .my-md-n29 { margin-top: -5.45rem !important } .mr-md-n29, .mx-md-n29 { margin-right: -5.45rem !important } .mb-md-n29, .my-md-n29 { margin-bottom: -5.45rem !important } .ml-md-n29, .mx-md-n29 { margin-left: -5.45rem !important } .m-md-n30 { margin: -5.65rem !important } .mt-md-n30, .my-md-n30 { margin-top: -5.65rem !important } .mr-md-n30, .mx-md-n30 { margin-right: -5.65rem !important } .mb-md-n30, .my-md-n30 { margin-bottom: -5.65rem !important } .ml-md-n30, .mx-md-n30 { margin-left: -5.65rem !important } .m-md-n31 { margin: -5.85rem !important } .mt-md-n31, .my-md-n31 { margin-top: -5.85rem !important } .mr-md-n31, .mx-md-n31 { margin-right: -5.85rem !important } .mb-md-n31, .my-md-n31 { margin-bottom: -5.85rem !important } .ml-md-n31, .mx-md-n31 { margin-left: -5.85rem !important } .m-md-n32 { margin: -6rem !important } .mt-md-n32, .my-md-n32 { margin-top: -6rem !important } .mr-md-n32, .mx-md-n32 { margin-right: -6rem !important } .mb-md-n32, .my-md-n32 { margin-bottom: -6rem !important } .ml-md-n32, .mx-md-n32 { margin-left: -6rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .45rem !important } .mt-lg-2, .my-lg-2 { margin-top: .45rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .45rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .45rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .45rem !important } .m-lg-3 { margin: .65rem !important } .mt-lg-3, .my-lg-3 { margin-top: .65rem !important } .mr-lg-3, .mx-lg-3 { margin-right: .65rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: .65rem !important } .ml-lg-3, .mx-lg-3 { margin-left: .65rem !important } .m-lg-4 { margin: .85rem !important } .mt-lg-4, .my-lg-4 { margin-top: .85rem !important } .mr-lg-4, .mx-lg-4 { margin-right: .85rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: .85rem !important } .ml-lg-4, .mx-lg-4 { margin-left: .85rem !important } .m-lg-5 { margin: .95rem !important } .mt-lg-5, .my-lg-5 { margin-top: .95rem !important } .mr-lg-5, .mx-lg-5 { margin-right: .95rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: .95rem !important } .ml-lg-5, .mx-lg-5 { margin-left: .95rem !important } .m-lg-6 { margin: 1rem !important } .mt-lg-6, .my-lg-6 { margin-top: 1rem !important } .mr-lg-6, .mx-lg-6 { margin-right: 1rem !important } .mb-lg-6, .my-lg-6 { margin-bottom: 1rem !important } .ml-lg-6, .mx-lg-6 { margin-left: 1rem !important } .m-lg-7 { margin: 1.5rem !important } .mt-lg-7, .my-lg-7 { margin-top: 1.5rem !important } .mr-lg-7, .mx-lg-7 { margin-right: 1.5rem !important } .mb-lg-7, .my-lg-7 { margin-bottom: 1.5rem !important } .ml-lg-7, .mx-lg-7 { margin-left: 1.5rem !important } .m-lg-8 { margin: 1.25rem !important } .mt-lg-8, .my-lg-8 { margin-top: 1.25rem !important } .mr-lg-8, .mx-lg-8 { margin-right: 1.25rem !important } .mb-lg-8, .my-lg-8 { margin-bottom: 1.25rem !important } .ml-lg-8, .mx-lg-8 { margin-left: 1.25rem !important } .m-lg-9 { margin: 1.45rem !important } .mt-lg-9, .my-lg-9 { margin-top: 1.45rem !important } .mr-lg-9, .mx-lg-9 { margin-right: 1.45rem !important } .mb-lg-9, .my-lg-9 { margin-bottom: 1.45rem !important } .ml-lg-9, .mx-lg-9 { margin-left: 1.45rem !important } .m-lg-10 { margin: 1.65rem !important } .mt-lg-10, .my-lg-10 { margin-top: 1.65rem !important } .mr-lg-10, .mx-lg-10 { margin-right: 1.65rem !important } .mb-lg-10, .my-lg-10 { margin-bottom: 1.65rem !important } .ml-lg-10, .mx-lg-10 { margin-left: 1.65rem !important } .m-lg-11 { margin: 1.85rem !important } .mt-lg-11, .my-lg-11 { margin-top: 1.85rem !important } .mr-lg-11, .mx-lg-11 { margin-right: 1.85rem !important } .mb-lg-11, .my-lg-11 { margin-bottom: 1.85rem !important } .ml-lg-11, .mx-lg-11 { margin-left: 1.85rem !important } .m-lg-12 { margin: 2rem !important } .mt-lg-12, .my-lg-12 { margin-top: 2rem !important } .mr-lg-12, .mx-lg-12 { margin-right: 2rem !important } .mb-lg-12, .my-lg-12 { margin-bottom: 2rem !important } .ml-lg-12, .mx-lg-12 { margin-left: 2rem !important } .m-lg-13 { margin: 2.25rem !important } .mt-lg-13, .my-lg-13 { margin-top: 2.25rem !important } .mr-lg-13, .mx-lg-13 { margin-right: 2.25rem !important } .mb-lg-13, .my-lg-13 { margin-bottom: 2.25rem !important } .ml-lg-13, .mx-lg-13 { margin-left: 2.25rem !important } .m-lg-14 { margin: 2.45rem !important } .mt-lg-14, .my-lg-14 { margin-top: 2.45rem !important } .mr-lg-14, .mx-lg-14 { margin-right: 2.45rem !important } .mb-lg-14, .my-lg-14 { margin-bottom: 2.45rem !important } .ml-lg-14, .mx-lg-14 { margin-left: 2.45rem !important } .m-lg-15 { margin: 2.65rem !important } .mt-lg-15, .my-lg-15 { margin-top: 2.65rem !important } .mr-lg-15, .mx-lg-15 { margin-right: 2.65rem !important } .mb-lg-15, .my-lg-15 { margin-bottom: 2.65rem !important } .ml-lg-15, .mx-lg-15 { margin-left: 2.65rem !important } .m-lg-16 { margin: 2.85rem !important } .mt-lg-16, .my-lg-16 { margin-top: 2.85rem !important } .mr-lg-16, .mx-lg-16 { margin-right: 2.85rem !important } .mb-lg-16, .my-lg-16 { margin-bottom: 2.85rem !important } .ml-lg-16, .mx-lg-16 { margin-left: 2.85rem !important } .m-lg-17 { margin: 3rem !important } .mt-lg-17, .my-lg-17 { margin-top: 3rem !important } .mr-lg-17, .mx-lg-17 { margin-right: 3rem !important } .mb-lg-17, .my-lg-17 { margin-bottom: 3rem !important } .ml-lg-17, .mx-lg-17 { margin-left: 3rem !important } .m-lg-18 { margin: 3.25rem !important } .mt-lg-18, .my-lg-18 { margin-top: 3.25rem !important } .mr-lg-18, .mx-lg-18 { margin-right: 3.25rem !important } .mb-lg-18, .my-lg-18 { margin-bottom: 3.25rem !important } .ml-lg-18, .mx-lg-18 { margin-left: 3.25rem !important } .m-lg-19 { margin: 3.45rem !important } .mt-lg-19, .my-lg-19 { margin-top: 3.45rem !important } .mr-lg-19, .mx-lg-19 { margin-right: 3.45rem !important } .mb-lg-19, .my-lg-19 { margin-bottom: 3.45rem !important } .ml-lg-19, .mx-lg-19 { margin-left: 3.45rem !important } .m-lg-20 { margin: 3.65rem !important } .mt-lg-20, .my-lg-20 { margin-top: 3.65rem !important } .mr-lg-20, .mx-lg-20 { margin-right: 3.65rem !important } .mb-lg-20, .my-lg-20 { margin-bottom: 3.65rem !important } .ml-lg-20, .mx-lg-20 { margin-left: 3.65rem !important } .m-lg-21 { margin: 3.85rem !important } .mt-lg-21, .my-lg-21 { margin-top: 3.85rem !important } .mr-lg-21, .mx-lg-21 { margin-right: 3.85rem !important } .mb-lg-21, .my-lg-21 { margin-bottom: 3.85rem !important } .ml-lg-21, .mx-lg-21 { margin-left: 3.85rem !important } .m-lg-22 { margin: 4rem !important } .mt-lg-22, .my-lg-22 { margin-top: 4rem !important } .mr-lg-22, .mx-lg-22 { margin-right: 4rem !important } .mb-lg-22, .my-lg-22 { margin-bottom: 4rem !important } .ml-lg-22, .mx-lg-22 { margin-left: 4rem !important } .m-lg-23 { margin: 4.25rem !important } .mt-lg-23, .my-lg-23 { margin-top: 4.25rem !important } .mr-lg-23, .mx-lg-23 { margin-right: 4.25rem !important } .mb-lg-23, .my-lg-23 { margin-bottom: 4.25rem !important } .ml-lg-23, .mx-lg-23 { margin-left: 4.25rem !important } .m-lg-24 { margin: 5.45rem !important } .mt-lg-24, .my-lg-24 { margin-top: 5.45rem !important } .mr-lg-24, .mx-lg-24 { margin-right: 5.45rem !important } .mb-lg-24, .my-lg-24 { margin-bottom: 5.45rem !important } .ml-lg-24, .mx-lg-24 { margin-left: 5.45rem !important } .m-lg-25 { margin: 4.65rem !important } .mt-lg-25, .my-lg-25 { margin-top: 4.65rem !important } .mr-lg-25, .mx-lg-25 { margin-right: 4.65rem !important } .mb-lg-25, .my-lg-25 { margin-bottom: 4.65rem !important } .ml-lg-25, .mx-lg-25 { margin-left: 4.65rem !important } .m-lg-26 { margin: 4.85rem !important } .mt-lg-26, .my-lg-26 { margin-top: 4.85rem !important } .mr-lg-26, .mx-lg-26 { margin-right: 4.85rem !important } .mb-lg-26, .my-lg-26 { margin-bottom: 4.85rem !important } .ml-lg-26, .mx-lg-26 { margin-left: 4.85rem !important } .m-lg-27 { margin: 4rem !important } .mt-lg-27, .my-lg-27 { margin-top: 4rem !important } .mr-lg-27, .mx-lg-27 { margin-right: 4rem !important } .mb-lg-27, .my-lg-27 { margin-bottom: 4rem !important } .ml-lg-27, .mx-lg-27 { margin-left: 4rem !important } .m-lg-28 { margin: 5.25rem !important } .mt-lg-28, .my-lg-28 { margin-top: 5.25rem !important } .mr-lg-28, .mx-lg-28 { margin-right: 5.25rem !important } .mb-lg-28, .my-lg-28 { margin-bottom: 5.25rem !important } .ml-lg-28, .mx-lg-28 { margin-left: 5.25rem !important } .m-lg-29 { margin: 5.45rem !important } .mt-lg-29, .my-lg-29 { margin-top: 5.45rem !important } .mr-lg-29, .mx-lg-29 { margin-right: 5.45rem !important } .mb-lg-29, .my-lg-29 { margin-bottom: 5.45rem !important } .ml-lg-29, .mx-lg-29 { margin-left: 5.45rem !important } .m-lg-30 { margin: 5.65rem !important } .mt-lg-30, .my-lg-30 { margin-top: 5.65rem !important } .mr-lg-30, .mx-lg-30 { margin-right: 5.65rem !important } .mb-lg-30, .my-lg-30 { margin-bottom: 5.65rem !important } .ml-lg-30, .mx-lg-30 { margin-left: 5.65rem !important } .m-lg-31 { margin: 5.85rem !important } .mt-lg-31, .my-lg-31 { margin-top: 5.85rem !important } .mr-lg-31, .mx-lg-31 { margin-right: 5.85rem !important } .mb-lg-31, .my-lg-31 { margin-bottom: 5.85rem !important } .ml-lg-31, .mx-lg-31 { margin-left: 5.85rem !important } .m-lg-32 { margin: 6rem !important } .mt-lg-32, .my-lg-32 { margin-top: 6rem !important } .mr-lg-32, .mx-lg-32 { margin-right: 6rem !important } .mb-lg-32, .my-lg-32 { margin-bottom: 6rem !important } .ml-lg-32, .mx-lg-32 { margin-left: 6rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .45rem !important } .pt-lg-2, .py-lg-2 { padding-top: .45rem !important } .pr-lg-2, .px-lg-2 { padding-right: .45rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .45rem !important } .pl-lg-2, .px-lg-2 { padding-left: .45rem !important } .p-lg-3 { padding: .65rem !important } .pt-lg-3, .py-lg-3 { padding-top: .65rem !important } .pr-lg-3, .px-lg-3 { padding-right: .65rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: .65rem !important } .pl-lg-3, .px-lg-3 { padding-left: .65rem !important } .p-lg-4 { padding: .85rem !important } .pt-lg-4, .py-lg-4 { padding-top: .85rem !important } .pr-lg-4, .px-lg-4 { padding-right: .85rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: .85rem !important } .pl-lg-4, .px-lg-4 { padding-left: .85rem !important } .p-lg-5 { padding: .95rem !important } .pt-lg-5, .py-lg-5 { padding-top: .95rem !important } .pr-lg-5, .px-lg-5 { padding-right: .95rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: .95rem !important } .pl-lg-5, .px-lg-5 { padding-left: .95rem !important } .p-lg-6 { padding: 1rem !important } .pt-lg-6, .py-lg-6 { padding-top: 1rem !important } .pr-lg-6, .px-lg-6 { padding-right: 1rem !important } .pb-lg-6, .py-lg-6 { padding-bottom: 1rem !important } .pl-lg-6, .px-lg-6 { padding-left: 1rem !important } .p-lg-7 { padding: 1.5rem !important } .pt-lg-7, .py-lg-7 { padding-top: 1.5rem !important } .pr-lg-7, .px-lg-7 { padding-right: 1.5rem !important } .pb-lg-7, .py-lg-7 { padding-bottom: 1.5rem !important } .pl-lg-7, .px-lg-7 { padding-left: 1.5rem !important } .p-lg-8 { padding: 1.25rem !important } .pt-lg-8, .py-lg-8 { padding-top: 1.25rem !important } .pr-lg-8, .px-lg-8 { padding-right: 1.25rem !important } .pb-lg-8, .py-lg-8 { padding-bottom: 1.25rem !important } .pl-lg-8, .px-lg-8 { padding-left: 1.25rem !important } .p-lg-9 { padding: 1.45rem !important } .pt-lg-9, .py-lg-9 { padding-top: 1.45rem !important } .pr-lg-9, .px-lg-9 { padding-right: 1.45rem !important } .pb-lg-9, .py-lg-9 { padding-bottom: 1.45rem !important } .pl-lg-9, .px-lg-9 { padding-left: 1.45rem !important } .p-lg-10 { padding: 1.65rem !important } .pt-lg-10, .py-lg-10 { padding-top: 1.65rem !important } .pr-lg-10, .px-lg-10 { padding-right: 1.65rem !important } .pb-lg-10, .py-lg-10 { padding-bottom: 1.65rem !important } .pl-lg-10, .px-lg-10 { padding-left: 1.65rem !important } .p-lg-11 { padding: 1.85rem !important } .pt-lg-11, .py-lg-11 { padding-top: 1.85rem !important } .pr-lg-11, .px-lg-11 { padding-right: 1.85rem !important } .pb-lg-11, .py-lg-11 { padding-bottom: 1.85rem !important } .pl-lg-11, .px-lg-11 { padding-left: 1.85rem !important } .p-lg-12 { padding: 2rem !important } .pt-lg-12, .py-lg-12 { padding-top: 2rem !important } .pr-lg-12, .px-lg-12 { padding-right: 2rem !important } .pb-lg-12, .py-lg-12 { padding-bottom: 2rem !important } .pl-lg-12, .px-lg-12 { padding-left: 2rem !important } .p-lg-13 { padding: 2.25rem !important } .pt-lg-13, .py-lg-13 { padding-top: 2.25rem !important } .pr-lg-13, .px-lg-13 { padding-right: 2.25rem !important } .pb-lg-13, .py-lg-13 { padding-bottom: 2.25rem !important } .pl-lg-13, .px-lg-13 { padding-left: 2.25rem !important } .p-lg-14 { padding: 2.45rem !important } .pt-lg-14, .py-lg-14 { padding-top: 2.45rem !important } .pr-lg-14, .px-lg-14 { padding-right: 2.45rem !important } .pb-lg-14, .py-lg-14 { padding-bottom: 2.45rem !important } .pl-lg-14, .px-lg-14 { padding-left: 2.45rem !important } .p-lg-15 { padding: 2.65rem !important } .pt-lg-15, .py-lg-15 { padding-top: 2.65rem !important } .pr-lg-15, .px-lg-15 { padding-right: 2.65rem !important } .pb-lg-15, .py-lg-15 { padding-bottom: 2.65rem !important } .pl-lg-15, .px-lg-15 { padding-left: 2.65rem !important } .p-lg-16 { padding: 2.85rem !important } .pt-lg-16, .py-lg-16 { padding-top: 2.85rem !important } .pr-lg-16, .px-lg-16 { padding-right: 2.85rem !important } .pb-lg-16, .py-lg-16 { padding-bottom: 2.85rem !important } .pl-lg-16, .px-lg-16 { padding-left: 2.85rem !important } .p-lg-17 { padding: 3rem !important } .pt-lg-17, .py-lg-17 { padding-top: 3rem !important } .pr-lg-17, .px-lg-17 { padding-right: 3rem !important } .pb-lg-17, .py-lg-17 { padding-bottom: 3rem !important } .pl-lg-17, .px-lg-17 { padding-left: 3rem !important } .p-lg-18 { padding: 3.25rem !important } .pt-lg-18, .py-lg-18 { padding-top: 3.25rem !important } .pr-lg-18, .px-lg-18 { padding-right: 3.25rem !important } .pb-lg-18, .py-lg-18 { padding-bottom: 3.25rem !important } .pl-lg-18, .px-lg-18 { padding-left: 3.25rem !important } .p-lg-19 { padding: 3.45rem !important } .pt-lg-19, .py-lg-19 { padding-top: 3.45rem !important } .pr-lg-19, .px-lg-19 { padding-right: 3.45rem !important } .pb-lg-19, .py-lg-19 { padding-bottom: 3.45rem !important } .pl-lg-19, .px-lg-19 { padding-left: 3.45rem !important } .p-lg-20 { padding: 3.65rem !important } .pt-lg-20, .py-lg-20 { padding-top: 3.65rem !important } .pr-lg-20, .px-lg-20 { padding-right: 3.65rem !important } .pb-lg-20, .py-lg-20 { padding-bottom: 3.65rem !important } .pl-lg-20, .px-lg-20 { padding-left: 3.65rem !important } .p-lg-21 { padding: 3.85rem !important } .pt-lg-21, .py-lg-21 { padding-top: 3.85rem !important } .pr-lg-21, .px-lg-21 { padding-right: 3.85rem !important } .pb-lg-21, .py-lg-21 { padding-bottom: 3.85rem !important } .pl-lg-21, .px-lg-21 { padding-left: 3.85rem !important } .p-lg-22 { padding: 4rem !important } .pt-lg-22, .py-lg-22 { padding-top: 4rem !important } .pr-lg-22, .px-lg-22 { padding-right: 4rem !important } .pb-lg-22, .py-lg-22 { padding-bottom: 4rem !important } .pl-lg-22, .px-lg-22 { padding-left: 4rem !important } .p-lg-23 { padding: 4.25rem !important } .pt-lg-23, .py-lg-23 { padding-top: 4.25rem !important } .pr-lg-23, .px-lg-23 { padding-right: 4.25rem !important } .pb-lg-23, .py-lg-23 { padding-bottom: 4.25rem !important } .pl-lg-23, .px-lg-23 { padding-left: 4.25rem !important } .p-lg-24 { padding: 5.45rem !important } .pt-lg-24, .py-lg-24 { padding-top: 5.45rem !important } .pr-lg-24, .px-lg-24 { padding-right: 5.45rem !important } .pb-lg-24, .py-lg-24 { padding-bottom: 5.45rem !important } .pl-lg-24, .px-lg-24 { padding-left: 5.45rem !important } .p-lg-25 { padding: 4.65rem !important } .pt-lg-25, .py-lg-25 { padding-top: 4.65rem !important } .pr-lg-25, .px-lg-25 { padding-right: 4.65rem !important } .pb-lg-25, .py-lg-25 { padding-bottom: 4.65rem !important } .pl-lg-25, .px-lg-25 { padding-left: 4.65rem !important } .p-lg-26 { padding: 4.85rem !important } .pt-lg-26, .py-lg-26 { padding-top: 4.85rem !important } .pr-lg-26, .px-lg-26 { padding-right: 4.85rem !important } .pb-lg-26, .py-lg-26 { padding-bottom: 4.85rem !important } .pl-lg-26, .px-lg-26 { padding-left: 4.85rem !important } .p-lg-27 { padding: 4rem !important } .pt-lg-27, .py-lg-27 { padding-top: 4rem !important } .pr-lg-27, .px-lg-27 { padding-right: 4rem !important } .pb-lg-27, .py-lg-27 { padding-bottom: 4rem !important } .pl-lg-27, .px-lg-27 { padding-left: 4rem !important } .p-lg-28 { padding: 5.25rem !important } .pt-lg-28, .py-lg-28 { padding-top: 5.25rem !important } .pr-lg-28, .px-lg-28 { padding-right: 5.25rem !important } .pb-lg-28, .py-lg-28 { padding-bottom: 5.25rem !important } .pl-lg-28, .px-lg-28 { padding-left: 5.25rem !important } .p-lg-29 { padding: 5.45rem !important } .pt-lg-29, .py-lg-29 { padding-top: 5.45rem !important } .pr-lg-29, .px-lg-29 { padding-right: 5.45rem !important } .pb-lg-29, .py-lg-29 { padding-bottom: 5.45rem !important } .pl-lg-29, .px-lg-29 { padding-left: 5.45rem !important } .p-lg-30 { padding: 5.65rem !important } .pt-lg-30, .py-lg-30 { padding-top: 5.65rem !important } .pr-lg-30, .px-lg-30 { padding-right: 5.65rem !important } .pb-lg-30, .py-lg-30 { padding-bottom: 5.65rem !important } .pl-lg-30, .px-lg-30 { padding-left: 5.65rem !important } .p-lg-31 { padding: 5.85rem !important } .pt-lg-31, .py-lg-31 { padding-top: 5.85rem !important } .pr-lg-31, .px-lg-31 { padding-right: 5.85rem !important } .pb-lg-31, .py-lg-31 { padding-bottom: 5.85rem !important } .pl-lg-31, .px-lg-31 { padding-left: 5.85rem !important } .p-lg-32 { padding: 6rem !important } .pt-lg-32, .py-lg-32 { padding-top: 6rem !important } .pr-lg-32, .px-lg-32 { padding-right: 6rem !important } .pb-lg-32, .py-lg-32 { padding-bottom: 6rem !important } .pl-lg-32, .px-lg-32 { padding-left: 6rem !important } .m-lg-n1 { margin: -.25rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important } .m-lg-n2 { margin: -.45rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -.45rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.45rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.45rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.45rem !important } .m-lg-n3 { margin: -.65rem !important } .mt-lg-n3, .my-lg-n3 { margin-top: -.65rem !important } .mr-lg-n3, .mx-lg-n3 { margin-right: -.65rem !important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -.65rem !important } .ml-lg-n3, .mx-lg-n3 { margin-left: -.65rem !important } .m-lg-n4 { margin: -.85rem !important } .mt-lg-n4, .my-lg-n4 { margin-top: -.85rem !important } .mr-lg-n4, .mx-lg-n4 { margin-right: -.85rem !important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -.85rem !important } .ml-lg-n4, .mx-lg-n4 { margin-left: -.85rem !important } .m-lg-n5 { margin: -.95rem !important } .mt-lg-n5, .my-lg-n5 { margin-top: -.95rem !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -.95rem !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -.95rem !important } .ml-lg-n5, .mx-lg-n5 { margin-left: -.95rem !important } .m-lg-n6 { margin: -1rem !important } .mt-lg-n6, .my-lg-n6 { margin-top: -1rem !important } .mr-lg-n6, .mx-lg-n6 { margin-right: -1rem !important } .mb-lg-n6, .my-lg-n6 { margin-bottom: -1rem !important } .ml-lg-n6, .mx-lg-n6 { margin-left: -1rem !important } .m-lg-n7 { margin: -1.5rem !important } .mt-lg-n7, .my-lg-n7 { margin-top: -1.5rem !important } .mr-lg-n7, .mx-lg-n7 { margin-right: -1.5rem !important } .mb-lg-n7, .my-lg-n7 { margin-bottom: -1.5rem !important } .ml-lg-n7, .mx-lg-n7 { margin-left: -1.5rem !important } .m-lg-n8 { margin: -1.25rem !important } .mt-lg-n8, .my-lg-n8 { margin-top: -1.25rem !important } .mr-lg-n8, .mx-lg-n8 { margin-right: -1.25rem !important } .mb-lg-n8, .my-lg-n8 { margin-bottom: -1.25rem !important } .ml-lg-n8, .mx-lg-n8 { margin-left: -1.25rem !important } .m-lg-n9 { margin: -1.45rem !important } .mt-lg-n9, .my-lg-n9 { margin-top: -1.45rem !important } .mr-lg-n9, .mx-lg-n9 { margin-right: -1.45rem !important } .mb-lg-n9, .my-lg-n9 { margin-bottom: -1.45rem !important } .ml-lg-n9, .mx-lg-n9 { margin-left: -1.45rem !important } .m-lg-n10 { margin: -1.65rem !important } .mt-lg-n10, .my-lg-n10 { margin-top: -1.65rem !important } .mr-lg-n10, .mx-lg-n10 { margin-right: -1.65rem !important } .mb-lg-n10, .my-lg-n10 { margin-bottom: -1.65rem !important } .ml-lg-n10, .mx-lg-n10 { margin-left: -1.65rem !important } .m-lg-n11 { margin: -1.85rem !important } .mt-lg-n11, .my-lg-n11 { margin-top: -1.85rem !important } .mr-lg-n11, .mx-lg-n11 { margin-right: -1.85rem !important } .mb-lg-n11, .my-lg-n11 { margin-bottom: -1.85rem !important } .ml-lg-n11, .mx-lg-n11 { margin-left: -1.85rem !important } .m-lg-n12 { margin: -2rem !important } .mt-lg-n12, .my-lg-n12 { margin-top: -2rem !important } .mr-lg-n12, .mx-lg-n12 { margin-right: -2rem !important } .mb-lg-n12, .my-lg-n12 { margin-bottom: -2rem !important } .ml-lg-n12, .mx-lg-n12 { margin-left: -2rem !important } .m-lg-n13 { margin: -2.25rem !important } .mt-lg-n13, .my-lg-n13 { margin-top: -2.25rem !important } .mr-lg-n13, .mx-lg-n13 { margin-right: -2.25rem !important } .mb-lg-n13, .my-lg-n13 { margin-bottom: -2.25rem !important } .ml-lg-n13, .mx-lg-n13 { margin-left: -2.25rem !important } .m-lg-n14 { margin: -2.45rem !important } .mt-lg-n14, .my-lg-n14 { margin-top: -2.45rem !important } .mr-lg-n14, .mx-lg-n14 { margin-right: -2.45rem !important } .mb-lg-n14, .my-lg-n14 { margin-bottom: -2.45rem !important } .ml-lg-n14, .mx-lg-n14 { margin-left: -2.45rem !important } .m-lg-n15 { margin: -2.65rem !important } .mt-lg-n15, .my-lg-n15 { margin-top: -2.65rem !important } .mr-lg-n15, .mx-lg-n15 { margin-right: -2.65rem !important } .mb-lg-n15, .my-lg-n15 { margin-bottom: -2.65rem !important } .ml-lg-n15, .mx-lg-n15 { margin-left: -2.65rem !important } .m-lg-n16 { margin: -2.85rem !important } .mt-lg-n16, .my-lg-n16 { margin-top: -2.85rem !important } .mr-lg-n16, .mx-lg-n16 { margin-right: -2.85rem !important } .mb-lg-n16, .my-lg-n16 { margin-bottom: -2.85rem !important } .ml-lg-n16, .mx-lg-n16 { margin-left: -2.85rem !important } .m-lg-n17 { margin: -3rem !important } .mt-lg-n17, .my-lg-n17 { margin-top: -3rem !important } .mr-lg-n17, .mx-lg-n17 { margin-right: -3rem !important } .mb-lg-n17, .my-lg-n17 { margin-bottom: -3rem !important } .ml-lg-n17, .mx-lg-n17 { margin-left: -3rem !important } .m-lg-n18 { margin: -3.25rem !important } .mt-lg-n18, .my-lg-n18 { margin-top: -3.25rem !important } .mr-lg-n18, .mx-lg-n18 { margin-right: -3.25rem !important } .mb-lg-n18, .my-lg-n18 { margin-bottom: -3.25rem !important } .ml-lg-n18, .mx-lg-n18 { margin-left: -3.25rem !important } .m-lg-n19 { margin: -3.45rem !important } .mt-lg-n19, .my-lg-n19 { margin-top: -3.45rem !important } .mr-lg-n19, .mx-lg-n19 { margin-right: -3.45rem !important } .mb-lg-n19, .my-lg-n19 { margin-bottom: -3.45rem !important } .ml-lg-n19, .mx-lg-n19 { margin-left: -3.45rem !important } .m-lg-n20 { margin: -3.65rem !important } .mt-lg-n20, .my-lg-n20 { margin-top: -3.65rem !important } .mr-lg-n20, .mx-lg-n20 { margin-right: -3.65rem !important } .mb-lg-n20, .my-lg-n20 { margin-bottom: -3.65rem !important } .ml-lg-n20, .mx-lg-n20 { margin-left: -3.65rem !important } .m-lg-n21 { margin: -3.85rem !important } .mt-lg-n21, .my-lg-n21 { margin-top: -3.85rem !important } .mr-lg-n21, .mx-lg-n21 { margin-right: -3.85rem !important } .mb-lg-n21, .my-lg-n21 { margin-bottom: -3.85rem !important } .ml-lg-n21, .mx-lg-n21 { margin-left: -3.85rem !important } .m-lg-n22 { margin: -4rem !important } .mt-lg-n22, .my-lg-n22 { margin-top: -4rem !important } .mr-lg-n22, .mx-lg-n22 { margin-right: -4rem !important } .mb-lg-n22, .my-lg-n22 { margin-bottom: -4rem !important } .ml-lg-n22, .mx-lg-n22 { margin-left: -4rem !important } .m-lg-n23 { margin: -4.25rem !important } .mt-lg-n23, .my-lg-n23 { margin-top: -4.25rem !important } .mr-lg-n23, .mx-lg-n23 { margin-right: -4.25rem !important } .mb-lg-n23, .my-lg-n23 { margin-bottom: -4.25rem !important } .ml-lg-n23, .mx-lg-n23 { margin-left: -4.25rem !important } .m-lg-n24 { margin: -5.45rem !important } .mt-lg-n24, .my-lg-n24 { margin-top: -5.45rem !important } .mr-lg-n24, .mx-lg-n24 { margin-right: -5.45rem !important } .mb-lg-n24, .my-lg-n24 { margin-bottom: -5.45rem !important } .ml-lg-n24, .mx-lg-n24 { margin-left: -5.45rem !important } .m-lg-n25 { margin: -4.65rem !important } .mt-lg-n25, .my-lg-n25 { margin-top: -4.65rem !important } .mr-lg-n25, .mx-lg-n25 { margin-right: -4.65rem !important } .mb-lg-n25, .my-lg-n25 { margin-bottom: -4.65rem !important } .ml-lg-n25, .mx-lg-n25 { margin-left: -4.65rem !important } .m-lg-n26 { margin: -4.85rem !important } .mt-lg-n26, .my-lg-n26 { margin-top: -4.85rem !important } .mr-lg-n26, .mx-lg-n26 { margin-right: -4.85rem !important } .mb-lg-n26, .my-lg-n26 { margin-bottom: -4.85rem !important } .ml-lg-n26, .mx-lg-n26 { margin-left: -4.85rem !important } .m-lg-n27 { margin: -4rem !important } .mt-lg-n27, .my-lg-n27 { margin-top: -4rem !important } .mr-lg-n27, .mx-lg-n27 { margin-right: -4rem !important } .mb-lg-n27, .my-lg-n27 { margin-bottom: -4rem !important } .ml-lg-n27, .mx-lg-n27 { margin-left: -4rem !important } .m-lg-n28 { margin: -5.25rem !important } .mt-lg-n28, .my-lg-n28 { margin-top: -5.25rem !important } .mr-lg-n28, .mx-lg-n28 { margin-right: -5.25rem !important } .mb-lg-n28, .my-lg-n28 { margin-bottom: -5.25rem !important } .ml-lg-n28, .mx-lg-n28 { margin-left: -5.25rem !important } .m-lg-n29 { margin: -5.45rem !important } .mt-lg-n29, .my-lg-n29 { margin-top: -5.45rem !important } .mr-lg-n29, .mx-lg-n29 { margin-right: -5.45rem !important } .mb-lg-n29, .my-lg-n29 { margin-bottom: -5.45rem !important } .ml-lg-n29, .mx-lg-n29 { margin-left: -5.45rem !important } .m-lg-n30 { margin: -5.65rem !important } .mt-lg-n30, .my-lg-n30 { margin-top: -5.65rem !important } .mr-lg-n30, .mx-lg-n30 { margin-right: -5.65rem !important } .mb-lg-n30, .my-lg-n30 { margin-bottom: -5.65rem !important } .ml-lg-n30, .mx-lg-n30 { margin-left: -5.65rem !important } .m-lg-n31 { margin: -5.85rem !important } .mt-lg-n31, .my-lg-n31 { margin-top: -5.85rem !important } .mr-lg-n31, .mx-lg-n31 { margin-right: -5.85rem !important } .mb-lg-n31, .my-lg-n31 { margin-bottom: -5.85rem !important } .ml-lg-n31, .mx-lg-n31 { margin-left: -5.85rem !important } .m-lg-n32 { margin: -6rem !important } .mt-lg-n32, .my-lg-n32 { margin-top: -6rem !important } .mr-lg-n32, .mx-lg-n32 { margin-right: -6rem !important } .mb-lg-n32, .my-lg-n32 { margin-bottom: -6rem !important } .ml-lg-n32, .mx-lg-n32 { margin-left: -6rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .45rem !important } .mt-xl-2, .my-xl-2 { margin-top: .45rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .45rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .45rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .45rem !important } .m-xl-3 { margin: .65rem !important } .mt-xl-3, .my-xl-3 { margin-top: .65rem !important } .mr-xl-3, .mx-xl-3 { margin-right: .65rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: .65rem !important } .ml-xl-3, .mx-xl-3 { margin-left: .65rem !important } .m-xl-4 { margin: .85rem !important } .mt-xl-4, .my-xl-4 { margin-top: .85rem !important } .mr-xl-4, .mx-xl-4 { margin-right: .85rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: .85rem !important } .ml-xl-4, .mx-xl-4 { margin-left: .85rem !important } .m-xl-5 { margin: .95rem !important } .mt-xl-5, .my-xl-5 { margin-top: .95rem !important } .mr-xl-5, .mx-xl-5 { margin-right: .95rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: .95rem !important } .ml-xl-5, .mx-xl-5 { margin-left: .95rem !important } .m-xl-6 { margin: 1rem !important } .mt-xl-6, .my-xl-6 { margin-top: 1rem !important } .mr-xl-6, .mx-xl-6 { margin-right: 1rem !important } .mb-xl-6, .my-xl-6 { margin-bottom: 1rem !important } .ml-xl-6, .mx-xl-6 { margin-left: 1rem !important } .m-xl-7 { margin: 1.5rem !important } .mt-xl-7, .my-xl-7 { margin-top: 1.5rem !important } .mr-xl-7, .mx-xl-7 { margin-right: 1.5rem !important } .mb-xl-7, .my-xl-7 { margin-bottom: 1.5rem !important } .ml-xl-7, .mx-xl-7 { margin-left: 1.5rem !important } .m-xl-8 { margin: 1.25rem !important } .mt-xl-8, .my-xl-8 { margin-top: 1.25rem !important } .mr-xl-8, .mx-xl-8 { margin-right: 1.25rem !important } .mb-xl-8, .my-xl-8 { margin-bottom: 1.25rem !important } .ml-xl-8, .mx-xl-8 { margin-left: 1.25rem !important } .m-xl-9 { margin: 1.45rem !important } .mt-xl-9, .my-xl-9 { margin-top: 1.45rem !important } .mr-xl-9, .mx-xl-9 { margin-right: 1.45rem !important } .mb-xl-9, .my-xl-9 { margin-bottom: 1.45rem !important } .ml-xl-9, .mx-xl-9 { margin-left: 1.45rem !important } .m-xl-10 { margin: 1.65rem !important } .mt-xl-10, .my-xl-10 { margin-top: 1.65rem !important } .mr-xl-10, .mx-xl-10 { margin-right: 1.65rem !important } .mb-xl-10, .my-xl-10 { margin-bottom: 1.65rem !important } .ml-xl-10, .mx-xl-10 { margin-left: 1.65rem !important } .m-xl-11 { margin: 1.85rem !important } .mt-xl-11, .my-xl-11 { margin-top: 1.85rem !important } .mr-xl-11, .mx-xl-11 { margin-right: 1.85rem !important } .mb-xl-11, .my-xl-11 { margin-bottom: 1.85rem !important } .ml-xl-11, .mx-xl-11 { margin-left: 1.85rem !important } .m-xl-12 { margin: 2rem !important } .mt-xl-12, .my-xl-12 { margin-top: 2rem !important } .mr-xl-12, .mx-xl-12 { margin-right: 2rem !important } .mb-xl-12, .my-xl-12 { margin-bottom: 2rem !important } .ml-xl-12, .mx-xl-12 { margin-left: 2rem !important } .m-xl-13 { margin: 2.25rem !important } .mt-xl-13, .my-xl-13 { margin-top: 2.25rem !important } .mr-xl-13, .mx-xl-13 { margin-right: 2.25rem !important } .mb-xl-13, .my-xl-13 { margin-bottom: 2.25rem !important } .ml-xl-13, .mx-xl-13 { margin-left: 2.25rem !important } .m-xl-14 { margin: 2.45rem !important } .mt-xl-14, .my-xl-14 { margin-top: 2.45rem !important } .mr-xl-14, .mx-xl-14 { margin-right: 2.45rem !important } .mb-xl-14, .my-xl-14 { margin-bottom: 2.45rem !important } .ml-xl-14, .mx-xl-14 { margin-left: 2.45rem !important } .m-xl-15 { margin: 2.65rem !important } .mt-xl-15, .my-xl-15 { margin-top: 2.65rem !important } .mr-xl-15, .mx-xl-15 { margin-right: 2.65rem !important } .mb-xl-15, .my-xl-15 { margin-bottom: 2.65rem !important } .ml-xl-15, .mx-xl-15 { margin-left: 2.65rem !important } .m-xl-16 { margin: 2.85rem !important } .mt-xl-16, .my-xl-16 { margin-top: 2.85rem !important } .mr-xl-16, .mx-xl-16 { margin-right: 2.85rem !important } .mb-xl-16, .my-xl-16 { margin-bottom: 2.85rem !important } .ml-xl-16, .mx-xl-16 { margin-left: 2.85rem !important } .m-xl-17 { margin: 3rem !important } .mt-xl-17, .my-xl-17 { margin-top: 3rem !important } .mr-xl-17, .mx-xl-17 { margin-right: 3rem !important } .mb-xl-17, .my-xl-17 { margin-bottom: 3rem !important } .ml-xl-17, .mx-xl-17 { margin-left: 3rem !important } .m-xl-18 { margin: 3.25rem !important } .mt-xl-18, .my-xl-18 { margin-top: 3.25rem !important } .mr-xl-18, .mx-xl-18 { margin-right: 3.25rem !important } .mb-xl-18, .my-xl-18 { margin-bottom: 3.25rem !important } .ml-xl-18, .mx-xl-18 { margin-left: 3.25rem !important } .m-xl-19 { margin: 3.45rem !important } .mt-xl-19, .my-xl-19 { margin-top: 3.45rem !important } .mr-xl-19, .mx-xl-19 { margin-right: 3.45rem !important } .mb-xl-19, .my-xl-19 { margin-bottom: 3.45rem !important } .ml-xl-19, .mx-xl-19 { margin-left: 3.45rem !important } .m-xl-20 { margin: 3.65rem !important } .mt-xl-20, .my-xl-20 { margin-top: 3.65rem !important } .mr-xl-20, .mx-xl-20 { margin-right: 3.65rem !important } .mb-xl-20, .my-xl-20 { margin-bottom: 3.65rem !important } .ml-xl-20, .mx-xl-20 { margin-left: 3.65rem !important } .m-xl-21 { margin: 3.85rem !important } .mt-xl-21, .my-xl-21 { margin-top: 3.85rem !important } .mr-xl-21, .mx-xl-21 { margin-right: 3.85rem !important } .mb-xl-21, .my-xl-21 { margin-bottom: 3.85rem !important } .ml-xl-21, .mx-xl-21 { margin-left: 3.85rem !important } .m-xl-22 { margin: 4rem !important } .mt-xl-22, .my-xl-22 { margin-top: 4rem !important } .mr-xl-22, .mx-xl-22 { margin-right: 4rem !important } .mb-xl-22, .my-xl-22 { margin-bottom: 4rem !important } .ml-xl-22, .mx-xl-22 { margin-left: 4rem !important } .m-xl-23 { margin: 4.25rem !important } .mt-xl-23, .my-xl-23 { margin-top: 4.25rem !important } .mr-xl-23, .mx-xl-23 { margin-right: 4.25rem !important } .mb-xl-23, .my-xl-23 { margin-bottom: 4.25rem !important } .ml-xl-23, .mx-xl-23 { margin-left: 4.25rem !important } .m-xl-24 { margin: 5.45rem !important } .mt-xl-24, .my-xl-24 { margin-top: 5.45rem !important } .mr-xl-24, .mx-xl-24 { margin-right: 5.45rem !important } .mb-xl-24, .my-xl-24 { margin-bottom: 5.45rem !important } .ml-xl-24, .mx-xl-24 { margin-left: 5.45rem !important } .m-xl-25 { margin: 4.65rem !important } .mt-xl-25, .my-xl-25 { margin-top: 4.65rem !important } .mr-xl-25, .mx-xl-25 { margin-right: 4.65rem !important } .mb-xl-25, .my-xl-25 { margin-bottom: 4.65rem !important } .ml-xl-25, .mx-xl-25 { margin-left: 4.65rem !important } .m-xl-26 { margin: 4.85rem !important } .mt-xl-26, .my-xl-26 { margin-top: 4.85rem !important } .mr-xl-26, .mx-xl-26 { margin-right: 4.85rem !important } .mb-xl-26, .my-xl-26 { margin-bottom: 4.85rem !important } .ml-xl-26, .mx-xl-26 { margin-left: 4.85rem !important } .m-xl-27 { margin: 4rem !important } .mt-xl-27, .my-xl-27 { margin-top: 4rem !important } .mr-xl-27, .mx-xl-27 { margin-right: 4rem !important } .mb-xl-27, .my-xl-27 { margin-bottom: 4rem !important } .ml-xl-27, .mx-xl-27 { margin-left: 4rem !important } .m-xl-28 { margin: 5.25rem !important } .mt-xl-28, .my-xl-28 { margin-top: 5.25rem !important } .mr-xl-28, .mx-xl-28 { margin-right: 5.25rem !important } .mb-xl-28, .my-xl-28 { margin-bottom: 5.25rem !important } .ml-xl-28, .mx-xl-28 { margin-left: 5.25rem !important } .m-xl-29 { margin: 5.45rem !important } .mt-xl-29, .my-xl-29 { margin-top: 5.45rem !important } .mr-xl-29, .mx-xl-29 { margin-right: 5.45rem !important } .mb-xl-29, .my-xl-29 { margin-bottom: 5.45rem !important } .ml-xl-29, .mx-xl-29 { margin-left: 5.45rem !important } .m-xl-30 { margin: 5.65rem !important } .mt-xl-30, .my-xl-30 { margin-top: 5.65rem !important } .mr-xl-30, .mx-xl-30 { margin-right: 5.65rem !important } .mb-xl-30, .my-xl-30 { margin-bottom: 5.65rem !important } .ml-xl-30, .mx-xl-30 { margin-left: 5.65rem !important } .m-xl-31 { margin: 5.85rem !important } .mt-xl-31, .my-xl-31 { margin-top: 5.85rem !important } .mr-xl-31, .mx-xl-31 { margin-right: 5.85rem !important } .mb-xl-31, .my-xl-31 { margin-bottom: 5.85rem !important } .ml-xl-31, .mx-xl-31 { margin-left: 5.85rem !important } .m-xl-32 { margin: 6rem !important } .mt-xl-32, .my-xl-32 { margin-top: 6rem !important } .mr-xl-32, .mx-xl-32 { margin-right: 6rem !important } .mb-xl-32, .my-xl-32 { margin-bottom: 6rem !important } .ml-xl-32, .mx-xl-32 { margin-left: 6rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .45rem !important } .pt-xl-2, .py-xl-2 { padding-top: .45rem !important } .pr-xl-2, .px-xl-2 { padding-right: .45rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .45rem !important } .pl-xl-2, .px-xl-2 { padding-left: .45rem !important } .p-xl-3 { padding: .65rem !important } .pt-xl-3, .py-xl-3 { padding-top: .65rem !important } .pr-xl-3, .px-xl-3 { padding-right: .65rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: .65rem !important } .pl-xl-3, .px-xl-3 { padding-left: .65rem !important } .p-xl-4 { padding: .85rem !important } .pt-xl-4, .py-xl-4 { padding-top: .85rem !important } .pr-xl-4, .px-xl-4 { padding-right: .85rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: .85rem !important } .pl-xl-4, .px-xl-4 { padding-left: .85rem !important } .p-xl-5 { padding: .95rem !important } .pt-xl-5, .py-xl-5 { padding-top: .95rem !important } .pr-xl-5, .px-xl-5 { padding-right: .95rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: .95rem !important } .pl-xl-5, .px-xl-5 { padding-left: .95rem !important } .p-xl-6 { padding: 1rem !important } .pt-xl-6, .py-xl-6 { padding-top: 1rem !important } .pr-xl-6, .px-xl-6 { padding-right: 1rem !important } .pb-xl-6, .py-xl-6 { padding-bottom: 1rem !important } .pl-xl-6, .px-xl-6 { padding-left: 1rem !important } .p-xl-7 { padding: 1.5rem !important } .pt-xl-7, .py-xl-7 { padding-top: 1.5rem !important } .pr-xl-7, .px-xl-7 { padding-right: 1.5rem !important } .pb-xl-7, .py-xl-7 { padding-bottom: 1.5rem !important } .pl-xl-7, .px-xl-7 { padding-left: 1.5rem !important } .p-xl-8 { padding: 1.25rem !important } .pt-xl-8, .py-xl-8 { padding-top: 1.25rem !important } .pr-xl-8, .px-xl-8 { padding-right: 1.25rem !important } .pb-xl-8, .py-xl-8 { padding-bottom: 1.25rem !important } .pl-xl-8, .px-xl-8 { padding-left: 1.25rem !important } .p-xl-9 { padding: 1.45rem !important } .pt-xl-9, .py-xl-9 { padding-top: 1.45rem !important } .pr-xl-9, .px-xl-9 { padding-right: 1.45rem !important } .pb-xl-9, .py-xl-9 { padding-bottom: 1.45rem !important } .pl-xl-9, .px-xl-9 { padding-left: 1.45rem !important } .p-xl-10 { padding: 1.65rem !important } .pt-xl-10, .py-xl-10 { padding-top: 1.65rem !important } .pr-xl-10, .px-xl-10 { padding-right: 1.65rem !important } .pb-xl-10, .py-xl-10 { padding-bottom: 1.65rem !important } .pl-xl-10, .px-xl-10 { padding-left: 1.65rem !important } .p-xl-11 { padding: 1.85rem !important } .pt-xl-11, .py-xl-11 { padding-top: 1.85rem !important } .pr-xl-11, .px-xl-11 { padding-right: 1.85rem !important } .pb-xl-11, .py-xl-11 { padding-bottom: 1.85rem !important } .pl-xl-11, .px-xl-11 { padding-left: 1.85rem !important } .p-xl-12 { padding: 2rem !important } .pt-xl-12, .py-xl-12 { padding-top: 2rem !important } .pr-xl-12, .px-xl-12 { padding-right: 2rem !important } .pb-xl-12, .py-xl-12 { padding-bottom: 2rem !important } .pl-xl-12, .px-xl-12 { padding-left: 2rem !important } .p-xl-13 { padding: 2.25rem !important } .pt-xl-13, .py-xl-13 { padding-top: 2.25rem !important } .pr-xl-13, .px-xl-13 { padding-right: 2.25rem !important } .pb-xl-13, .py-xl-13 { padding-bottom: 2.25rem !important } .pl-xl-13, .px-xl-13 { padding-left: 2.25rem !important } .p-xl-14 { padding: 2.45rem !important } .pt-xl-14, .py-xl-14 { padding-top: 2.45rem !important } .pr-xl-14, .px-xl-14 { padding-right: 2.45rem !important } .pb-xl-14, .py-xl-14 { padding-bottom: 2.45rem !important } .pl-xl-14, .px-xl-14 { padding-left: 2.45rem !important } .p-xl-15 { padding: 2.65rem !important } .pt-xl-15, .py-xl-15 { padding-top: 2.65rem !important } .pr-xl-15, .px-xl-15 { padding-right: 2.65rem !important } .pb-xl-15, .py-xl-15 { padding-bottom: 2.65rem !important } .pl-xl-15, .px-xl-15 { padding-left: 2.65rem !important } .p-xl-16 { padding: 2.85rem !important } .pt-xl-16, .py-xl-16 { padding-top: 2.85rem !important } .pr-xl-16, .px-xl-16 { padding-right: 2.85rem !important } .pb-xl-16, .py-xl-16 { padding-bottom: 2.85rem !important } .pl-xl-16, .px-xl-16 { padding-left: 2.85rem !important } .p-xl-17 { padding: 3rem !important } .pt-xl-17, .py-xl-17 { padding-top: 3rem !important } .pr-xl-17, .px-xl-17 { padding-right: 3rem !important } .pb-xl-17, .py-xl-17 { padding-bottom: 3rem !important } .pl-xl-17, .px-xl-17 { padding-left: 3rem !important } .p-xl-18 { padding: 3.25rem !important } .pt-xl-18, .py-xl-18 { padding-top: 3.25rem !important } .pr-xl-18, .px-xl-18 { padding-right: 3.25rem !important } .pb-xl-18, .py-xl-18 { padding-bottom: 3.25rem !important } .pl-xl-18, .px-xl-18 { padding-left: 3.25rem !important } .p-xl-19 { padding: 3.45rem !important } .pt-xl-19, .py-xl-19 { padding-top: 3.45rem !important } .pr-xl-19, .px-xl-19 { padding-right: 3.45rem !important } .pb-xl-19, .py-xl-19 { padding-bottom: 3.45rem !important } .pl-xl-19, .px-xl-19 { padding-left: 3.45rem !important } .p-xl-20 { padding: 3.65rem !important } .pt-xl-20, .py-xl-20 { padding-top: 3.65rem !important } .pr-xl-20, .px-xl-20 { padding-right: 3.65rem !important } .pb-xl-20, .py-xl-20 { padding-bottom: 3.65rem !important } .pl-xl-20, .px-xl-20 { padding-left: 3.65rem !important } .p-xl-21 { padding: 3.85rem !important } .pt-xl-21, .py-xl-21 { padding-top: 3.85rem !important } .pr-xl-21, .px-xl-21 { padding-right: 3.85rem !important } .pb-xl-21, .py-xl-21 { padding-bottom: 3.85rem !important } .pl-xl-21, .px-xl-21 { padding-left: 3.85rem !important } .p-xl-22 { padding: 4rem !important } .pt-xl-22, .py-xl-22 { padding-top: 4rem !important } .pr-xl-22, .px-xl-22 { padding-right: 4rem !important } .pb-xl-22, .py-xl-22 { padding-bottom: 4rem !important } .pl-xl-22, .px-xl-22 { padding-left: 4rem !important } .p-xl-23 { padding: 4.25rem !important } .pt-xl-23, .py-xl-23 { padding-top: 4.25rem !important } .pr-xl-23, .px-xl-23 { padding-right: 4.25rem !important } .pb-xl-23, .py-xl-23 { padding-bottom: 4.25rem !important } .pl-xl-23, .px-xl-23 { padding-left: 4.25rem !important } .p-xl-24 { padding: 5.45rem !important } .pt-xl-24, .py-xl-24 { padding-top: 5.45rem !important } .pr-xl-24, .px-xl-24 { padding-right: 5.45rem !important } .pb-xl-24, .py-xl-24 { padding-bottom: 5.45rem !important } .pl-xl-24, .px-xl-24 { padding-left: 5.45rem !important } .p-xl-25 { padding: 4.65rem !important } .pt-xl-25, .py-xl-25 { padding-top: 4.65rem !important } .pr-xl-25, .px-xl-25 { padding-right: 4.65rem !important } .pb-xl-25, .py-xl-25 { padding-bottom: 4.65rem !important } .pl-xl-25, .px-xl-25 { padding-left: 4.65rem !important } .p-xl-26 { padding: 4.85rem !important } .pt-xl-26, .py-xl-26 { padding-top: 4.85rem !important } .pr-xl-26, .px-xl-26 { padding-right: 4.85rem !important } .pb-xl-26, .py-xl-26 { padding-bottom: 4.85rem !important } .pl-xl-26, .px-xl-26 { padding-left: 4.85rem !important } .p-xl-27 { padding: 4rem !important } .pt-xl-27, .py-xl-27 { padding-top: 4rem !important } .pr-xl-27, .px-xl-27 { padding-right: 4rem !important } .pb-xl-27, .py-xl-27 { padding-bottom: 4rem !important } .pl-xl-27, .px-xl-27 { padding-left: 4rem !important } .p-xl-28 { padding: 5.25rem !important } .pt-xl-28, .py-xl-28 { padding-top: 5.25rem !important } .pr-xl-28, .px-xl-28 { padding-right: 5.25rem !important } .pb-xl-28, .py-xl-28 { padding-bottom: 5.25rem !important } .pl-xl-28, .px-xl-28 { padding-left: 5.25rem !important } .p-xl-29 { padding: 5.45rem !important } .pt-xl-29, .py-xl-29 { padding-top: 5.45rem !important } .pr-xl-29, .px-xl-29 { padding-right: 5.45rem !important } .pb-xl-29, .py-xl-29 { padding-bottom: 5.45rem !important } .pl-xl-29, .px-xl-29 { padding-left: 5.45rem !important } .p-xl-30 { padding: 5.65rem !important } .pt-xl-30, .py-xl-30 { padding-top: 5.65rem !important } .pr-xl-30, .px-xl-30 { padding-right: 5.65rem !important } .pb-xl-30, .py-xl-30 { padding-bottom: 5.65rem !important } .pl-xl-30, .px-xl-30 { padding-left: 5.65rem !important } .p-xl-31 { padding: 5.85rem !important } .pt-xl-31, .py-xl-31 { padding-top: 5.85rem !important } .pr-xl-31, .px-xl-31 { padding-right: 5.85rem !important } .pb-xl-31, .py-xl-31 { padding-bottom: 5.85rem !important } .pl-xl-31, .px-xl-31 { padding-left: 5.85rem !important } .p-xl-32 { padding: 6rem !important } .pt-xl-32, .py-xl-32 { padding-top: 6rem !important } .pr-xl-32, .px-xl-32 { padding-right: 6rem !important } .pb-xl-32, .py-xl-32 { padding-bottom: 6rem !important } .pl-xl-32, .px-xl-32 { padding-left: 6rem !important } .m-xl-n1 { margin: -.25rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important } .m-xl-n2 { margin: -.45rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -.45rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.45rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.45rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.45rem !important } .m-xl-n3 { margin: -.65rem !important } .mt-xl-n3, .my-xl-n3 { margin-top: -.65rem !important } .mr-xl-n3, .mx-xl-n3 { margin-right: -.65rem !important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -.65rem !important } .ml-xl-n3, .mx-xl-n3 { margin-left: -.65rem !important } .m-xl-n4 { margin: -.85rem !important } .mt-xl-n4, .my-xl-n4 { margin-top: -.85rem !important } .mr-xl-n4, .mx-xl-n4 { margin-right: -.85rem !important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -.85rem !important } .ml-xl-n4, .mx-xl-n4 { margin-left: -.85rem !important } .m-xl-n5 { margin: -.95rem !important } .mt-xl-n5, .my-xl-n5 { margin-top: -.95rem !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -.95rem !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -.95rem !important } .ml-xl-n5, .mx-xl-n5 { margin-left: -.95rem !important } .m-xl-n6 { margin: -1rem !important } .mt-xl-n6, .my-xl-n6 { margin-top: -1rem !important } .mr-xl-n6, .mx-xl-n6 { margin-right: -1rem !important } .mb-xl-n6, .my-xl-n6 { margin-bottom: -1rem !important } .ml-xl-n6, .mx-xl-n6 { margin-left: -1rem !important } .m-xl-n7 { margin: -1.5rem !important } .mt-xl-n7, .my-xl-n7 { margin-top: -1.5rem !important } .mr-xl-n7, .mx-xl-n7 { margin-right: -1.5rem !important } .mb-xl-n7, .my-xl-n7 { margin-bottom: -1.5rem !important } .ml-xl-n7, .mx-xl-n7 { margin-left: -1.5rem !important } .m-xl-n8 { margin: -1.25rem !important } .mt-xl-n8, .my-xl-n8 { margin-top: -1.25rem !important } .mr-xl-n8, .mx-xl-n8 { margin-right: -1.25rem !important } .mb-xl-n8, .my-xl-n8 { margin-bottom: -1.25rem !important } .ml-xl-n8, .mx-xl-n8 { margin-left: -1.25rem !important } .m-xl-n9 { margin: -1.45rem !important } .mt-xl-n9, .my-xl-n9 { margin-top: -1.45rem !important } .mr-xl-n9, .mx-xl-n9 { margin-right: -1.45rem !important } .mb-xl-n9, .my-xl-n9 { margin-bottom: -1.45rem !important } .ml-xl-n9, .mx-xl-n9 { margin-left: -1.45rem !important } .m-xl-n10 { margin: -1.65rem !important } .mt-xl-n10, .my-xl-n10 { margin-top: -1.65rem !important } .mr-xl-n10, .mx-xl-n10 { margin-right: -1.65rem !important } .mb-xl-n10, .my-xl-n10 { margin-bottom: -1.65rem !important } .ml-xl-n10, .mx-xl-n10 { margin-left: -1.65rem !important } .m-xl-n11 { margin: -1.85rem !important } .mt-xl-n11, .my-xl-n11 { margin-top: -1.85rem !important } .mr-xl-n11, .mx-xl-n11 { margin-right: -1.85rem !important } .mb-xl-n11, .my-xl-n11 { margin-bottom: -1.85rem !important } .ml-xl-n11, .mx-xl-n11 { margin-left: -1.85rem !important } .m-xl-n12 { margin: -2rem !important } .mt-xl-n12, .my-xl-n12 { margin-top: -2rem !important } .mr-xl-n12, .mx-xl-n12 { margin-right: -2rem !important } .mb-xl-n12, .my-xl-n12 { margin-bottom: -2rem !important } .ml-xl-n12, .mx-xl-n12 { margin-left: -2rem !important } .m-xl-n13 { margin: -2.25rem !important } .mt-xl-n13, .my-xl-n13 { margin-top: -2.25rem !important } .mr-xl-n13, .mx-xl-n13 { margin-right: -2.25rem !important } .mb-xl-n13, .my-xl-n13 { margin-bottom: -2.25rem !important } .ml-xl-n13, .mx-xl-n13 { margin-left: -2.25rem !important } .m-xl-n14 { margin: -2.45rem !important } .mt-xl-n14, .my-xl-n14 { margin-top: -2.45rem !important } .mr-xl-n14, .mx-xl-n14 { margin-right: -2.45rem !important } .mb-xl-n14, .my-xl-n14 { margin-bottom: -2.45rem !important } .ml-xl-n14, .mx-xl-n14 { margin-left: -2.45rem !important } .m-xl-n15 { margin: -2.65rem !important } .mt-xl-n15, .my-xl-n15 { margin-top: -2.65rem !important } .mr-xl-n15, .mx-xl-n15 { margin-right: -2.65rem !important } .mb-xl-n15, .my-xl-n15 { margin-bottom: -2.65rem !important } .ml-xl-n15, .mx-xl-n15 { margin-left: -2.65rem !important } .m-xl-n16 { margin: -2.85rem !important } .mt-xl-n16, .my-xl-n16 { margin-top: -2.85rem !important } .mr-xl-n16, .mx-xl-n16 { margin-right: -2.85rem !important } .mb-xl-n16, .my-xl-n16 { margin-bottom: -2.85rem !important } .ml-xl-n16, .mx-xl-n16 { margin-left: -2.85rem !important } .m-xl-n17 { margin: -3rem !important } .mt-xl-n17, .my-xl-n17 { margin-top: -3rem !important } .mr-xl-n17, .mx-xl-n17 { margin-right: -3rem !important } .mb-xl-n17, .my-xl-n17 { margin-bottom: -3rem !important } .ml-xl-n17, .mx-xl-n17 { margin-left: -3rem !important } .m-xl-n18 { margin: -3.25rem !important } .mt-xl-n18, .my-xl-n18 { margin-top: -3.25rem !important } .mr-xl-n18, .mx-xl-n18 { margin-right: -3.25rem !important } .mb-xl-n18, .my-xl-n18 { margin-bottom: -3.25rem !important } .ml-xl-n18, .mx-xl-n18 { margin-left: -3.25rem !important } .m-xl-n19 { margin: -3.45rem !important } .mt-xl-n19, .my-xl-n19 { margin-top: -3.45rem !important } .mr-xl-n19, .mx-xl-n19 { margin-right: -3.45rem !important } .mb-xl-n19, .my-xl-n19 { margin-bottom: -3.45rem !important } .ml-xl-n19, .mx-xl-n19 { margin-left: -3.45rem !important } .m-xl-n20 { margin: -3.65rem !important } .mt-xl-n20, .my-xl-n20 { margin-top: -3.65rem !important } .mr-xl-n20, .mx-xl-n20 { margin-right: -3.65rem !important } .mb-xl-n20, .my-xl-n20 { margin-bottom: -3.65rem !important } .ml-xl-n20, .mx-xl-n20 { margin-left: -3.65rem !important } .m-xl-n21 { margin: -3.85rem !important } .mt-xl-n21, .my-xl-n21 { margin-top: -3.85rem !important } .mr-xl-n21, .mx-xl-n21 { margin-right: -3.85rem !important } .mb-xl-n21, .my-xl-n21 { margin-bottom: -3.85rem !important } .ml-xl-n21, .mx-xl-n21 { margin-left: -3.85rem !important } .m-xl-n22 { margin: -4rem !important } .mt-xl-n22, .my-xl-n22 { margin-top: -4rem !important } .mr-xl-n22, .mx-xl-n22 { margin-right: -4rem !important } .mb-xl-n22, .my-xl-n22 { margin-bottom: -4rem !important } .ml-xl-n22, .mx-xl-n22 { margin-left: -4rem !important } .m-xl-n23 { margin: -4.25rem !important } .mt-xl-n23, .my-xl-n23 { margin-top: -4.25rem !important } .mr-xl-n23, .mx-xl-n23 { margin-right: -4.25rem !important } .mb-xl-n23, .my-xl-n23 { margin-bottom: -4.25rem !important } .ml-xl-n23, .mx-xl-n23 { margin-left: -4.25rem !important } .m-xl-n24 { margin: -5.45rem !important } .mt-xl-n24, .my-xl-n24 { margin-top: -5.45rem !important } .mr-xl-n24, .mx-xl-n24 { margin-right: -5.45rem !important } .mb-xl-n24, .my-xl-n24 { margin-bottom: -5.45rem !important } .ml-xl-n24, .mx-xl-n24 { margin-left: -5.45rem !important } .m-xl-n25 { margin: -4.65rem !important } .mt-xl-n25, .my-xl-n25 { margin-top: -4.65rem !important } .mr-xl-n25, .mx-xl-n25 { margin-right: -4.65rem !important } .mb-xl-n25, .my-xl-n25 { margin-bottom: -4.65rem !important } .ml-xl-n25, .mx-xl-n25 { margin-left: -4.65rem !important } .m-xl-n26 { margin: -4.85rem !important } .mt-xl-n26, .my-xl-n26 { margin-top: -4.85rem !important } .mr-xl-n26, .mx-xl-n26 { margin-right: -4.85rem !important } .mb-xl-n26, .my-xl-n26 { margin-bottom: -4.85rem !important } .ml-xl-n26, .mx-xl-n26 { margin-left: -4.85rem !important } .m-xl-n27 { margin: -4rem !important } .mt-xl-n27, .my-xl-n27 { margin-top: -4rem !important } .mr-xl-n27, .mx-xl-n27 { margin-right: -4rem !important } .mb-xl-n27, .my-xl-n27 { margin-bottom: -4rem !important } .ml-xl-n27, .mx-xl-n27 { margin-left: -4rem !important } .m-xl-n28 { margin: -5.25rem !important } .mt-xl-n28, .my-xl-n28 { margin-top: -5.25rem !important } .mr-xl-n28, .mx-xl-n28 { margin-right: -5.25rem !important } .mb-xl-n28, .my-xl-n28 { margin-bottom: -5.25rem !important } .ml-xl-n28, .mx-xl-n28 { margin-left: -5.25rem !important } .m-xl-n29 { margin: -5.45rem !important } .mt-xl-n29, .my-xl-n29 { margin-top: -5.45rem !important } .mr-xl-n29, .mx-xl-n29 { margin-right: -5.45rem !important } .mb-xl-n29, .my-xl-n29 { margin-bottom: -5.45rem !important } .ml-xl-n29, .mx-xl-n29 { margin-left: -5.45rem !important } .m-xl-n30 { margin: -5.65rem !important } .mt-xl-n30, .my-xl-n30 { margin-top: -5.65rem !important } .mr-xl-n30, .mx-xl-n30 { margin-right: -5.65rem !important } .mb-xl-n30, .my-xl-n30 { margin-bottom: -5.65rem !important } .ml-xl-n30, .mx-xl-n30 { margin-left: -5.65rem !important } .m-xl-n31 { margin: -5.85rem !important } .mt-xl-n31, .my-xl-n31 { margin-top: -5.85rem !important } .mr-xl-n31, .mx-xl-n31 { margin-right: -5.85rem !important } .mb-xl-n31, .my-xl-n31 { margin-bottom: -5.85rem !important } .ml-xl-n31, .mx-xl-n31 { margin-left: -5.85rem !important } .m-xl-n32 { margin: -6rem !important } .mt-xl-n32, .my-xl-n32 { margin-top: -6rem !important } .mr-xl-n32, .mx-xl-n32 { margin-right: -6rem !important } .mb-xl-n32, .my-xl-n32 { margin-bottom: -6rem !important } .ml-xl-n32, .mx-xl-n32 { margin-left: -6rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } @media (min-width: 576px) { .text-sm-left { text-align: left !important } .text-sm-right { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width: 768px) { .text-md-left { text-align: left !important } .text-md-right { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width: 992px) { .text-lg-left { text-align: left !important } .text-lg-right { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-center { text-align: center !important } } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .font-weight-light { font-weight: 300 !important } .font-weight-lighter { font-weight: lighter !important } .font-weight-normal { font-weight: 400 !important } .font-weight-bold { font-weight: 700 !important } .font-weight-bolder { font-weight: bolder !important } .font-italic { font-style: italic !important } .text-white { color: #fff !important } .text-primary { color: #fc0 !important } a.text-primary:hover, a.text-primary:focus { color: #b38f00 !important } .text-secondary { color: #f93 !important } a.text-secondary:hover, a.text-secondary:focus { color: #e67300 !important } .text-success { color: #3cf !important } a.text-success:hover, a.text-success:focus { color: #00ace6 !important } .text-info { color: #66c !important } a.text-info:hover, a.text-info:focus { color: #3939ac !important } .text-warning { color: #fc0 !important } a.text-warning:hover, a.text-warning:focus { color: #b38f00 !important } .text-danger { color: #f36 !important } a.text-danger:hover, a.text-danger:focus { color: #e60039 !important } .text-theme-6 { color: #3cc !important } a.text-theme-6:hover, a.text-theme-6:focus { color: #248f8f !important } .text-light { color: #f8f9fa !important } a.text-light:hover, a.text-light:focus { color: #cbd3da !important } .text-dark { color: #343a40 !important; font-size: 12px !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important } .text-long-stay { color: #5cc8cb !important } a.text-long-stay:hover, a.text-long-stay:focus { color: #35a3a6 !important } .text-review-rating { color: #f39a3e !important } a.text-review-rating:hover, a.text-review-rating:focus { color: #d7740d !important } .text-body { color: #212529 !important } .text-muted { color: #6c757d !important } .text-black-50 { color: rgba(51, 51, 51, 0.5) !important } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .text-decoration-none { text-decoration: none !important } .text-break { word-break: break-word !important; overflow-wrap: break-word !important } .text-reset { color: inherit !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .badge { transition: none } } a.badge:hover, a.badge:focus { text-decoration: none } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem } .badge-primary { color: #212529; background-color: #fc0 } a.badge-primary:hover, a.badge-primary:focus { color: #212529; background-color: #cca300 } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.5) } .badge-secondary { color: #212529; background-color: #f93 } a.badge-secondary:hover, a.badge-secondary:focus { color: #212529; background-color: #ff8000 } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 153, 51, 0.5) } .badge-success { color: #212529; background-color: #3cf } a.badge-success:hover, a.badge-success:focus { color: #212529; background-color: #00bfff } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(51, 204, 255, 0.5) } .badge-info { color: #fff; background-color: #66c } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #4040bf } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(102, 102, 204, 0.5) } .badge-warning { color: #212529; background-color: #fc0 } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #cca300 } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.5) } .badge-danger { color: #fff; background-color: #f36 } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ff0040 } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 51, 102, 0.5) } .badge-theme-6 { color: #212529; background-color: #3cc } a.badge-theme-6:hover, a.badge-theme-6:focus { color: #212529; background-color: #29a3a3 } a.badge-theme-6:focus, a.badge-theme-6.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(51, 204, 204, 0.5) } .badge-light { color: #212529; background-color: #f8f9fa } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5 } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(248, 249, 250, 0.5) } .badge-dark { color: #fff; background-color: #343a40 } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124 } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5) } .badge-long-stay { color: #212529; background-color: #5cc8cb } a.badge-long-stay:hover, a.badge-long-stay:focus { color: #212529; background-color: #3bb6b9 } a.badge-long-stay:focus, a.badge-long-stay.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(92, 200, 203, 0.5) } .badge-review-rating { color: #212529; background-color: #f39a3e } a.badge-review-rating:hover, a.badge-review-rating:focus { color: #212529; background-color: #ef810f } a.badge-review-rating:focus, a.badge-review-rating.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(243, 154, 62, 0.5) } .breadcrumb { display: flex; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/" } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: underline } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: none } .breadcrumb-item.active { color: #6c757d } .table { width: 100%; margin-bottom: 1rem; color: #212529 } .table th, .table td { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6 } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6 } .table tbody+tbody { border-top: 2px solid #dee2e6 } .table-sm th, .table-sm td { padding: .3rem } .table-bordered { border: 1px solid #dee2e6 } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody+tbody { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(51, 51, 51, 0.05) } .table-hover tbody tr:hover { color: #212529; background-color: rgba(51, 51, 51, 0.075) } .table-primary, .table-primary>th, .table-primary>td { background-color: #fff1b8 } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody+tbody { border-color: #ffe47a } .table-hover .table-primary:hover { background-color: #ffec9f } .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #ffec9f } .table-secondary, .table-secondary>th, .table-secondary>td { background-color: #ffe2c6 } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody+tbody { border-color: #ffca95 } .table-hover .table-secondary:hover { background-color: #ffd5ad } .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #ffd5ad } .table-success, .table-success>th, .table-success>td { background-color: #c6f1ff } .table-success th, .table-success td, .table-success thead th, .table-success tbody+tbody { border-color: #95e4ff } .table-hover .table-success:hover { background-color: #adebff } .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { background-color: #adebff } .table-info, .table-info>th, .table-info>td { background-color: #d4d4f1 } .table-info th, .table-info td, .table-info thead th, .table-info tbody+tbody { border-color: #afafe4 } .table-hover .table-info:hover { background-color: #c1c1eb } .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { background-color: #c1c1eb } .table-warning, .table-warning>th, .table-warning>td { background-color: #fff1b8 } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody+tbody { border-color: #ffe47a } .table-hover .table-warning:hover { background-color: #ffec9f } .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { background-color: #ffec9f } .table-danger, .table-danger>th, .table-danger>td { background-color: #ffc6d4 } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody+tbody { border-color: #ff95af } .table-hover .table-danger:hover { background-color: #ffadc1 } .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { background-color: #ffadc1 } .table-theme-6, .table-theme-6>th, .table-theme-6>td { background-color: #c6f1f1 } .table-theme-6 th, .table-theme-6 td, .table-theme-6 thead th, .table-theme-6 tbody+tbody { border-color: #95e4e4 } .table-hover .table-theme-6:hover { background-color: #b2ecec } .table-hover .table-theme-6:hover>td, .table-hover .table-theme-6:hover>th { background-color: #b2ecec } .table-light, .table-light>th, .table-light>td { background-color: #fdfdfe } .table-light th, .table-light td, .table-light thead th, .table-light tbody+tbody { border-color: #fbfcfc } .table-hover .table-light:hover { background-color: #ececf6 } .table-hover .table-light:hover>td, .table-hover .table-light:hover>th { background-color: #ececf6 } .table-dark, .table-dark>th, .table-dark>td { background-color: #c6c8ca } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody+tbody { border-color: #95999c } .table-hover .table-dark:hover { background-color: #b9bbbe } .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th { background-color: #b9bbbe } .table-long-stay, .table-long-stay>th, .table-long-stay>td { background-color: #d1f0f0 } .table-long-stay th, .table-long-stay td, .table-long-stay thead th, .table-long-stay tbody+tbody { border-color: #aae2e4 } .table-hover .table-long-stay:hover { background-color: #beeaea } .table-hover .table-long-stay:hover>td, .table-hover .table-long-stay:hover>th { background-color: #beeaea } .table-review-rating, .table-review-rating>th, .table-review-rating>td { background-color: #fce3c9 } .table-review-rating th, .table-review-rating td, .table-review-rating thead th, .table-review-rating tbody+tbody { border-color: #f9ca9b } .table-hover .table-review-rating:hover { background-color: #fbd6b1 } .table-hover .table-review-rating:hover>td, .table-hover .table-review-rating:hover>th { background-color: #fbd6b1 } .table-active, .table-active>th, .table-active>td { background-color: rgba(51, 51, 51, 0.075) } .table-hover .table-active:hover { background-color: rgba(38, 38, 38, 0.075) } .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: rgba(38, 38, 38, 0.075) } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55 } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6 } .table-dark { color: #fff; background-color: #343a40 } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55 } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05) } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075) } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-sm>.table-bordered { border: 0 } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-md>.table-bordered { border: 0 } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-lg>.table-bordered { border: 0 } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-xl>.table-bordered { border: 0 } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive>.table-bordered { border: 0 } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: .25rem } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #fc0; background-color: #fff; border: 1px solid #dee2e6 } .page-link:hover { z-index: 2; color: #b38f00; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 204, 0, 0.25) } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #fc0; border-color: #fc0 } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6 } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5 } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } select::-webkit-inner-spin-button, select::-webkit-outer-spin-button { display: none } .custom-select { background: none } .bg-light { background-color: #f7f7f7 !important } *:hover, *:focus { outline: 0 } @media (min-width: 1500px) and (max-width: 3500px) { .container-fluid { max-width: 90.3125rem } .city-page .quick-info { width: 100% !important } } .form-control, input { border-radius: 2.625rem; width: 100% } input[type="checkbox"], input[type="radio"] { width: auto !important } .no-default-date-select::placeholder { color: #000 !important; font-size: 1rem } .btn { cursor: pointer; border-radius: 2.625rem; text-transform: uppercase; padding: .4375rem 1.125rem } .btn.btn-primary { background-color: #fc0; border-color: #fc0 } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { outline: 0; background-color: #cca300 !important; border-color: #fc0 !important } .btn.btn-secondry { background-color: #f93; border-color: #f93; color: #fff } .btn.btn-secondry:hover, .btn.btn-secondry:focus, .btn.btn-secondry:active { outline: 0; background-color: #ff8000 !important; border-color: #f93 !important } .btn.btn-outline { border-color: #f5f5f5; color: #606060 } .btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline:active { outline: 0; color: #fc0 !important; border-color: #cca300 !important } .card { margin-bottom: 1.25rem; border-radius: 0 } .card .card-img, .card .card-img-* { border-radius: 0; min-height: 18.75rem; max-height: 23.125rem } .card .card-body { border-radius: 0 } .card.with-overlay .img-wraaper .img-fluid { max-height: 21.9375rem; border-radius: 0 } .card.with-overlay .card-img-overlay { background: #000; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 90%); border-radius: 0 } .card.with-overlay .card-img-overlay.no-bg { background: transparent !important } .card.with-overlay .card-img-overlay .card-text { color: #fff } .card.with-overlay .card-img-overlay .card-title { color: #fff } .form-control { font-family: "Nunito Sans", sans-serif; font-size: .875rem } .form-control.bg-transparent { background: transparent; color: #fff } section { padding-top: .9375rem; padding-bottom: .9375rem } .btn-primary, .btn-success { background-image: linear-gradient(to right, #fc0, #f36, #f93, #f36); color: #fff; border-color: #fc0; box-shadow: none; background-color: transparent !important; background-size: 300% 100%; transition: all .4s ease-in-out } .btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus { box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12) !important; background-position: 100% 0 !important; color: #fff; border-color: #fc0 !important; background-color: transparent !important } .text-black { color: black !important } .text-black-600 { color: #5a5a5a } .border { border: 1px solid #bcbcbc !important } .hide { display: none !important } .home-page .hero-section .top-container .booking-container .boking-content__wapper .tab-wrapper .tab-list .nav-tabs .tab__item { border: 0rem solid #f5f5f5 } .home-page .hero-section .top-container .booking-container .boking-content__wapper .tab-wrapper .tab-list .nav-tabs .tab__item .tab__link { background-color: #fff; padding: .6875rem 1rem } .home-page .hero-section .top-container .booking-container .boking-content__wapper .tab-wrapper .tab-list .nav-tabs .tab__item .tab__link.active { border: .0625rem solid #66c; background-color: #66c; color: #fff } .section__title { font-size: 3rem } .section__subtitle { max-width: 68%; color: #757575; margin-top: .4375rem; font-size: 1rem } .side-title-wrapper { position: relative } .side-title-wrapper .side-fade-title { position: absolute; right: 0; top: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); color: #9a9aa2; text-transform: uppercase } .side-title-wrapper .side-fade-title.side-title-left { right: auto; left: -30%; top: 5% } @media (max-width: 767.98px) { .side-title-wrapper .side-fade-title { position: static; margin-block-end: 0; margin-block-start: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } } .home-page .hero-section .top-container .booking-container .boking-content__wapper .title.with-hyhpen { position: relative; text-align: center } .home-page .hero-section .top-container .booking-container .boking-content__wapper .title.with-hyhpen:before, .home-page .hero-section .top-container .booking-container .boking-content__wapper .title.with-hyhpen:after { content: ""; border: .0625rem solid #262625; position: absolute; width: 5%; height: .0625rem; left: 0; top: 45% } .home-page .hero-section .top-container .booking-container .boking-content__wapper .title.with-hyhpen::after { left: auto; right: 0 } .home-page .loaction-container .locaton-descirption .location-content-wrapper .side-title-wrapper .title { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto } #launcher { display: none !important } .styledSelect { position: absolute; top: -.0625rem; text-indent: 1rem; right: 0; bottom: 0; left: 0; nav-index: 1; cursor: pointer; background-color: #fff; color: black; transition: .3s all ease !important; padding-left: .625rem !important; font-family: "Nunito Sans", sans-serif; border-radius: 2.25rem !important } .styledSelect:before { content: ""; display: none } .styledSelect:after { content: ""; position: absolute; right: .625rem; top: .8rem; background-image: url(core/static/src/img/down_arrow.png); transition: .18s all ease !important; width: 15px; height: 35px; background-size: contain; background-repeat: no-repeat } .styledSelect.active { border-radius: .25em !important } .styledSelect.active::after { transform: rotate(180deg); top: -0.7rem } .styledSelect:focus { border-color: black !important } .styledSelect.select-options { color: #333 } .options { visibility: collapse; opacity: 0; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; border-radius: .25em !important; margin: 0 0; padding: 0 0; list-style: none; border: 1px solid #bcbcbc !important; border-top: 0; background-color: #fff; padding-top: 0rem; padding-bottom: 0rem; max-height: 0; overflow-y: scroll; border-bottom: 0; transition: .3s all ease-in-out; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px } .options.active { max-height: 30vh; visibility: visible; opacity: 1 } .options li { margin: 0 0; padding: 8px .625rem !important; font-size: 1rem; transition: .20s ease; cursor: pointer } .options li:hover { background-color: #fc0 } .options li.active-options { background-color: #fc0; color: #fff } .options li .custom-control-label { position: relative; cursor: pointer } .options li .custom-control-label::after, .options li .custom-control-label::before { left: -.9375rem } .close { cursor: pointer } [data-filter] { max-height: 2.5rem; visibility: hidden } .custom-select { height: 2.25rem; background: none; visibility: hidden } header .fixed-top { z-index: 1031 } @media (max-width: 991.98px) { header.header .navbar { box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.13) } } header.header .logo-container { background-color: #f5f5f5 } header.header .menu-container { background: rgba(0, 0, 0, 0.20) !important; border-bottom: 1px solid rgba(239, 239, 239, 0.20) !important; backdrop-filter: blur(26px) !important; -webkit-backdrop-filter: blur(26px) !important; } header.header .menu-container .menu-list .nav-item { min-width: 6.375rem; } header.header .menu-container .menu-list .nav-item .nav-link { font-size: .875rem; font-family: "Nunito Sans", sans-serif; padding: .5rem 1.5rem .5rem .5rem !important; text-align: center; color: white !important } @media (max-width: 1280px) and (min-width: 1280px) { header.header .menu-container .menu-list .nav-item .nav-link { padding: .5rem .3rem .5rem .3rem !important } } header.header .menu-container .menu-list .nav-item .nav-link:hover, header.header .menu-container .menu-list .nav-item .nav-link:focus, header.header .menu-container .menu-list .nav-item .nav-link:active { color: #F36 !important } header.header .menu-container .search { position: relative } header.header .menu-container .search-control { background-color: transparent; border-color: #606060; color: #606060 } header.header .menu-container .search__icon { position: absolute; right: 1.5625rem; top: 2rem } header.header .menu-container .hamburger { padding: 15px; cursor: pointer; display: flex; align-items: center; overflow: hidden; background-color: rgba(0, 0, 0, 0) } header.header .menu-container .hamburger__container { width: 30px; height: 20px; position: relative } header.header .menu-container .hamburger__inner { width: 100%; height: 2px; background-color: #000; border-radius: 5px; position: absolute; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: .4s; top: 50%; transform: translate(-5px, -50%); opacity: 1 } header.header .menu-container .hamburger__inner::before, header.header .menu-container .hamburger__inner::after { width: 100%; height: 2px; background-color: #000; border-radius: 5px; position: absolute; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: .4s; content: ""; opacity: 1; transform: translate(--5px, 0) } header.header .menu-container .hamburger__inner::before { top: -9px } header.header .menu-container .hamburger__inner::after { top: 9px } header.header .menu-container .hamburger__hidden { opacity: 0; width: 100%; height: 2px; background-color: #000; border-radius: 5px; position: absolute; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: .4s; background-color: #f36; top: 50%; transform: translate(45px, -50%) } header.header .menu-container .hamburger__hidden::before, header.header .menu-container .hamburger__hidden::after { width: 100%; height: 2px; background-color: #000; border-radius: 5px; position: absolute; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: .4s; background-color: #f36; content: ""; transform: translate(90px, 0) } header.header .menu-container .hamburger__hidden::before { top: -9px } header.header .menu-container .hamburger__hidden::after { top: 9px } header.header .menu-container .hamburger:hover .hamburger__inner { transform: translate(-45px, 50%); opacity: 0 } header.header .menu-container .hamburger:hover .hamburger__inner::before, header.header .menu-container .hamburger:hover .hamburger__inner::after { transform: translate(90px, 0); opacity: 0 } header.header .menu-container .hamburger:hover .hamburger__hidden { opacity: 1; transform: translate(0, -50%) } header.header .menu-container .hamburger:hover .hamburger__hidden::before, header.header .menu-container .hamburger:hover .hamburger__hidden::after { opacity: 1; transform: translate(0, 0) } header.header .menu-container .hamburger.is-active .hamburger__inner { display: none } header.header .menu-container .hamburger.is-active .hamburger__hidden { opacity: 1; transform: rotate(45deg) } header.header .menu-container .hamburger.is-active .hamburger__hidden::before { transform: translate(0, 9px) rotate(90deg); transform-origin: center } header.header .menu-container .hamburger.is-active .hamburger__hidden::after { transform-origin: center; transform: translate(0, -9px) rotate(0) } header .dropdown .dropdown-menu { transition: all 0.18s linear; overflow: hidden; opacity: 0; margin: 30px 0 0 0; display: block; visibility: hidden } header .dropdown:hover .dropdown-menu { opacity: 1; margin: 0; visibility: visible } header .dropdown .dropdown-menu { padding: 0; min-width: 13rem; top: 96% } header .dropdown .black { border: 1px solid rgba(156, 163, 175, 0.4) !important; background: rgba(17, 24, 39, 0.95) !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; /* shadow-lg */ backdrop-filter: blur(32px) !important; -webkit-backdrop-filter: blur(32px) !important; color:#fff !important } header .dropdown .dropdown-item { /* border-bottom: 1px solid #dcaf3a; transition: .18s all linear; */ padding: .7rem 1.5rem !important } header .dropdown-item:hover, header .dropdown-item:focus { /* background-color: #efb83e; */ padding-left: 2rem !important; color: #F36 !important } header .navbar-nav .nav-item .nav-link { position: relative } header .navbar-nav .nav-item .nav-link::after { content: ''; width: 0%; transition: all .3s ease; background: white; left: .5625rem; position: absolute; bottom: 2%; height: 3px !important } header .navbar-nav .nav-item .nav-link:hover::after { width: 50% } .side-nav { right: 0; top: 57%; transition: .3s all linear; width: 35%; z-index: 102; background-color: #fc0 } .side-nav .show-on-mobile .dropdown-menu { padding: 0; float: none !important; position: static !important; width: 100%; border: none; background-color: transparent } .side-nav .show-on-mobile .dropdown-menu a { padding-left: 0; color: black !important; transition: .18s all linear } .side-nav .show-on-mobile .dropdown-menu a:hover { padding-left: 1.5rem; color: #7c4817 !important } .side-nav .slide-nav-ul { list-style-type: none; animation-name: slideIn } .side-nav .slide-nav-ul li { border-bottom: 1px solid #dcaf3a } .side-nav .slide-nav-ul li a { padding-left: 0; transition: .18s all linear } .side-nav .slide-nav-ul li:hover a { padding-left: 1.5rem; color: #7c4817 !important; background-color: transparent } .side-nav .slide-nav-ul li:last-child { border-bottom: 0 !important } .side-nav .slide-nav-ul .show-on-mobile li:last-child { border-bottom: 1px solid #dcaf3a !important } .is-closed { transform: translate(100%, -50%) } .is-open { transform: translate(0, -50%) } .loader.pt-32 { padding-top: 8rem !important } .loader { z-index: 1000555; top: 0; left: 0 } .loader .gegga { width: 0 } .loader .snurra { filter: url(#gegga) } .loader .stopp1 { stop-color: #f36 } .loader .stopp2 { stop-color: #f93 } .loader .halvan { animation: Snurra1 10s infinite linear; stroke-dasharray: 180 800; fill: none; stroke: url(#gradient); stroke-width: 23; stroke-linecap: round } .loader .strecken { animation: Snurra1 3s infinite linear; stroke-dasharray: 26 54; fill: none; stroke: url(#gradient); stroke-width: 23; stroke-linecap: round } .loader .skugga { filter: blur(5px); opacity: 0.3; position: absolute; transform: translate(3px, 3px) } @media (max-width: 767.98px) { .loader .skugga, .loader .snurra { width: 150px !important; height: 150px !important } } @keyframes Snurra1 { 0% { stroke-dashoffset: 0 } 100% { stroke-dashoffset: -403px } } .loader.hide { display: none !important } .search-popup { z-index: 999; transition: .18s all linear } @media (max-width: 767.98px) { .search-popup { overflow-x: scroll } } .search-popup .top-container { background-image: none !important; min-height: auto !important } .show-search-pop { transform: translate(0, 0); visibility: visible } .hide-search-pop { transform: translate(0, -130%); visibility: collapse } @media (max-width: 767.98px) { .header .btn-hallow { border-radius: 0 !important; border: 0 !important; font-size: 0 !important; padding: 0 !important } .search-popup .hero-section { padding: 6.25rem 0; height: 100% } .side-nav .nav-item .nav-link, .side-nav .nav-item .side-nav-a, .side-nav .side-nav-li .nav-link, .side-nav .side-nav-li .side-nav-a { padding: 5px 0 } } @media (min-width: 992px) and (max-width: 1280px) { .side-nav { width: 40% !important } .header .menu-list .home-li { display: none !important } } @media (min-width: 768px) and (max-width: 991px) { .collapse:not(.show) { display: none !important } header.header .menu-container .hamburger { position: absolute; top: 0%; left: 5%; transform: translate(0, -120%) } header.header .collapsed { display: none !important } header.header .search { position: absolute !important; top: -3rem; right: 0 } header.header .search .btn-hallow { border-radius: 0 !important; border: 0 !important; font-size: 0 !important; padding: 0 !important } header.header .search span { font-size: 1.8rem !important; right: 1.75rem !important; top: -0.2rem !important } .side-nav { width: 100%; top: 57% !important; padding: 0 !important; overflow: scroll } } .overlay { z-index: 101; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: collapse; transition: .18s ease-in-out } .social-side { background-color: #fc0 } .new-bg-text { background-color: #fff } @media (max-width: 767.98px) { .padding-low .hero-section { padding: 1.25rem 0 !important } } #loading-bar-spinner.spinner { right: 42%; top: 35%; position: absolute; z-index: 19 !important; animation: loading-bar-spinner 400ms linear infinite } @media (max-width: 767.98px) { #loading-bar-spinner.spinner { right: 30% } } #loading-bar-spinner.spinner .spinner-icon { width: 20px; height: 20px; border: solid 4px transparent; border-top-color: #fff !important; border-left-color: #fff !important; border-radius: 50% } @keyframes loading-bar-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg) } 100% { transform: rotate(360deg); transform: rotate(360deg) } } .destination-menu { column-count: 2; min-width: 10rem !important } .grid-experience { display: grid; grid-template-columns: repeat(1, 1fr); } .destination-menu a { display: inline-flex } .search .btn-hallow-pink { background: #FF3366; border: 1px solid #FF3366 !important; color: #fff; font-weight: 700; box-shadow: 0 6px 10px rgba(255, 63, 94, 0.3) !important } @media (max-width: 1280px) and (min-width: 1280px) { .search .btn-hallow-pink { padding: .4375rem 1.5rem !important } } .search .btn-hallow-pink:hover { color: #fff !important } @media (max-width: 1280px) and (min-width: 1280px) { .search .btn-hallow-pink.select-plan { padding: 1rem 6rem !important; margin-top: 2rem } } footer.footer .top-footer-wrapper { background-color: #fff !important; z-index: 2; position: relative } @media (max-width: 767.98px) { footer.footer .top-footer-wrapper { background-color: #fff !important } } footer.footer .top-footer-wrapper .footer-menu .footer-list { list-style-type: none } footer.footer .top-footer-wrapper .footer-menu .footer-list .list__item .list__link { color: #adb5bd; position: relative } footer.footer .top-footer-wrapper .footer-menu .footer-list .list__item .list__link:before { content: ""; border-top: .4375rem solid transparent; border-bottom: .4375rem solid transparent; border-right: 0; border-left: .4375rem solid #adb5bd; position: absolute; left: -.875rem; top: .1875rem } footer.footer .bottom-footer-wrapper { background-color: #fc0 !important; z-index: 2; position: relative } footer .footer-list { column-count: 2 } .floating-book-now-button { z-index: 101; bottom: 3%; right: 3%; width: 80px; height: 80px; cursor: pointer; line-height: 20px; border-radius: 50px; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12) !important } @media (max-width: 1280px) and (min-width: 1280px) { .size-for-mac { flex: 0 0 60%; max-width: 60% } } .bg-custom-blue { background-color: #6567af !important } .home-page .progress-bar { transition: left .3s ease-in-out } .home-page .nxt-btn, .home-page .prev-btn { cursor: pointer } @media (max-width: 991.98px) { .home-page .nxt-btn, .home-page .prev-btn { display: none } } .home-page .hero-section .top-container { background-repeat: no-repeat; background-size: cover } @media (max-width: 767.98px) { .home-page .hero-section .top-container { background-size: cover; min-height: 50vh } .home-page .hero-section .top-container .tab-content { padding-left: 0 !important; padding-right: 0 !important } } .home-page .hero-section .top-container .booking-container { background-color: #f5f5f5 } .home-page .hero-section .top-container .booking-container .boking-content__wapper { height: 100% } .home-page .hero-section .top-container .booking-container .boking-content__wapper .title { font-weight: 400 } .home-page .hero-section .top-container .booking-container .boking-content__wapper .tab-wrapper .tab-list .tab__item { max-width: 50% } @media (max-width: 1650px) { .home-page .hero-section .top-container .banner-container .main-new-banner img { min-height: 465px; object-fit: cover } } @media (max-width: 600.98px) { .home-page .hero-section .top-container .banner-container .img-wrapper { min-height: 90vh } } @media (max-width: 991.98px) { .home-page .hero-section .top-container .banner-container .img-wrapper .img-fluid { max-width: 70%; height: 492px; margin: auto } } @media (max-width: 767.98px) { .home-page .hero-section .top-container .banner-container .img-wrapper .img-fluid { max-width: 410px; height: 492px; margin: auto } } @media (max-width: 767.98px) { .home-page .hero-section .slider-wrapper .slide .img-wrapper { min-height: auto !important } } .home-page .hero-section .slider-wrapper .slide .img-wrapper .position-absolute { top: 50%; left: 50%; transform: translate(-50%, -50%) } .home-page .hero-section .page-slogan { right: auto; top: auto } @media (min-width: 768px) { .home-page .loaction-container { background-color: #fff } } @media (max-width: 767.98px) { .home-page .loaction-container .location-card-wrapper { position: relative; margin-bottom: 1rem } } @media (max-width: 767.98px) { .home-page .loaction-container .location-card-wrapper::after { content: ''; position: absolute; width: 100%; height: 70%; top: 174px; left: 0; background-color: #66c; z-index: -1 } } .home-page .loaction-container .location-card-wrapper .slider-wrapper .card-img-overlay { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.55) 90%); transition: .18s all ease-in-out } .home-page .loaction-container .location-card-wrapper .slider-wrapper .card-img-overlay:hover { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px !important } .home-page .loaction-container .mobile-slider .img-wrapper .card-img { max-width: 80vw; height: 18.75rem; object-fit: cover } @media (max-width: 991.98px) { .home-page .loaction-container .locaton-descirption .location-content-wrapper .side-title-wrapper .title { font-size: 1.5625rem } } .home-page .loaction-container .locaton-descirption .location-content-wrapper .side-title-wrapper .side-fade-title { top: 0%; color: #e9e9e9 } @media (max-width: 991.98px) { .home-page .loaction-container .locaton-descirption .location-content-wrapper .side-title-wrapper .side-fade-title { font-size: 1.8125rem; color: #fff; position: static; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } } @media (max-width: 991.98px) { .home-page .long-stay-section .long-stay-wrapper .card-wrapper .card.h-100 { height: auto !important } } .home-page .long-stay-section .long-stay-wrapper .card-wrapper .card:hover { box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); transition: .3s all linear } .home-page .long-stay-section .long-stay-wrapper .card-wrapper .card .card-body { min-height: 25rem } .home-page .long-stay-section .long-stay-wrapper .card-wrapper .card .card-body .card-img { min-height: 21.875rem; object-fit: cover; max-height: 21.875rem } @media (max-width: 767.98px) { .home-page .long-stay-section .long-stay-wrapper .card-wrapper .card .card-body .card-img { height: 21.875rem; min-height: auto; max-height: initial; max-width: 18.75rem } } @media (max-width: 991.98px) { .home-page .long-stay-section .long-stay-wrapper .card-wrapper .card .card-body { padding-left: 0; padding-right: 0; padding-top: 0 } } @media (max-width: 991.98px) { .home-page .long-stay-section .long-stay-wrapper .card-wrapper .card .card-body .card-content { padding-left: .9375rem; padding-right: .9375rem; padding-top: 1.125rem } } .home-page .long-stay-section .nxt-btn, .home-page .long-stay-section .prev-btn { background-color: rgba(0, 0, 0, 0.3); top: -17rem } .home-page .long-stay-section .nxt-btn { right: -3% } .home-page .long-stay-section .prev-btn { left: -3% } @media (max-width: 991.98px) { .home-page .newly-opned-section [data-slide-width="true"] .card-img, .home-page .newly-opned-section [data-slide-width="true"] .card { max-width: 80vw } } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .side-content-wrapper { z-index: 1 } @media (max-width: 767.98px) { .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .side-content-wrapper { margin-top: -35% } } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .side-content-wrapper .content-wrapper { position: relative } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .side-content-wrapper .content-wrapper::after { position: absolute; content: ""; top: 0; bottom: 0; right: -40%; background-color: #f36; height: 100%; width: 40% } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .side-content-wrapper .content-wrapper .progress-bar-wrapper { position: relative } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .side-content-wrapper .content-wrapper .progress-bar-wrapper .progress { position: absolute; top: .25rem; width: 100%; height: .125rem; border-radius: 0; background-color: #fff } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .side-content-wrapper .content-wrapper .progress-bar-wrapper .progress-bar { position: absolute; top: 0; z-index: 1; height: .5rem } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card { z-index: 2 } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card .card { border: 0; border-radius: 0; box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.3) !important; transition: .3s all ease-in-out } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card .card .img-wrapper .card-img { min-height: 21.875rem; min-width: 18.875rem; object-fit: cover } @media (max-width: 991.98px) { .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card .card .img-wrapper .card-img { min-width: 15.625rem } } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card .card:hover { box-shadow: 3px 2px 7px rgba(0, 0, 0, 0.3) !important } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card .card:hover .card-img-overlay { background: #f36 !important } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card .card:hover .card-img-overlay .card-title { color: #fff !important } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card .card:hover .card-img-overlay .card-title i { color: #fff !important } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card .card:hover .card-img-overlay .text-success { color: #fff !important } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card .card .card-img-overlay { transition: .3s all ease-in-out; background: #fff; top: -5%; right: 0; bottom: auto; left: 16% } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card .card .card-img-overlay .card-text { color: #606060 } .home-page .experiences-section { background-color: #fff } .home-page .experiences-section .experiences-wrapper .experiences-card .card { transition: .3s all linear } .home-page .experiences-section .experiences-wrapper .experiences-card .card:hover { box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 13px !important } .home-page .experiences-section .experiences-wrapper .experiences-card .card .card-img-to, .home-page .experiences-section .experiences-wrapper .experiences-card .card .card-img { border-radius: 0; min-height: 15.625rem; object-fit: cover } @media (max-width: 991.98px) { .home-page .experiences-section .experiences-wrapper .experiences-card .card .card-img-to, .home-page .experiences-section .experiences-wrapper .experiences-card .card .card-img { height: 15.625rem; max-width: 80vw } } .home-page .experiences-section .experiences-wrapper .experiences-card .card .card-body { position: relative } .home-page .experiences-section .experiences-wrapper .experiences-card .card .card-body::after { content: ''; width: 0%; transition: all .3s ease; background: #f39a3e; left: 0; position: absolute; top: 0; height: 5px !important } .home-page .experiences-section .experiences-wrapper .experiences-card .card .card-body .title { color: #262625 } .home-page .experiences-section .experiences-wrapper .experiences-card .card:hover .card-body::after { width: 100% } .home-page .experiences-section .nxt-btn, .home-page .experiences-section .prev-btn { background-color: rgba(0, 0, 0, 0.2) } .home-page .media-feature-section { background-image: url(core/static/src/img/features-bg-logo.png); background-repeat: no-repeat; background-size: 100% 100% } @media (max-width: 767.98px) { .home-page .media-feature-section { background-size: cover !important } .home-page .media-feature-section .card-wrapper img { margin-bottom: 1.25rem } .home-page .media-feature-section .media-feature-images-card { display: none } } .home-page .media-feature-section .media-feature-wrapper .card-wrapper .bg-white { height: 10.5rem; width: 17.5rem; text-align: center } @media (max-width: 1280px) and (min-width: 1280px) { .home-page .media-feature-section .media-feature-wrapper .card-wrapper .bg-white { width: 15rem } } .home-page .media-feature-section .media-feature-wrapper .card-wrapper img { max-width: 12rem; max-height: 7rem; object-fit: contain } .home-page .media-feature-section .media-feature-wrapper .card-wrapper .media-feature-images-card img { min-height: 13rem } .home-page .media-feature-section .nxt-btn, .home-page .media-feature-section .prev-btn { background-color: rgba(0, 0, 0, 0.2); transform: translate(0, -350%) } .home-page .media-feature-section .prev-btn { left: -4% } .home-page .media-feature-section .nxt-btn { right: -4% } .home-page .review-rating-section { background-color: #fff } @media (max-width: 991.98px) { .home-page .review-rating-section .card { max-width: 80vw } } @media (min-width: 576px) { .home-page .review-rating-section .card .card-body { min-height: auto; max-height: 413px } } .home-page .review-rating-section .card .card-body .img-wrapper .card-side-img { height: 100%; max-height: 22rem; min-height: 22rem; object-fit: cover } @media (max-width: 991.98px) { .home-page .review-rating-section .card .card-body .img-wrapper .card-side-img { max-width: 80vw; max-height: 15rem !important } } .home-page .review-rating-section .card .card-body .card-content-wrapper { position: relative } .home-page .review-rating-section .card .card-body .card-content-wrapper .profile-img-wrapper { position: absolute; top: 35%; left: -12% } @media (max-width: 767.98px) { .home-page .review-rating-section .card .card-body .card-content-wrapper .profile-img-wrapper { top: -10%; left: 50%; transform: translate(-50%, 0) } } .home-page .review-rating-section .card .card-body .card-content-wrapper .profile-img-wrapper span { width: 100px; height: 100px; border-radius: 50px; border: 3px solid #fff } @media (max-width: 767.98px) { .home-page .review-rating-section .card .card-body .card-content-wrapper .profile-img-wrapper span { width: 80px; height: 80px } } .home-page .review-rating-section .card .card-body .card-content-wrapper .card-text { min-height: 168px; max-height: max-content } @media (max-width: 767.98px) { .home-page .review-rating-section .card .card-body .card-content-wrapper .card-text { min-height: 189px } } @media (max-width: 767.98px) { .home-page .review-rating-section .card .card-body .p-20 { padding: 2.65rem 1.65rem !important } } .home-page .review-rating-section .nxt-btn, .home-page .review-rating-section .prev-btn { width: 45px !important; height: 45px !important } .home-page .review-rating-section .nxt-btn:before, .home-page .review-rating-section .nxt-btn:after, .home-page .review-rating-section .prev-btn:before, .home-page .review-rating-section .prev-btn:after { width: 45px !important; height: 45px !important } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .text-white { color: #606060 !important } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .img-wrapper .img-fluid { width: 100% } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .banner-category { top: 0 } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .banner-category p { border-radius: 50px !important } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .border-bottom-yellow { border-bottom: 5px solid #f36 !important } @media (max-width: 767.98px) { .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .border-bottom-yellow { min-height: 191px } } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner { transition: .18s all } @media (max-width: 767.98px) { .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner { max-width: 90vw } } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner:hover { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px !important } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner:hover .title { color: #f36 !important } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner .card-img-overlay .img-fluid { width: 15.125rem; max-height: auto } @media (max-width: 991.98px) { .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner .card-img-overlay .img-fluid { width: 10.125rem } } @media (max-width: 767.98px) { .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner .card-img-overlay .img-fluid { display: none } } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner .card-img-overlay .content-wrapper .text, .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner .card-img-overlay .content-wrapper .title { color: #606060 } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner .card-img, .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .bottom-banner .card-img { min-height: 18.75rem; max-height: 18.75rem; object-fit: cover } @media (max-width: 767.98px) { .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner .card-img, .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .bottom-banner .card-img { min-height: 12.5rem; max-height: 12.5rem } } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner .blog-headings { top: 10%; z-index: 100; left: 5%; position: static !important } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .middle-banner .blog-headings .text-white { color: #606060 !important } .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .bottom-banner .card-img { min-height: 18.75rem } @media (max-width: 767.98px) { .home-page .offers-update-section .offers-update-wrapper .offers-update-banner-wrapper .bottom-banner .card-img { min-height: auto } } .home-page .offers-update-section .nxt-btn, .home-page .offers-update-section .prev-btn { background-color: rgba(0, 0, 0, 0.2); transform: translate(0, -470%) } .home-page .offers-update-section .prev-btn { left: 0% } @media (max-width: 767.98px) { .home-page .offers-update-section .prev-btn { left: -3% } } .home-page .offers-update-section .nxt-btn { right: 0% } @media (max-width: 767.98px) { .home-page .offers-update-section .nxt-btn { right: -3% } } .offers-update-section .offers-update-banner-wrapper.px-20 { padding-left: 0 !important; padding-right: 0 !important } .offers-update-section .offers-update-banner-wrapper.px-20 .my-13 { margin-bottom: 1rem !important; margin-top: 1rem !important } .offers-update-section .pt-25 { padding-top: 0 !important } .offers-update-section .card-img-overlay { position: static; padding: 1rem 0; background: transparent !important } .offers-update-section .card-img-overlay .card-text { color: #000 !important } .offers-update-section .card-img-overlay .px-32 { padding-right: .5rem !important; padding-left: .5rem !important } .offers-update-section .card-img-overlay .py-25 { padding-top: 0 !important; padding-bottom: 0 !important } .offers-update-section .content-wrapper.pl-5 { padding-right: .95rem !important } @media (max-width: 767.98px) { .home-page .loaction-container { padding-top: 0 } .home-page .loaction-container .locaton-descirption .location-content-wrapper .side-title-wrapper .title { font-size: 1.25rem } .home-page .loaction-container .locaton-descirption .location-content-wrapper .side-title-wrapper .side-fade-title { font-size: 1.5625rem; margin-bottom: 1rem !important } .home-page .hero-section .top-container .boking-content__wapper .title { font-size: 1.1875rem !important } .home-page .hero-section .top-container .boking-content__wapper .title.with-hyhpen::before, .home-page .hero-section .top-container .boking-content__wapper .title.with-hyhpen::after { width: 15% !important } .mobile-right-padd { padding-right: 0 !important } .media-feature-section .media-feature-wrapper .card-wrapper img { height: 5rem !important } } .nxt-btn, .prev-btn { width: 60px; position: relative; margin: 0 auto; transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); height: 60px } @media (max-width: 767.98px) { .nxt-btn, .prev-btn { width: 50px; height: 50px } } .nxt-btn:before, .nxt-btn:after, .prev-btn:before, .prev-btn:after { content: ""; display: block; border: 3px solid #f1f1f1; border-radius: 100%; position: absolute; width: 60px; height: 60px; left: 0; top: 0 } @media (max-width: 767.98px) { .nxt-btn:before, .nxt-btn:after, .prev-btn:before, .prev-btn:after { width: 50px; height: 50px } } .nxt-btn::before, .prev-btn::before { transform: scale(1); transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1) 80ms, transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 80ms } .nxt-btn::after, .prev-btn::after { border-color: #fc0; opacity: 0; transform: scale(1.3); transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) } .nxt-btn:hover::after, .prev-btn:hover::after { opacity: 1; transform: scale(1) } .nxt-btn:hover::before, .prev-btn:hover::before { opacity: 0; transform: scale(0.7); transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) } .new-media { background-image: none !important } #loading-bar-spinner-1.spinner { right: 10%; top: 35%; position: absolute; z-index: 19 !important; animation: loading-bar-spinner 400ms linear infinite } #loading-bar-spinner-1.spinner .spinner-icon { width: 20px; height: 20px; border: solid 4px transparent; border-top-color: #fff !important; border-left-color: #fff !important; border-radius: 50% } @keyframes loading-bar-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg) } 100% { transform: rotate(360deg); transform: rotate(360deg) } } @media (max-width: 767.98px) { .mobile-text-card-new { font-size: 12px !important } } .whats-new-modals .modal-dialog { max-width: 992px !important; min-width: 992px !important } @media (max-width: 767.98px) { .whats-new-modals .modal-dialog { min-width: auto !important } } .whats-new-modals .modal-dialog .close { position: absolute; right: 5px; top: 5px } .whats-new-modals .modal-dialog .bg-pink { border: 1px solid #FF3366 !important; font-weight: 700; box-shadow: 0 6px 10px rgba(255, 63, 94, 0.3) !important } #WORKAWAYFROMHOME .modal-dialog { min-width: 610px !important } @media (max-width: 767.98px) { #WORKAWAYFROMHOME .modal-dialog { min-width: auto !important } } #WORKAWAYFROMHOME .modal-dialog .modal-body { border: 3px solid #fff } #WORKAWAYFROMHOME .close { z-index: 999 } #WORKAWAYFROMHOME .side-image-ex { min-height: 600px } @media (max-width: 767.98px) { #WORKAWAYFROMHOME .side-image-ex { min-height: 370px } } .nre-button .close { right: -3% !important; top: -4% !important; background: #fff; border-radius: 50%; opacity: 1 } #WORKAWAYFROMHOME .modal-dialog { top: 3rem !important } @media (max-width: 767.98px) { #WORKAWAYFROMHOME .modal-dialog { top: 1rem !important } } .goSTOPS-new-version { position: fixed; bottom: 0; right: 0; z-index: 9999 } @media (max-width: 767.98px) { .goSTOPS-new-version { display: none } } .goSTOPS-new-version .close { position: absolute; left: -10px; top: -5px; background: #fff; border-radius: 50%; opacity: 1 } .new-row-trip-section::after { content: ''; position: absolute; width: 100%; height: 40%; left: 0; background: #f39a3e !important; top: 60% } .new-row-trip-section .card { z-index: 99 } .new-row-trip-section .card .card-img { max-width: 100% !important } .z-99 { z-index: 99 } .set-width-height { width: 372px; height: 350px } .destination-numbers .progress { position: absolute; top: .25rem; width: 100%; height: .125rem; border-radius: 0; background-color: #fff; margin-right: auto } .destination-numbers .progress-bar { position: absolute; top: 0; z-index: 1; height: .5rem } .destination-numbers .arrow-wrapper .text .active { font-weight: 700 } .hero-section .nav-tabs .shoet { border-radius: 50px 0 0 50px !important } .hero-section .nav-tabs .tab__link { border-radius: 0 50px 50px 0; border: 1px solid #c7c7c7 } .header .container-fluid, .footer .container-fluid, .hero-section .container-fluid { max-width: 100% } .review-rating-section .arrow-wrapper .text:after { content: ''; position: absolute; top: 50%; left: 4%; border: 1px solid #d8d8d8; width: 67%; height: 1px } .loaction-container .bg-info { background-color: #66c !important } @media (max-width: 767.98px) { .loaction-container .bg-info { background-color: #fff !important } } @media (max-width: 767.98px) { .loaction-container .bg-info .mobile-color { color: #000 !important } } .media-feature-section .col-4 { max-width: 20% !important; flex: 0 0 20% !important } .media-feature-images-card { transition: .3s all linear; height: 100% } .media-feature-images-card p { position: absolute; color: #fff; padding: 10px; bottom: 0; font-weight: 700; margin: 0; background-color: rgba(0, 0, 0, 0.5) } .booking-form input::placeholder, .footer .footer-form input::placeholder { color: #fff } .prev-btn img { transform: rotate(180deg) } .slider-move-btn_1 { border-radius: 50px; top: 8%; right: 8%; float: right } @media (min-width: 1280px) and (max-width: 1280px) { .slider-move-btn_1 { right: 9% } } .slider-move-btn_1 img { max-width: 32px } .hero-section .position-absolute, .booking-details-card .position-absolute { top: 22%; right: 7% } .no-margin { margin: 0 !important } .long-stay-section .booking-form .btn-1, .text-pink { color: #FF3366; } .footer .footer-form input { background-color: transparent; border-bottom: 1px solid black !important; border: 0; border-radius: 0; padding-left: 0; color: black } .footer .footer-form input::placeholder { color: black } .footer .address-text { width: 85% } .experiences-section .nxt-btn, .experiences-section .prev-btn { transform: translate(-50%, -300%) } .experiences-section .prev-btn { left: 0 } .experiences-section .nxt-btn { right: -5% } @media (max-width: 767.98px) { .careers-d-flex { display: flex !important; display: -webkit-box !important; display: -ms-flexbox !important } } .trip-advisor img { max-width: 80px } .hostel-page-banner { background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 99 } .hostel-page-banner .banner-content { z-index: 100 } @media (max-width: 991.98px) { .hostel-booking-content .slider-wrapper .img-wrapper .img-fluid { max-height: 25rem; max-width: 90% } } .room-card-wrapper .img-wrapper .img-fluid { height: 13.6875rem } .detail-summary-mobile .btn-hallow-pink { background-color: transparent; border: 1px solid #FF3366 } .detail-summary-mobile .sticky-card-container { position: absolute; z-index: 99; flex-grow: 1 } .detail-summary-mobile .sticky-card-container>.position-relative { top: -5rem } @media (max-width: 767.98px) { .detail-summary-mobile .sticky-card-container>.position-relative { top: 0 !important } } .detail-summary-mobile .sticky-card-container .booking-summary { z-index: 101; border-radius: .25rem; box-shadow: 1px 1px 0px #cdcdcd } .detail-summary-mobile .sticky-card-container .booking-summary img { max-width: 150px } .detail-summary-mobile .close-detail-summary-popup { top: 50%; right: 5%; transform: translate(0, -50%); display: none } @media (max-width: 991.98px) { .detail-summary-mobile { position: fixed; top: 0; transform: translate(0, 100%); transition: transform 0.3s ease-in-out; width: 100%; height: 100vh; padding: 0; background-color: #fff; opacity: 0; z-index: -999999 } .detail-summary-mobile .sticky-card-container { margin: 0; top: 0 !important; position: relative !important } .detail-summary-mobile .sticky-card-container .booking-summary { top: 0; box-shadow: none; border: 0; max-height: 100vh; overflow: auto } .detail-summary-mobile .sticky-card-container .booking-summary .booking-details-card { overflow-y: auto } } .popup-detail { position: fixed; bottom: 0%; width: 100%; z-index: 103; background-color: #fff; display: none; box-shadow: 0px -2px 30px rgba(9, 9, 9, 0.22); border-top: 1px solid #f6f6f6 } @media (max-width: 991.98px) { .popup-detail { display: block } } .popup-detail .button-wrapper { height: 4.375rem; overflow: hidden } .popup-detail .button-wrapper [data-card-button="button"] { -webkit-transform: translate3d(0, 0%, 0); -ms-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); -webkit-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out } .popup-detail .button-wrapper [data-card-button="button"].show { -webkit-transform: translate3d(0, -200%, 0); -ms-transform: translate3d(0, -200%, 0); transform: translate3d(0, -200%, 0) } .popup-detail .button-wrapper [data-card-button="submit"] { -webkit-transform: translate3d(0, 131%, 0); -ms-transform: translate3d(0, 131%, 0); transform: translate3d(0, 131%, 0); -webkit-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out } .popup-detail .button-wrapper [data-card-button="submit"].show { -webkit-transform: translate3d(0, -115%, 0); -ms-transform: translate3d(0, -115%, 0); transform: translate3d(0, -115%, 0) } .popup-detail .text-container { height: 2.5rem; overflow: hidden } .popup-detail .text-container .price-wrapper { -webkit-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out; -webkit-transform: translate3d(0, 200%, 0); -ms-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0) } .popup-detail .text-container .price-wrapper.show { -webkit-transform: translate3d(0, -84%, 0); -ms-transform: translate3d(0, -84%, 0); transform: translate3d(0, -84%, 0) } .popup-detail .text-container .text-wrapper { -webkit-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out; -webkit-transform: translate3d(0, 12%, 0); -ms-transform: translate3d(0, 12%, 0); transform: translate3d(0, 12%, 0) } .popup-detail .text-container .text-wrapper.show { -webkit-transform: translate3d(0, -316%, 0); -ms-transform: translate3d(0, -316%, 0); transform: translate3d(0, -316%, 0) } .hostel-booking-content.bg-grey { background-color: #f5f5f5 } .hostel-booking-content span.font-size-36, .call-btn i, .price-text .main-price { color: #FF3366 } .hostel-booking-content .hand-img img { max-width: 50px } .hostel-booking-content .hand-img span { background-color: #FF3366 } .hostel-booking-content .call-btn { border: 1px solid #bcbcbc } .hostel-booking-content .text-gray, .text-gray { color: #a8a8a8 } .price-text { border: 1px solid #FF3366 !important } .add-btn-add-counter { height: 45px; overflow: hidden } .add-btn-add-counter .btn-success { box-shadow: none !important } .add-btn-add-counter .min-add-button { max-width: 100%; margin: 0 auto; transform: translate(0, 100%); transition: 0.3s all linear } @media (max-width: 1199.98px) { .add-btn-add-counter .min-add-button { max-width: 100% } } @media (max-width: 767.98px) { .add-btn-add-counter .min-add-button { max-width: 50% } } .add-btn-add-counter .min-add-button input { height: auto; text-align: center; font-weight: 700; color: #333 } .add-btn-add-counter .min-add-button a { font-size: 16px; border: 1px solid #ced4da; align-items: center; display: flex; padding: 10px } .add-btn-add-counter .min-add-button .plus { border-radius: 50px 0 0 50px } .add-btn-add-counter .min-add-button .minus { border-radius: 0 50px 50px 0 } .hide { display: none } .amenties-section img { max-width: 70px } @media (max-width: 767.98px) { .amenties-section img { max-width: 50px } } .number-night-details { background-color: #f5fdff } .number-night-details .close-btn:hover { color: #f00 } .number-of-night { max-height: 170px; min-height: 165px; overflow-y: auto } .hostel-booking-content .bg-gray, .details-summary-popup .bg-gray { background-color: #e0e0e0 } @media (max-width: 767px) { .enquire-modal { top: 50% !important } .hostel-booking-content .font-size-27, .hostel-booking-content .font-size-26 { font-size: 1.3rem !important } .hostel-booking-content .font-size-22 { font-size: 1.2rem !important } .hostel-booking-content .font-size-30 { font-size: 1.5rem !important } .hostel-booking-content .font-size-20 { font-size: 1.1rem !important } .hostel-booking-content .font-size-16, .hostel-booking-content .amenties-section .font-size-18 { font-size: 1rem !important } .hostel-booking-content .mb-5 { margin-bottom: 0.5rem !important } .hostel-booking-content .add-btn-add-counter .min-add-button a { font-size: 18px !important } .hostel-booking-content .price-text { margin-top: 1rem } .hostel-booking-content .price-text .my-0 { display: inline-block; padding: 0 10px } .select-rooms .text-success { text-align: center !important; margin-bottom: 0 !important } .select-rooms .my-9 { margin: 0.5rem 0 !important } .enquire-modal .font-size-30 { font-size: 1.5rem !important } .enquire-modal .rounded .py { padding-bottom: 0.5rem !important; padding-top: 0.5rem !important } .enquire-modal .modal-header .close { padding: 0.5rem 1rem 0; margin: -0.5rem -1rem 0rem auto } .adult-add-button .min-add-button { max-width: 50% !important } #avalibility-calender-modal .font-size-30 { font-size: 1.2rem !important } #avalibility-calender-modal .font-weight-bold, #avalibility-calender-modal .text-right { text-align: center !important } #room-detail-modal .modal-body img { max-height: 10rem; width: 100%; object-fit: cover } .scroll-spy-tabs .nav-pills { flex-wrap: nowrap; overflow-x: auto } .scroll-spy-tabs .nav-pills .nav-item .nav-link { white-space: nowrap; margin-right: 0 !important } .hostel-booking-content .select-rooms img { width: 100%; object-fit: cover; margin-bottom: 0.5rem !important } .enquire-modal .modal-dialog { width: 100%; margin: 0 } #singup-modal.modal.show .modal-dialog { height: 100% } .enquire-modal .modal-content.rounded { border-radius: 0 !important; height: auto } .modal-open .modal { z-index: 999999 } } .scroll-spy-tabs .nav-pills { flex-wrap: nowrap; overflow-x: auto } .scroll-spy-tabs .nav-pills .nav-item .nav-link { white-space: nowrap; margin-right: 0 !important } .hostel-booking-content .select-rooms img { width: 100%; object-fit: cover; margin-bottom: 0.5rem !important } .message-text textarea { border-radius: .6rem !important } #singup-modal.modal.show .modal-dialog { height: 100% } .enquire-modal .modal-content.rounded { border-radius: 10px !important; min-height: auto } .modal-open .modal { z-index: 999999 } #room-detail-modal .bg-grey { border-radius: 0 !important } #room-detail-modal #avalibility-calender-modal .bg-grey { border-radius: 0 !important } #room-detail-modal .ameneties-ul { column-count: 2 !important } @media (max-width: 767.98px) { #room-detail-modal .ameneties-ul { column-count: 1 !important } #room-detail-modal .ameneties-ul li { margin-bottom: 5px } } #room-detail-modal #room-detail-modal .py-8 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important } #room-detail-modal #room-detail-modal .text-right { text-align: center !important } #room-detail-modal #room-detail-modal .font-size-18 { font-size: 1.1rem !important } #room-detail-modal #room-detail-modal .w-60 { width: 75% !important } #room-detail-modal #room-detail-modal .w-60 .my-0 { display: inline-block } #room-detail-modal #room-detail-modal .ml-auto { margin: 0 auto !important } #room-detail-modal #room-detail-modal .border-left { border-top: 1px solid #f5f5f5 !important } #room-detail-modal .hostel-apge-banner { display: none } #room-detail-modal .number-adult .justify-content-end, #room-detail-modal .rooms-left .justify-content-end { justify-content: center !important } #room-detail-modal .rooms-left { margin-top: 1.5rem } #room-detail-modal .rooms-left .justify-content-end span { font-size: 15px } #room-detail-modal .hand-img.text-right { text-align: center !important; margin-top: 2rem } #room-detail-modal #avalibility-calender-modal .py-8 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important } @media (min-width: 576px) { .enquire-modal .modal-dialog .rounded { border: 1px solid #ced4da !important } } .enquire-modal { top: 50%; transform: translate(0, -50%) } @media (max-width: 1199.98px) { .enquire-modal { top: 50% } } .enquire-modal .modal-header { border-bottom: 0 } .enquire-modal .modal-body .form-group .styledSelect:after { right: 1rem; top: 1.3rem } .enquire-modal .modal-body .form-group span { top: 3px; left: 23px; right: auto } .enquire-modal .modal-body .flatpickr .position-absolute { top: 12px !important; left: 20px; right: auto } .enquire-modal input:focus .form-label { transform: translate(0, 4px) scale(0.75) } .enquire-modal p.position-relative:after, .enquire-modal p.position-relative:before { content: ""; position: absolute; top: 50%; width: 42%; border: 1px solid #d6d6d6 } .enquire-modal p.position-relative:before { left: 0 } .enquire-modal p.position-relative:after { right: 0 } @media (min-width: 576px) { #room-detail-modal .modal-dialog { max-width: 70%; margin: 1.75rem auto } #room-detail-modal .w-60 { width: 200px !important } #avalibility-calender-modal .modal-dialog { max-width: 40%; height: 600px; overflow-y: auto; margin: 1.75rem auto } } #room-detail-modal .bg-grey { background-color: #f4f4f4; border-radius: 1rem 1rem 0 0 } #room-detail-modal .ameneties-ul { column-count: 4; list-style-type: none } #room-detail-modal .text-green { color: #67e18a } #room-detail-modal .price-text { border: 1px solid #FF3366 !important } #avalibility-calender-modal .bg-grey { background-color: #f4f4f4; border-radius: 1rem 1rem 0 0 } #avalibility-calender-modal .btn-white { border: 1px solid #f4f4f4; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) } .avalibility-calender-btn .btn-white { border: 1px solid #3cf; transition: 0.3s all linear } .avalibility-calender-btn .btn-white:hover { color: #fff !important; background-color: #3cf !important } .popover-price-breakdown { z-index: 103; left: -5%; width: 528px; transform: translate(-50%, -50%); top: -20% } @media (max-width: 767.98px) { .popover-price-breakdown { left: 0; width: 100%; transform: translate(0); top: -100% } } .popover-price-breakdown .card { border: 1px solid #000; border-radius: 10px } .popover-price-breakdown .card .close-price-break-down { right: 15px; top: 10px } .ratings .full-stars { color: #fbae00 } .full-stars:before { -webkit-text-stroke: #fbae00 } .ratings .empty-stars:before, .ratings .full-stars:before { font-size: 20px } .ratings { position: relative; vertical-align: middle; display: inline-block; color: #b1b1b1; overflow: hidden } .ratings .full-stars { position: absolute; left: 0; top: 0; white-space: nowrap; overflow: hidden; color: #fde16d } .ratings .empty-stars:before, .ratings .full-stars:before { content: "\2605\2605\2605\2605\2605"; font-size: 1.5625rem } .ratings .empty-stars:before { -webkit-text-stroke: 1px #848484 } .ratings .full-stars:before { -webkit-text-stroke: 1px orange } @-moz-document url-prefix() { .full-stars { color: #ECBE24 } } @media (min-width: 576px) { .hostel-singup-login { width: 40vw !important; max-width: 550px !important; min-width: 500px } } #policies #accordion .card .card-header button:after { content: '-'; background-color: #f36; transition: .18s all linear; color: #fff; font-size: 2.5rem; padding: 0 1.5rem; border-radius: 4px } #policies #accordion .card .card-header button:hover { color: black; text-decoration: none } #policies #accordion .card .card-header button:focus { text-decoration: none } #policies #accordion .card .card-header button.collapsed::after { content: '+'; color: #f36; background-color: transparent } @media (max-width: 767.98px) { .h-singup-modal { height: 100% !important } .new-login-modal { background-color: #fff } .new-login-modal .h-singup-modal { border: 0 !important } } .new-enquire-modal-size .modal-dialog { width: 40vw !important; max-width: 750px !important; min-width: 750px } @media (max-width: 767.98px) { .new-enquire-modal-size .modal-dialog { width: 100% !important; min-width: auto !important } } .new-enquire-modal-size .modal-dialog .form-group span { left: 38px !important } .new-enquire-modal-size .modal-dialog .form-group textarea { height: 110px !important } @media (max-width: 767.98px) { .lSPager { margin-top: 0 !important } .lSPager li a { background-color: transparent !important; border: 1px solid #f36; height: 10px !important; width: 10px !important } .lSPager li.active a { background-color: #f36 !important } } .guest-infomation .special-request { height: 3.125rem; line-height: 3rem; display: block; border-radius: 2.625rem; border: 1px solid #ced4da } .guest-infomation .bg-blue-card { background-color: #f6fcff; border-bottom: 1px solid #ced4da !important } .guest-infomation .bg-blue-card .styledSelect { background-color: transparent !important } .guest-infomation .bg-blue-card .float-container.active label { background-color: #f6fcff !important } .guest-infomation .form-group input, .guest-infomation .form-group textarea, .guest-infomation .form-group select { height: 3.125rem; transition: .3s all linear; z-index: 9; position: relative; text-indent: .9375rem } .guest-infomation .form-group input:focus, .guest-infomation .form-group textarea:focus, .guest-infomation .form-group select:focus { border: 1px solid #000000; box-shadow: none } .guest-infomation .form-group input { background-color: transparent } .guest-infomation .form-group .styledSelect::after { right: 1rem; top: 1.3rem } .guest-infomation .form-group .styledSelect.active::after { transform: rotate(180deg); top: -0.3rem } .guest-infomation .form-group .rounded { border: 1px solid #ced4da !important } .guest-infomation .form-group .rounded:focus, .guest-infomation .form-group .rounded:active { border: 1px solid #000 !important } .guest-infomation .float-container label { font-size: 16px; position: absolute; transform-origin: top left; z-index: 1; padding: 0 1rem; transform: translate(20px, 13px) scale(1); transition: all .1s ease-in-out } .guest-infomation .float-container label:focus { transform: translate(20px, -10px) scale(0.75) !important; font-size: 18px; z-index: 11 !important; background-color: #fff } .guest-infomation .float-container.active label { transform: translate(20px, -10px) scale(0.75) !important; font-size: 18px; z-index: 11 !important; background-color: #fff } .guest-infomation .booking-details-card .bg-blue { background-color: #f6fcff; border: 1px solid #ced4da } .guest-infomation .booking-details-card .bg-blue .btn-white { border: 1px solid #3cf !important } .guest-infomation .booking-details-card .bg-blue .btn-white:hover { background-color: #3cf !important; color: #fff !important } .guest-infomation .booking-details-card .border-top .btn-white { border: 1px solid #3cf !important } .guest-infomation .booking-details-card .border-top .btn-white:hover { background-color: #3cf !important; color: #fff !important } .guest-infomation .booking-details-card .text-pink .font-weight-bold { color: #FF3366 } .guest-infomation .booking-details-card .text-pink .badge-pink { background-color: #FF3366; border: 1px solid #ced4da } .guest-infomation .booking-details-card .number-of-night { max-height: 300px; min-height: 300px; overflow-x: hidden } .guest-infomation th, .guest-infomation td { border: 1px solid #d1d1d1 } .guest-infomation .table-striped tbody tr:nth-of-type(odd) { background-color: #f5fdff } .bg-gray { background-color: #f5f5f5 } .signup .border { border-color: #9a9aa2 !important } .signup .span img { opacity: .5 } .signup .position-relative .position-absolute { top: 3px !important; z-index: 11; left: 23px; right: auto !important } .signup p.position-relative:after, .signup p.position-relative:before { content: ''; position: absolute; top: 42%; width: 42%; border: 1px solid #e8e8e8 } .signup p.position-relative:before { left: 0 } .signup p.position-relative:after { right: 0 } .signup .form-group input, .signup .form-group textarea, .signup .form-group select { height: 3.125rem; transition: .3s all linear; z-index: 9; position: relative; font-size: 16px; text-indent: 7px !important; padding-left: 3.5rem } .signup .form-group input:focus, .signup .form-group textarea:focus, .signup .form-group select:focus { border: 1px solid #000000; box-shadow: none } .signup .form-group input { background-color: transparent; font-size: 16px } .signup .form-group .styledSelect::after { right: 1rem; top: 1.3rem } .signup .form-group .styledSelect.active::after { transform: rotate(180deg); top: -0.3rem } .signup .form-group .rounded { border: 1px solid #ced4da !important } .signup .float-container label { font-size: 16px !important; position: absolute; transform-origin: top left; z-index: 1; padding: 0 1rem; transform: translate(50px, 13px) scale(1); transition: all .1s ease-in-out } @media (max-width: 767.98px) { .signup .float-container label { transform: translate(40px, 13px) scale(1) } } .signup .float-container label:focus { transform: translate(50px, -9px) scale(0.75) !important; font-size: 18px; z-index: 11 !important; background-color: #fff } @media (max-width: 767.98px) { .signup .float-container label:focus { transform: translate(40px, -9px) scale(1) } } .signup .float-container.active label { transform: translate(50px, -9px) scale(0.75) !important; font-size: 18px; z-index: 11 !important; background-color: #fff } @media (max-width: 767.98px) { .signup .float-container.active label { transform: translate(40px, -9px) scale(1) } } @media (max-width: 767.98px) { .signup .w-75 { width: 100% !important } } .popover { position: absolute; opacity: 0; height: 0; overflow: hidden; transition: .3s all linear; z-index: 100 } [data-show="false"] { display: none } .booking-success .font-size-69 { font-size: 5.3125rem !important } @media (max-width: 767.98px) { .dashboard .position-sticky { margin-top: 3rem; margin-bottom: 0; position: relative } } @media (max-width: 767.98px) { .dashboard .position-sticky .card-body { padding: 0 8px } } .dashboard .position-sticky ul { list-style-type: none } @media (max-width: 767.98px) { .dashboard .position-sticky ul { margin: 0 } } .dashboard .position-sticky ul li a { transition: .3s all linear } .dashboard .position-sticky ul li a:hover, .dashboard .position-sticky ul li a:hover i { color: #FF3366 !important } @media (max-width: 767.98px) { .dashboard .position-sticky ul li { width: 25%; float: left; height: 4rem; margin-bottom: 10px !important; border-bottom: 1px solid #f5f5f5 !important } } @media (max-width: 767.98px) { .dashboard .position-sticky ul li .text-gray i { display: none } } @media (max-width: 767.98px) { .dashboard .position-sticky ul li .font-size-16 { font-size: 14px !important } } .dashboard .position-sticky .active { border-bottom: 1px solid #FF3366 !important } .dashboard .position-sticky .active .text-gray, .dashboard .position-sticky .active .mt-10 { color: #FF3366 !important } .dashboard .pink-text { color: #FF3366 !important } .dashboard .confrm-booked { right: 0; top: -5%; background-color: #edf5e6; color: #59835a; z-index: 99 } @media (max-width: 767.98px) { .dashboard .confrm-booked { right: 20px; top: 3px } } .dashboard .btn-hollow { border: 2px solid #f36 !important; transition: .3s all linear } .dashboard .btn-hollow:hover { background-color: #f36 !important; color: #fff !important } .dashboard ul.ref-details { list-style-type: none; column-count: 5 } @media (max-width: 767.98px) { .dashboard ul.ref-details { column-count: auto } } @media (max-width: 767.98px) { .dashboard ul.ref-details li { width: 50%; float: left; margin-top: 12px } } @media (max-width: 767.98px) { .dashboard .card-btns { margin-top: .9375rem !important; margin-bottom: .9375rem !important; display: flex; align-items: center } } @media (max-width: 767.98px) { .dashboard .card-btns .btn-hollow { margin: 0 12px 0 0 !important } } #view-detail-booking .modal-dialog { position: fixed; right: 0; overflow: scroll; height: 100% } @media (max-width: 767.98px) { #view-detail-booking .modal-dialog { height: 100%; position: relative } } #view-detail-booking .modal-content { height: 100% } .modal.fade .modal-dialog { transform: translate(-50%, 0) } .modal.show .modal-dialog { transform: translate(0, 0) !important } @media (min-width: 576px) { .modal-dialog { max-width: 100%; width: 70%; margin: 0 auto } } .my-profile img { height: 10rem; width: 100%; object-fit: cover } .my-profile input[type="file"] { font-size: 0; width: 45%; display: inline-block } .my-profile input::-webkit-file-upload-button { visibility: hidden } .my-profile input::before { content: 'Change'; display: inline-block; user-select: none; white-space: nowrap; font-size: 20px } .my-profile .my-profile-form input { height: 3.125rem; text-indent: 7px !important; padding-left: 1.5rem } .add-review-modal.fade:not(.show) { visibility: collapse } @media (max-width: 767.98px) { .add-review-modal { background-color: #fff } } .add-review-modal .w-50 { max-width: 500px !important; min-width: 500px } @media (max-width: 767.98px) { .add-review-modal .w-50 { width: 100% !important; height: 100% !important; min-width: auto !important } } .add-review-modal .w-50 .modal-content { border-radius: 10px } @media (max-width: 767.98px) { .add-review-modal .w-50 .modal-content { border: 0 !important } } .add-review-modal .rating-star .rating { border: none } .add-review-modal .rating-star .rating>input { display: none } .add-review-modal .rating-star .rating>label:before { margin: 5px; font-size: 2.5rem; display: inline-block; content: "\2605" } @media (max-width: 767.98px) { .add-review-modal .rating-star .rating>label:before { font-size: 2.1875rem } } .add-review-modal .rating-star .rating>.half:before { content: "\2605"; position: absolute } .add-review-modal .rating-star .rating>label { color: #ddd; float: right } .add-review-modal .rating-star .rating>input:checked~label, .add-review-modal .rating-star .rating:not(:checked)>label:hover, .add-review-modal .rating-star .rating:not(:checked)>label:hover~label { color: #FFD700 } .add-review-modal .rating-star .rating>input:checked+label:hover, .add-review-modal .rating-star .rating>input:checked~label:hover, .add-review-modal .rating-star .rating>label:hover~input:checked~label, .add-review-modal .rating-star .rating>input:checked~label:hover~label { color: #FFED85 } .add-review-modal .float-container label { font-size: 16px; position: absolute; transform-origin: top left; transform: translate(26px, 13px) scale(1); transition: all 0.1s ease-in-out } .add-review-modal .float-container label:focus { transform: translate(26px, -13px) } .add-review-modal .float-container.active label { transform: translate(26px, -13px) } .massage-text input.form-control { height: 9.375rem !important; border-radius: 8px !important } .activation-user.fixed-top { z-index: 100 !important } @media (max-width: 767.98px) { .activation-user.fixed-top { position: static !important } } .activation-user.fixed-top .container-fluid { max-width: 100% } .activation-user.fixed-top .btn-hollow-white { border-color: #fff; background-color: transparent } .member-plan-modal .modal-dialog { max-width: 500px } @media (max-width: 767.98px) { .member-plan-modal .modal-dialog { margin: 0 !important } } .member-plan-modal .modal-dialog .modal-content { border-radius: 10px !important } .member-plan-modal .modal-dialog .modal-content .modal-body button.close { position: absolute; z-index: 999; right: -3% !important; top: -4% !important; background: #fff; border-radius: 50%; opacity: 1 } @media (max-width: 767.98px) { .member-plan-modal .modal-dialog .modal-content .modal-body button.close { right: 0% !important; top: 0% !important } } .border-black { border: 2px solid #000 !important } .sticky-card-container.position-sticky ul li { width: 100% !important } .city-page .quick-info { z-index: 99; width: 95% } .city-page .btn-hallow { border: 1px solid #cdcdcd } .city-page img.img-fluid { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15) !important; object-fit: cover; max-height: 30rem; object-position: left } .pink-text { color: #f36 !important } .media-feature-section { background-repeat: no-repeat; background-size: cover } .experiences-section-city .card img.card-img-top { max-height: 14rem; object-fit: cover; object-position: bottom } .how-to-reach img { max-width: 80px } .how-to-reach .border-bottom { border-bottom: 1px solid #bebebe !important } .booking-success .check-circle img { max-width: 110px } .booking-success .card { background-color: rgba(255, 255, 255, 0.5); border-bottom: 6px solid #f36 } .booking-success .card .text-green { color: #5fc14b } .booking-success .card .border-left { border-left: 1px solid #dadada !important } @media (max-width: 767.98px) { .booking-success .card { text-align: center } .booking-success .card .px-15 { padding-left: .9rem !important; padding-right: .9rem !important } .booking-success .card .card-circle { margin-top: .95rem !important; margin-bottom: .95rem !important } .booking-success .card .font-size-30 { font-size: 1.5rem !important } .booking-success .card .font-size-20 { font-size: 1.2rem !important } .booking-success .card .pr-32 { padding-right: 0 !important } .booking-success .card .mb-12 { margin-bottom: 0 !important } .booking-success .card .font-size-19 { font-size: 1.09rem !important } .booking-success .card .font-size-22 { font-size: 1.2rem !important; font-weight: 700 } .booking-success .card .border-left { border-top: 1px solid #dadada !important } .booking-success .card .pt-32 { padding-top: 0 !important } .booking-success .card .pl-28 { padding-left: 0 !important } .booking-success .card .mt-26 { margin-top: 0.5rem !important; margin-bottom: 0 !important } .booking-success .card .pl-20 { padding-left: 0 !important } .how-to-reach img { max-width: 60px !important } .city-page .flex-xs-column-reverse { flex-direction: column-reverse } .hostel { margin-top: 15.625rem } .city-exp-modal .modal-dialog { top: 4rem !important } #singup-modal.modal.show .modal-dialog { height: 100vh !important } } @media (max-width: 991.98px) { .city-page img.img-fluid { max-height: 100%; height: 100% } } .faqs #accordion .card { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12) !important } .faqs #accordion .card .card-header button span { width: 90% } @media (max-width: 767.98px) { .faqs #accordion .card .card-header button span { width: 77% } } .faqs #accordion .card .card-header button:after { content: '-'; background-color: #f36; transition: .18s all linear; color: #fff; font-size: 2.1875rem; padding: 10px 1.8rem; height: 100%; display: flex; align-items: center; position: absolute; border-radius: 0 5px 5px 0; right: 0 } .faqs #accordion .card .card-header button:hover { color: black; text-decoration: none } .faqs #accordion .card .card-header button:focus { text-decoration: none } .faqs #accordion .card .card-header button.collapsed::after { content: '+'; color: #f36; background-color: transparent } @media (min-width: 576px) { .experience-card-modal .modal-dialog { width: 35%; top: 10rem; max-width: 500px !important; min-width: 500px } } .experience-card-modal .modal-dialog .modal-content { border-radius: 10px } .experience-card-modal .experience-icon-modal { top: 5% !important; right: 92% !important } .media-featured .card:hover { box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important } .media-featured .card { transition: .3s all linear } .media-featured .media-icon { height: 5.625rem; object-fit: contain } .media-featured .media-feature-main { height: 15.625rem; object-fit: cover } .media-featured .border-bottom-pink { border-bottom: 4px solid #f36 } .media-featured .border-bottom-blue { border-bottom: 4px solid #3cf } .media-featured .border-bottom-orange { border-bottom: 4px solid #f93 } .media-featured a:hover, .media-featured p:hover { color: #f36 !important; text-decoration: underline !important } .privacy-ploicy .border-pink { border: 2px solid #f36 } .privacy-ploicy .border-pink ol li { list-style-type: circle !important } .privacy-ploicy .border-blue { border: 2px solid #3cf } .privacy-ploicy .border-orange { border: 2px solid #f93 } .privacy-ploicy .border-orange ol li { list-style-type: circle !important } .privacy-ploicy .text-gray { color: #555555 !important } .contact-us .textarea .form-control { border-radius: 22px !important; height: 9.375rem } .contact-us .float-container label:focus { background-color: #f7f7f7 !important } .contact-us .float-container.active label { background-color: #f7f7f7 !important } .contact-us .float-container input { padding-right: .75rem !important } .contact-us .signup .border-bottom { border-bottom: 1px solid #bebebe !important } .member-ship-plan-card.membership-member-ship-plan-card { height: 32rem } @media (max-width: 767.98px) { .member-ship-plan-card.membership-member-ship-plan-card { height: auto } } .member-ship-plan-card { border-radius: 10px } .member-ship-plan-card #horizontal-line { border: 2px solid #fff; border-radius: 10px; margin-bottom: 2rem } .member-ship-plan-card .btn-white { background-color: #fff; color: black; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3) !important } .best-value .card { box-shadow: 15px 9px 22px rgba(0, 0, 0, 0.2); overflow: hidden } .best-value .card .best-value-price-tag { position: absolute; background: #fff; padding: 4px 3rem; top: 27px; right: -57px; transform: rotate(-316deg); font-size: 21px; font-weight: 700 } .max-60 { max-width: 60px } .radio-new-card input[type="radio"] { position: absolute; opacity: 0 } .form-check.radio-new-card label { text-align: left !important } .radio-new-card input[type="radio"]+.form-check-label:before { content: ''; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 1rem; height: 1rem; position: relative; top: 0.2em; margin-right: 10px; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease } .radio-new-card input[type="radio"]:checked+.form-check-label:before { background-color: #f36; box-shadow: inset 0 0 0 4px #f4f4f4 } .radio-new-card input[type="radio"]:checked+.form-check-label { color: #f36 } .radio-new-card input[type="radio"]:focus+.form-check-label:before { outline: none; border-color: #f36 } .radio-new-card input[type="radio"]:disabled+.form-check-label:before { box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4 } .radio-new-card input[type="radio"]+.form-check-label:empty:before { margin-right: 0 } .checked-fix { position: absolute; top: 5px; left: 5px } .checked-fix img { max-width: 50px } .checked-fix .britness { filter: brightness(0.1) } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .newly-card .card .img-wrapper .card-img { min-height: 20rem; min-width: 12rem } footer .size-for-mac { max-width: 60%; flex: 0 0 60% } .landing-page .pr-md-25 { padding-right: 1rem !important } .hostel-booking-content .title, .hostel-booking-content .card.with-overlay .card-img-overlay .card-title { font-size: 1.2rem } .hostel-booking-content .font-md-size-16 { font-size: 0.77rem !important } .cont.s--signup .sub-cont { transform: translate3d(-608px, 0, 0) } .signup .cont { width: 100%; margin: 0 } .signup .cont .form { width: 604px } .signup .sub-cont { left: 590px } .signup .offset-lg-1.col-lg-6 { margin-left: 0; flex: 0 0 100%; max-width: 100% } .contact-us .font-sm-size-24 { font-size: 1.1rem !important } .guest-infomation .col-sm-12 { flex: 0 0 100%; max-width: 100% } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .guest-infomation .col-sm-12 { flex: 0 0 100%; max-width: 100% } .booking-success .pl-28 { padding-left: 30px !important } .booking-success .pl-sm-15.pink-text { padding-left: 0px !important } .who-we-are .content-box h2.content-title { font-size: 1.5rem !important } .who-we-are { margin-top: 0 !important } .contact-us .card-body.px-md-15 { padding-left: 1rem !important; padding-right: 1rem !important } .contact-us .font-sm-size-24 { font-size: .9rem !important } .landing-page .pr-md-25 { padding-right: 1rem !important } .city-page .font-size-17 { font-size: 1rem !important } .hostel-booking-content .font-md-size-16 { font-size: 0.77rem !important } .hostel-booking-content .title, .hostel-booking-content .card.with-overlay .card-img-overlay .card-title { font-size: 1.2rem } .home-page .hero-section .top-container .banner-container .img-wrapper .img-fluid { max-width: 100% } .home-page .hero-section .top-container .banner-container .li-width-for-mobile { display: block !important } .home-page .hero-section .top-container .banner-container .main-new-banner { display: none !important } .home-page .newly-opned-section .newly-opned-wrapper .newly-opened-card-wrapper .side-content-wrapper .content-wrapper { position: relative; display: block !important } } @media (max-width: 1280px) { html, body { overflow-x: hidden } } @media (max-width: 767.98px) { .landing-page-banner-new { background-size: contain !important } html, body { overflow-x: hidden } header.header .menu-container .hamburger { position: absolute; top: 0%; left: 5%; transform: translate(0, -125%) } header.header .collapsed { display: none !important } header.header .search { position: absolute !important; top: -3rem; right: 0 } header.header .search input { display: none } header.header .search span { font-size: 1.8rem !important; right: 1.75rem !important; top: -0.8rem !important } .side-nav { width: 100%; top: 61% !important; padding-top: 1rem !important; overflow-x: auto; padding-bottom: 8rem !important; z-index: 999 } .main-container.mt-25 { margin-top: 5rem !important } .main-container.mt-25 .banner-container .img-wrapper { padding: 1rem } .main-container.mt-25 .loaction-container, .main-container.mt-25 .long-stay-section, .main-container.mt-25 .experiences-section, .main-container.mt-25 .review-rating-section { background-image: none !important } .main-container.mt-25 .loaction-container .py-10 { padding: 0 !important } .main-container.mt-25 .loaction-container .py-10 .location-card-wrapper .font-size-45 { font-size: 1.9rem !important } .main-container.mt-25 .loaction-container .locaton-descirption .side-fade-title { top: 15% !important; right: -3% !important; color: #d6d6d6 !important; margin: 0 } .main-container.mt-25 .offset-3, .main-container.mt-25 .offset-1 { margin-left: 0 !important } .main-container.mt-25 .long-stay-section .mb-14 { margin-bottom: 0 !important } .main-container.mt-25 .long-stay-section .py-20 { padding-top: 0 !important; padding-bottom: 0 !important } .main-container.mt-25 .long-stay-section .long-stay-form { background-color: #ea4f71; padding: 2rem; margin-top: 0 !important } .newly-opned-section.pt-20 { margin: 0 !important; padding-top: 1.65rem !important; padding-bottom: 1.65rem !important } .newly-opned-section.pt-20 .side-title-wrapper { text-align: center; margin-bottom: 0 !important } .newly-opned-section.pt-20 .side-title-wrapper .side-title-left { left: -8% !important } .newly-opned-section.pt-20 .side-title-wrapper .section__subtitle { padding: 0 2rem } .newly-opned-section.pt-20 .newly-opened-card-wrapper { flex-direction: column-reverse } .newly-opned-section.pt-20 .newly-opened-card-wrapper .lightSlider li { margin-left: 0 !important } .newly-opned-section.pt-20 .newly-opened-card-wrapper .bg-success { margin-top: -10rem !important } .newly-opned-section.pt-20 .content-wrapper:after { display: none } .experiences-section .side-title-wrapper { margin-bottom: 0 !important; text-align: center } .experiences-section .side-title-wrapper .side-title-left { left: -8% !important } .experiences-section .experiences-card-wrapper .px-29 { padding-right: 0 !important; padding-left: 0 !important } .experiences-section .experiences-card-wrapper .lSAction>a { display: none } .experiences-section .experiences-card-wrapper .lightSlider li { margin-left: 0 !important } .experiences-section .experiences-card-wrapper .lightSlider li .col-12 { margin-bottom: 0.5rem } .experiences-section .button-wrapper .pt-15 { padding-top: 0 !important } .experiences-section .button-wrapper .pt-15 .btn { width: 100% } .review-rating-section.my-15 { margin-top: 0 !important; margin-bottom: 0 !important } .review-rating-section.my-15 .mb-14 { margin-bottom: 0 !important; padding: 0 3rem } .review-rating-section.my-15 .side-title-left { left: -10% !important } .review-rating-section.my-15 .img-wrapper .card-side-img { width: 100%; max-height: fit-content !important } .review-rating-section.my-15 .profile-img-wrapper { top: -19% !important; left: 50% !important; transform: translate(-50%, 0) } .review-rating-section.my-15 .pr-26 { padding-right: 0.85rem !important } .review-rating-section.my-15 .pl-32 { padding-left: 0 !important } .review-rating-section.my-15 .arrow-wrapper .text:after { width: 50% !important } .review-rating-section.my-15 .px-20, .review-rating-section.my-15 .px-25 { padding-right: .987rem !important; padding-left: .987rem !important } .review-rating-section.my-15 .p-20 { padding: 3rem 1rem 1rem !important } .section__subtitle { max-width: 100% } .slider-move-btn { display: none } .section__title { font-size: 1.6rem !important } .footer .top-footer-wrapper { padding: 0 1rem } .footer .top-footer-wrapper .img-wrapper { text-align: center } .footer .top-footer-wrapper .img-wrapper .img-fluid { max-width: 200px } .footer .bottom-footer-wrapper { text-align: center } .footer .bottom-footer-wrapper .text-right { text-align: center !important } .signup .px-20 { padding-right: 1rem !important; padding-left: 1rem !important } .flex-direction { flex-direction: column-reverse } .li-width-for-mobile li { width: 410px } } @media (min-width: 576px) { .loaction-container .card { height: 21.875rem } .loaction-container .card .img-wrapper { height: 100% } .loaction-container .card .img-wrapper .card-img { height: 100%; object-fit: cover } .long-stay-section .card-img { min-height: 18.75rem; object-fit: cover } } @media (max-width: 320px) { .banner-container .img-wrapper .img-fluid { max-width: 320px !important } .li-width-for-mobile li { width: 320px } } @media (max-width: 390px) and (min-width: 360px) { .banner-container .img-wrapper .img-fluid { max-width: 100% !important } } @media (max-width: 360px) and (min-width: 360px) { .li-width-for-mobile li { width: 360px !important } } @media (max-width: 375px) and (min-width: 375px) { .li-width-for-mobile li { width: 375px !important } } @media (max-width: 414px) and (min-width: 414px) { .li-width-for-mobile li { width: 414px !important } } @media (max-width: 414px) and (min-width: 414px) { .banner-container .img-wrapper .img-fluid { max-width: 414px !important } } .erro-404 .card { box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important } .erro-404 .card .erorr-image h1 { font-size: 8rem !important } .erro-404 .card .erorr-image .px-32 { padding-left: 10rem !important; padding-right: 10rem !important } .experience-card { background-repeat: no-repeat; background-size: cover; background-position: 100% 90% } .experience-card .shadow-card { box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important } .experience-card .shadow-card .side-image-ex { background-repeat: no-repeat; background-size: cover; background-position: center } .experience-card .position-relative .styledSelect { text-indent: 2.6rem; color: black !important } .experience-card .position-relative .position-absolute { top: 3px !important; right: auto !important; left: 23px; z-index: 11 } .experience-card .float-container label { transform: translate(40px, 13px) scale(1); padding: 0 1rem } .experience-card .float-container label:focus { transform: translate(40px, -9px) scale(0.75); font-size: 18px; background-color: #fff } .experience-card .float-container.active label { font-size: 18px; background-color: #fff; transform: translate(40px, -9px) scale(0.75) !important } .experience-card input, .experience-card textarea { text-indent: 0 !important; padding-left: 3.5rem } .experience-card input:focus, .experience-card textarea:focus { border: 1px solid #000; box-shadow: none } @media (max-width: 991.98px) { .cont { width: 100% !important; height: auto !important } .cont .img { display: none !important } .cont .mobile-singup { display: block !important } .sub-cont { overflow-y: scroll !important; width: 100% !important; padding-left: 0 !important; left: 680px !important } .cont.s--signup .sub-cont { left: 640px !important } } .cont { overflow: hidden; position: relative; width: 1040px; height: 43.75rem; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important; margin: 0 auto; background: #fff } .cont .form { position: relative; width: 640px; height: 100%; transition: transform 1.1s ease-in-out } @media (max-width: 991.98px) { .cont .form { width: 100% !important } } .cont .card .btn.bg-white { box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12) !important } .cont .mobile-singup { display: none } .sub-cont { overflow: hidden; position: absolute; z-index: 100; left: 640px; top: 0; width: 1040px; height: 100%; padding-left: 400px; background: #fff; transition: transform 1.1s ease-in-out } .cont.s--signup .sub-cont { transform: translate3d(-640px, 0, 0) } .img { overflow: hidden; z-index: 2; position: absolute; left: 0; top: 0; width: 400px; height: 100%; padding-top: 360px } .img:before { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-image: url(core/static/src/img/bg2.png); background-size: cover; transition: transform 1.1s ease-in-out } .cont.s--signup .img:before { transform: translate3d(0, 0, 0) } .img__text { z-index: 2; position: absolute; left: 0; top: 35%; width: 100%; padding: 0 20px; text-align: center; color: #fff; transition: transform 1.1s ease-in-out } .img__text.m--up p { color: #c8cafb !important } .cont.s--signup .img__text.m--up { transform: translateX(800px) } .img__text.m--in { transform: translateX(-800px) } .img__text.m--in p { color: #c8cafb !important } .cont.s--signup .img__text.m--in { transform: translateX(0) } .img__btn { overflow: hidden; z-index: 2; top: 35%; position: relative; width: 60%; height: 36px; margin: 0 auto; background: transparent; color: #fff; text-transform: uppercase; font-size: 18px; cursor: pointer } .img__btn:after { content: ''; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #b5b7ff; border-radius: 30px } .img__btn span { position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; transition: transform 1.1s } .img__btn span.m--in { transform: translateY(-72px) } .cont.s--signup .img__btn span.m--in { transform: translateY(0) } .cont.s--signup .img__btn span.m--up { transform: translateY(72px) } .img .gostops-logo-white { top: 5rem } .sign-in { transition-timing-function: ease-out; transition-duration: 1.1s } .cont.s--signup .sign-in { transition-timing-function: ease-in-out; transform: translate3d(640px, 0, 0) } .sign-up { transform: translate3d(-1040px, 0, 0); transition-timing-function: ease-out; transition-duration: 1.1s } .cont.s--signup .sign-up { transition-timing-function: ease-in-out; transform: translate3d(0, 0, 0) } .login-signup-new { background-image: url(core/static/src/img/Log-in-sign-up-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center } .login-signup-new .position-relative .position-absolute { top: 3px; right: auto; left: 23px } .login-signup-new .float-container label { transform: translate(50px, 13px) scale(1) !important } .login-signup-new .float-container label:focus { transform: translate(50px, -9px) scale(0.75) !important } @media (max-width: 767.98px) { .login-signup-new .float-container label:focus { transform: translate(40px, -9px) scale(0.75) !important } } @media (max-width: 767.98px) { .login-signup-new .float-container label { transform: translate(40px, 13px) scale(1) !important } } .login-signup-new .float-container.active label { transform: translate(50px, -9px) scale(0.75) !important } @media (max-width: 767.98px) { .login-signup-new .float-container.active label { transform: translate(40px, -9px) scale(0.75) !important } } .login-signup-new input { text-indent: 0 !important; padding-left: 3.5rem } .passowrd-show-hide { position: absolute; right: 23px !important; z-index: 11; top: 14px !important; left: auto !important; font-size: 22px; cursor: pointer } .landing-page .booking-form { box-shadow: 0 0 30px rgba(0, 0, 0, 0.12) } .landing-page .bg-none { background-image: none !important } .text-link { font-weight: bold; text-transform: inherit } .text-link:hover { color: #FF3366 } @media (max-width: 767.98px) { .floating-book-now-button { bottom: 8% } .landing-page .booking-form { position: relative !important; top: 0 !important } footer.footer .bottom-footer-wrapper { margin-bottom: 2.5rem } .landing-hostel-banenr { height: 150px !important } .iframe-video iframe { width: 100% !important } .size-images { width: 100% !important } } @media (min-width: 768px) and (max-width: 991.98px) { .iframe-video iframe { width: 100% !important } .size-images { width: 70% !important } .landing-hostel-banenr { height: 250px !important } } .arrow-for-left, .arrow-for-right { position: absolute; top: 4%; font-size: 2rem; color: #f36 !important; line-height: 1.3; text-align: center; right: 0 } .mobile-member-only .img-wrapper img { max-width: 300px; height: 346px } @media (min-width: 260px) and (max-width: 320px) { .mobile-member-only .img-wrapper img { max-width: 290px } } @media (min-width: 321px) and (max-width: 360px) { .mobile-member-only .img-wrapper img { max-width: 330px } } @media (min-width: 361px) and (max-width: 375px) { .mobile-member-only .img-wrapper img { max-width: 345px } } @media (min-width: 376px) and (max-width: 411px) { .mobile-member-only .img-wrapper img { max-width: 381px } } @media (min-width: 412px) and (max-width: 420px) { .mobile-member-only .img-wrapper img { max-width: 384px } } @media (min-width: 421px) and (max-width: 450px) { .mobile-member-only .img-wrapper img { max-width: 420px } } .enquire-button-fixed { z-index: 9999 !important; top: auto !important; bottom: 0 } @media (max-width: 767.98px) { .is-sticky .enquire-button-fixed { display: block !important } } /*# sourceMappingURL=main.css.map*/