@charset "UTF-8";:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1 } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat) } .animated.repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat)*2); animation-iteration-count: calc(var(--animate-repeat)*2) } .animated.repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat)*3); animation-iteration-count: calc(var(--animate-repeat)*3) } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay) } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay)*2); animation-delay: calc(var(--animate-delay)*2) } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay)*3); animation-delay: calc(var(--animate-delay)*3) } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay)*4); animation-delay: calc(var(--animate-delay)*4) } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay)*5); animation-delay: calc(var(--animate-delay)*5) } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-duration: calc(var(--animate-duration)/2); animation-duration: calc(var(--animate-duration)/2) } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-duration: calc(var(--animate-duration)*.8); animation-duration: calc(var(--animate-duration)*.8) } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2) } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration)*3); animation-duration: calc(var(--animate-duration)*3) } @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 } .animated[class*=Out] { opacity: 0 } } @-webkit-keyframes bounce { 0%,20%,53%,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) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1) } 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) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05) } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02) } } @keyframes bounce { 0%,20%,53%,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) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1) } 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) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05) } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02) } } .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-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-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 shakeX { 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 shakeX { 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) } } .shakeX { -webkit-animation-name: shakeX; animation-name: shakeX } @-webkit-keyframes shakeY { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } } @keyframes shakeY { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } } .shakeY { -webkit-animation-name: shakeY; animation-name: shakeY } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .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(0); transform: rotate(0) } } @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(0); transform: rotate(0) } } .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-duration: calc(var(--animate-duration)*1.3); animation-duration: calc(var(--animate-duration)*1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .backInDown { -webkit-animation-name: backInDown; animation-name: backInDown } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .backInRight { -webkit-animation-name: backInRight; animation-name: backInRight } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .backInUp { -webkit-animation-name: backInUp; animation-name: backInUp } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 } } .backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } } .backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } } .backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 } } .backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp } @-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-duration: calc(var(--animate-duration)*.75); animation-duration: calc(var(--animate-duration)*.75); -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) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985) } 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) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985) } 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) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995) } 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) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995) } 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) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995) } 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) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995) } 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) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985) } 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) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985) } 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-duration: calc(var(--animate-duration)*.75); animation-duration: calc(var(--animate-duration)*.75); -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3) } } .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 fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight } @-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 fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } } .fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } } .fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } } .fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } } .fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft } @-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(0); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0); -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(0); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0); -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-duration: calc(var(--animate-duration)*.75); animation-duration: calc(var(--animate-duration)*.75); -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-animation-duration: calc(var(--animate-duration)*.75); animation-duration: calc(var(--animate-duration)*.75); -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedInRight { 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 lightSpeedInRight { 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) } } .lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedInLeft { 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 lightSpeedInLeft { 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) } } .lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } .lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 } } .lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateOut { 0% { opacity: 1 } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { opacity: 1 } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1 } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { opacity: 1 } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left } @-webkit-keyframes jackInTheBox { 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-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-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-transform-origin: center bottom; transform-origin: center bottom } @-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) } } @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) } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.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) } } @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) } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.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-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-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-transform-origin: center bottom; transform-origin: center bottom } @-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 } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace } *,::after,::before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } article,aside,figcaption,figure,footer,header,hgroup,main,nav,section { display: block } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0!important } hr { box-sizing: content-box; height: 0; overflow: visible } h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-original-title],abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } dl,ol,ul { margin-top: 0; margin-bottom: 1rem } ol ol,ol ul,ul ol,ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b,strong { font-weight: bolder } small { font-size: 80% } sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #007bff; text-decoration: none; background-color: transparent } a:hover { color: #0056b3; text-decoration: underline } a:not([href]):not([class]) { color: inherit; text-decoration: none } a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code,kbd,pre,samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar } figure { margin: 0 0 1rem } img { vertical-align: middle; border-style: none } svg { overflow: hidden; vertical-align: middle } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom } th { text-align: inherit; text-align: -webkit-match-parent } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button,input,optgroup,select,textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button,input { overflow: visible } button,select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } [type=button],[type=reset],[type=submit],button { -webkit-appearance: button } [type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) { cursor: pointer } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0 } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none!important } .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(0,0,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" } .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 } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word } a>code { color: inherit } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 100%; font-weight: 700 } pre { display: block; font-size: 87.5%; color: #212529 } pre code { font-size: inherit; color: inherit; word-break: normal } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container,.container-sm { max-width:540px } } @media (min-width: 768px) { .container,.container-md,.container-sm { max-width:720px } } @media (min-width: 992px) { .container,.container-lg,.container-md,.container-sm { max-width:960px } } @media (min-width: 1200px) { .container,.container-lg,.container-md,.container-sm,.container-xl { max-width:1140px } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.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-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .row-cols-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 13; order: 13 } .order-0 { -ms-flex-order: 0; order: 0 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-7 { -ms-flex-order: 7; order: 7 } .order-8 { -ms-flex-order: 8; order: 8 } .order-9 { -ms-flex-order: 9; order: 9 } .order-10 { -ms-flex-order: 10; order: 10 } .order-11 { -ms-flex-order: 11; order: 11 } .order-12 { -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.333333% } .offset-2 { margin-left: 16.666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.333333% } .offset-5 { margin-left: 41.666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.333333% } .offset-8 { margin-left: 66.666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.333333% } .offset-11 { margin-left: 91.666667% } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size:0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-sm-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-sm-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-sm-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .row-cols-sm-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-sm-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-sm-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size:0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-md-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-md-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-md-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .row-cols-md-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-md-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-md-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size:0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-lg-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-lg-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-lg-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .row-cols-lg-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-lg-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-lg-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size:0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-xl-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-xl-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-xl-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .row-cols-xl-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-xl-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-xl-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } } .table { width: 100%; margin-bottom: 1rem; color: #212529 } .table td,.table th { 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 td,.table-sm th { padding: .3rem } .table-bordered { border: 1px solid #dee2e6 } .table-bordered td,.table-bordered th { border: 1px solid #dee2e6 } .table-bordered thead td,.table-bordered thead th { border-bottom-width: 2px } .table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05) } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0,0,0,.075) } .table-primary,.table-primary>td,.table-primary>th { background-color: #b8daff } .table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th { border-color: #7abaff } .table-hover .table-primary:hover { background-color: #9fcdff } .table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th { background-color: #9fcdff } .table-secondary,.table-secondary>td,.table-secondary>th { background-color: #d6d8db } .table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th { border-color: #b3b7bb } .table-hover .table-secondary:hover { background-color: #c8cbcf } .table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th { background-color: #c8cbcf } .table-success,.table-success>td,.table-success>th { background-color: #c3e6cb } .table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th { border-color: #8fd19e } .table-hover .table-success:hover { background-color: #b1dfbb } .table-hover .table-success:hover>td,.table-hover .table-success:hover>th { background-color: #b1dfbb } .table-info,.table-info>td,.table-info>th { background-color: #bee5eb } .table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th { border-color: #86cfda } .table-hover .table-info:hover { background-color: #abdde5 } .table-hover .table-info:hover>td,.table-hover .table-info:hover>th { background-color: #abdde5 } .table-warning,.table-warning>td,.table-warning>th { background-color: #ffeeba } .table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th { border-color: #ffdf7e } .table-hover .table-warning:hover { background-color: #ffe8a1 } .table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th { background-color: #ffe8a1 } .table-danger,.table-danger>td,.table-danger>th { background-color: #f5c6cb } .table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th { border-color: #ed969e } .table-hover .table-danger:hover { background-color: #f1b0b7 } .table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th { background-color: #f1b0b7 } .table-light,.table-light>td,.table-light>th { background-color: #fdfdfe } .table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th { 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>td,.table-dark>th { background-color: #c6c8ca } .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th { 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-active,.table-active>td,.table-active>th { background-color: rgba(0,0,0,.075) } .table-hover .table-active:hover { background-color: rgba(0,0,0,.075) } .table-hover .table-active:hover>td,.table-hover .table-active:hover>th { background-color: rgba(0,0,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 td,.table-dark th,.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,.05) } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255,255,255,.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 } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); 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 .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057 } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled,.form-control[readonly] { background-color: #e9ecef; opacity: 1 } input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none } 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: .375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } select.form-control[multiple],select.form-control[size] { height: auto } textarea.form-control { height: auto } .form-group { margin-bottom: 1rem } .form-text { display: block; margin-top: .25rem } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .input-contact{ margin-bottom:15px; } .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,.form-check-input[disabled]~.form-check-label { color: #6c757d } .form-check-label { margin-bottom: 0 } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; 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: #28a745 } .valid-tooltip { position: absolute; top: 100%; left: 0; 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(40,167,69,.9); border-radius: .25rem } .form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip { left: 5px } .is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip { display: block } .form-control.is-valid,.was-validated .form-control:valid { border-color: #28a745; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus,.was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .was-validated textarea.form-control:valid,textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-valid,.was-validated .custom-select:valid { border-color: #28a745; padding-right: calc(.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat } .custom-select.is-valid:focus,.was-validated .custom-select:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label { color: #28a745 } .form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label { color: #28a745 } .custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before { border-color: #28a745 } .custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before { border-color: #34ce57; background-color: #34ce57 } .custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before { border-color: #28a745 } .custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label { border-color: #28a745 } .custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; left: 0; 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(220,53,69,.9); border-radius: .25rem } .form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip { left: 5px } .is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip { display: block } .form-control.is-invalid,.was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus,.was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .was-validated textarea.form-control:invalid,textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-invalid,.was-validated .custom-select:invalid { border-color: #dc3545; padding-right: calc(.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat } .custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label { color: #dc3545 } .form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label { color: #dc3545 } .custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before { border-color: #dc3545 } .custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before { border-color: #e4606d; background-color: #e4606d } .custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before { border-color: #dc3545 } .custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label { border-color: #dc3545 } .custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center } .form-inline .form-check { width: 100% } @media (min-width: 576px) { .form-inline label { display:-ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0 } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; 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 .custom-select,.form-inline .input-group { width: auto } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: 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; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 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 .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #212529; text-decoration: none } .btn.focus,.btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .btn.disabled,.btn:disabled { opacity: .65 } .btn:not(:disabled):not(.disabled) { cursor: pointer } a.btn.disabled,fieldset:disabled a.btn { pointer-events: none } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc } .btn-primary.focus,.btn-primary:focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 .2rem rgba(38,143,255,.5) } .btn-primary.disabled,.btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf } .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(38,143,255,.5) } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62 } .btn-secondary.focus,.btn-secondary:focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 .2rem rgba(130,138,145,.5) } .btn-secondary.disabled,.btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b } .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(130,138,145,.5) } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34 } .btn-success.focus,.btn-success:focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 .2rem rgba(72,180,97,.5) } .btn-success.disabled,.btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430 } .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(72,180,97,.5) } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b } .btn-info.focus,.btn-info:focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 .2rem rgba(58,176,195,.5) } .btn-info.disabled,.btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f } .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(58,176,195,.5) } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00 } .btn-warning.focus,.btn-warning:focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 .2rem rgba(222,170,12,.5) } .btn-warning.disabled,.btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500 } .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,170,12,.5) } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 } .btn-danger.focus,.btn-danger:focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 .2rem rgba(225,83,97,.5) } .btn-danger.disabled,.btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d } .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(225,83,97,.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 { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 .2rem rgba(216,217,219,.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,.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 { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 .2rem rgba(82,88,93,.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,.5) } .btn-outline-primary { color: #007bff; border-color: #007bff } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff } .btn-outline-primary.focus,.btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-outline-primary.disabled,.btn-outline-primary:disabled { color: #007bff; 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: #fff; background-color: #007bff; border-color: #007bff } .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(0,123,255,.5) } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-outline-secondary.focus,.btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .btn-outline-secondary.disabled,.btn-outline-secondary:disabled { color: #6c757d; 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: #fff; background-color: #6c757d; border-color: #6c757d } .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(108,117,125,.5) } .btn-outline-success { color: #28a745; border-color: #28a745 } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-outline-success.focus,.btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .btn-outline-success.disabled,.btn-outline-success:disabled { color: #28a745; 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: #fff; background-color: #28a745; border-color: #28a745 } .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(40,167,69,.5) } .btn-outline-info { color: #17a2b8; border-color: #17a2b8 } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info.focus,.btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .btn-outline-info.disabled,.btn-outline-info:disabled { color: #17a2b8; 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: #17a2b8; border-color: #17a2b8 } .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(23,162,184,.5) } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-outline-warning.focus,.btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .btn-outline-warning.disabled,.btn-outline-warning:disabled { color: #ffc107; 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: #ffc107; border-color: #ffc107 } .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,193,7,.5) } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger.focus,.btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .btn-outline-danger.disabled,.btn-outline-danger:disabled { color: #dc3545; 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: #dc3545; border-color: #dc3545 } .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(220,53,69,.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,.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,.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,.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,.5) } .btn-link { font-weight: 400; color: #007bff; text-decoration: none } .btn-link:hover { color: #0056b3; text-decoration: underline } .btn-link.focus,.btn-link:focus { text-decoration: underline } .btn-link.disabled,.btn-link:disabled { color: #6c757d; pointer-events: none } .btn-group-lg>.btn,.btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .btn-group-sm>.btn,.btn-sm { 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=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { width: 100% } .fade { transition: opacity .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 .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown,.dropleft,.dropright,.dropup { 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(0,0,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^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] { 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:focus,.dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #e9ecef } .dropdown-item.active,.dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff } .dropdown-item.disabled,.dropdown-item:disabled { color: #adb5bd; 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 } .btn-group,.btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle } .btn-group-vertical>.btn,.btn-group>.btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto } .btn-group-vertical>.btn:hover,.btn-group>.btn:hover { z-index: 1 } .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus { z-index: 1 } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) { margin-left: -1px } .btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after { margin-left: 0 } .dropleft .dropdown-toggle-split::before { margin-right: 0 } .btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center } .btn-group-vertical>.btn,.btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) { margin-top: -1px } .btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) { 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=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100% } .input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0 } .input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control { margin-left: -1px } .input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus { z-index: 3 } .input-group>.custom-file .custom-file-input:focus { z-index: 4 } .input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group>.custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group-append,.input-group-prepend { display: -ms-flexbox; display: flex } .input-group-append .btn,.input-group-prepend .btn { position: relative; z-index: 2 } .input-group-append .btn:focus,.input-group-prepend .btn:focus { z-index: 3 } .input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text { margin-left: -1px } .input-group-prepend { margin-right: -1px } .input-group-append { margin-left: -1px } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; 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=checkbox],.input-group-text input[type=radio] { margin-top: 0 } .input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea) { height: calc(1.5em + 1rem + 2px) } .input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea) { height: calc(1.5em + .5rem + 2px) } .input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text { 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.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.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),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text { 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:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0 } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; color-adjust: exact } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0 } .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff } .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #80bdff } .custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff } .custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label { color: #6c757d } .custom-control-input:disabled~.custom-control-label::before,.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: 50%/50% 50% no-repeat } .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,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color: #007bff; background-color: #007bff } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e") } .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0,123,255,.5) } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: rgba(0,123,255,.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,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0,123,255,.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: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: .5rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .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; -webkit-transform: translateX(.75rem); transform: translateX(.75rem) } .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0,123,255,.5) } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.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:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057 } .custom-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); margin-bottom: 0 } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + .75rem + 2px); margin: 0; overflow: hidden; opacity: 0 } .custom-file-input:focus~.custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .custom-file-input:disabled~.custom-file-label,.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: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; overflow: hidden; 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: calc(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: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-range:focus { outline: 0 } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff } .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: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff } .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: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none } } .custom-range::-ms-thumb:active { background-color: #b3d7ff } .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 .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .custom-control-label::before,.custom-file-label,.custom-select { transition: none } } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem } .nav-link:focus,.nav-link:hover { text-decoration: none } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active { 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: #007bff } .nav-fill .nav-item,.nav-fill>.nav-link { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } .nav-justified .nav-item,.nav-justified>.nav-link { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem } .navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; 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:focus,.navbar-brand:hover { text-decoration: none } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; 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 { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; 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:focus,.navbar-toggler:hover { text-decoration: none } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto } @media (max-width: 575.98px) { .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl { padding-right:0; padding-left: 0 } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow:row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; 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,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } } @media (max-width: 767.98px) { .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl { padding-right:0; padding-left: 0 } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow:row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; 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,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } } @media (max-width: 991.98px) { .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl { padding-right:0; padding-left: 0 } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-flow:row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; 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,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } } @media (max-width: 1199.98px) { .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl { padding-right:0; padding-left: 0 } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-flow:row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; 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,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl { padding-right: 0; padding-left: 0 } .navbar-expand .navbar-nav { -ms-flex-direction: row; 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,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand { color: rgba(0,0,0,.9) } .navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover { color: rgba(0,0,0,.9) } .navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.5) } .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,.3) } .navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link { color: rgba(0,0,0,.9) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0,0,0,.5) } .navbar-light .navbar-text a { color: rgba(0,0,0,.9) } .navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover { color: rgba(0,0,0,.9) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.5) } .navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) } .navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255,255,255,.5) } .navbar-dark .navbar-text a { color: #fff } .navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem } .card>hr { margin-right: 0; margin-left: 0 } .card>.list-group { border-top: inherit; border-bottom: inherit } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card>.card-header+.list-group,.card>.list-group+.card-footer { border-top: 0 } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; 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(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-footer { padding: .75rem 1.25rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.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; border-radius: calc(.25rem - 1px) } .card-img,.card-img-bottom,.card-img-top { -ms-flex-negative: 0; flex-shrink: 0; width: 100% } .card-img,.card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img,.card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-deck .card { margin-bottom: 15px } @media (min-width: 576px) { .card-deck { display:-ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px } .card-deck .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px } } .card-group>.card { margin-bottom: 15px } @media (min-width: 576px) { .card-group { display:-ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } .card-group>.card { -ms-flex: 1 0 0%; 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-header,.card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom { 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-header,.card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .card-columns .card { margin-bottom: .75rem } @media (min-width: 576px) { .card-columns { -webkit-column-count:3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1 } .card-columns .card { display: inline-block; width: 100% } } .accordion { overflow-anchor: none } .accordion>.card { overflow: hidden } .accordion>.card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .accordion>.card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0 } .accordion>.card>.card-header { border-radius: 0; margin-bottom: -1px } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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 { float: left; 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 } .pagination { display: -ms-flexbox; 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: #007bff; background-color: #fff; border: 1px solid #dee2e6 } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.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: 3; color: #fff; background-color: #007bff; border-color: #007bff } .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 } .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 .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .badge { transition: none } } a.badge:focus,a.badge:hover { 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: #fff; background-color: #007bff } a.badge-primary:focus,a.badge-primary:hover { color: #fff; background-color: #0062cc } a.badge-primary.focus,a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .badge-secondary { color: #fff; background-color: #6c757d } a.badge-secondary:focus,a.badge-secondary:hover { color: #fff; background-color: #545b62 } a.badge-secondary.focus,a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .badge-success { color: #fff; background-color: #28a745 } a.badge-success:focus,a.badge-success:hover { color: #fff; background-color: #1e7e34 } a.badge-success.focus,a.badge-success:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .badge-info { color: #fff; background-color: #17a2b8 } a.badge-info:focus,a.badge-info:hover { color: #fff; background-color: #117a8b } a.badge-info.focus,a.badge-info:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .badge-warning { color: #212529; background-color: #ffc107 } a.badge-warning:focus,a.badge-warning:hover { color: #212529; background-color: #d39e00 } a.badge-warning.focus,a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .badge-danger { color: #fff; background-color: #dc3545 } a.badge-danger:focus,a.badge-danger:hover { color: #fff; background-color: #bd2130 } a.badge-danger.focus,a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .badge-light { color: #212529; background-color: #f8f9fa } a.badge-light:focus,a.badge-light:hover { 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,.5) } .badge-dark { color: #fff; background-color: #343a40 } a.badge-dark:focus,a.badge-dark:hover { 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,.5) } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem } @media (min-width: 576px) { .jumbotron { padding:4rem 2rem } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 4rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: .75rem 1.25rem; color: inherit } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff } .alert-primary hr { border-top-color: #9fcdff } .alert-primary .alert-link { color: #002752 } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db } .alert-secondary hr { border-top-color: #c8cbcf } .alert-secondary .alert-link { color: #202326 } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb } .alert-success hr { border-top-color: #b1dfbb } .alert-success .alert-link { color: #0b2e13 } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb } .alert-info hr { border-top-color: #abdde5 } .alert-info .alert-link { color: #062c33 } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba } .alert-warning hr { border-top-color: #ffe8a1 } .alert-warning .alert-link { color: #533f03 } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb } .alert-danger hr { border-top-color: #f1b0b7 } .alert-danger .alert-link { color: #491217 } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe } .alert-light hr { border-top-color: #ececf6 } .alert-light .alert-link { color: #686868 } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca } .alert-dark hr { border-top-color: #b9bbbe } .alert-dark .alert-link { color: #040505 } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start } .media-body { -ms-flex: 1; flex: 1 } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus,.list-group-item-action:hover { 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; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .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: #007bff; border-color: #007bff } .list-group-item+.list-group-item { border-top-width: 0 } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px } .list-group-horizontal { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal>.list-group-item.active { margin-top: 0 } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } @media (min-width: 576px) { .list-group-horizontal-sm { -ms-flex-direction:row; flex-direction: row } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 768px) { .list-group-horizontal-md { -ms-flex-direction:row; flex-direction: row } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-md>.list-group-item.active { margin-top: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 992px) { .list-group-horizontal-lg { -ms-flex-direction:row; flex-direction: row } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 1200px) { .list-group-horizontal-xl { -ms-flex-direction:row; flex-direction: row } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } .list-group-flush { border-radius: 0 } .list-group-flush>.list-group-item { border-width: 0 0 1px } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #004085; background-color: #b8daff } .list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover { color: #004085; background-color: #9fcdff } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085 } .list-group-item-secondary { color: #383d41; background-color: #d6d8db } .list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover { color: #383d41; background-color: #c8cbcf } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41 } .list-group-item-success { color: #155724; background-color: #c3e6cb } .list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover { color: #155724; background-color: #b1dfbb } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724 } .list-group-item-info { color: #0c5460; background-color: #bee5eb } .list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover { color: #0c5460; background-color: #abdde5 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460 } .list-group-item-warning { color: #856404; background-color: #ffeeba } .list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover { color: #856404; background-color: #ffe8a1 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404 } .list-group-item-danger { color: #721c24; background-color: #f5c6cb } .list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover { color: #721c24; background-color: #f1b0b7 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24 } .list-group-item-light { color: #818182; background-color: #fdfdfe } .list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover { color: #818182; background-color: #ececf6 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182 } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca } .list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover { color: #1b1e21; background-color: #b9bbbe } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21 } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 } .close:hover { color: #000; text-decoration: none } .close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover { opacity: .75 } button.close { padding: 0; background-color: transparent; border: 0 } a.close.disabled { pointer-events: none } .toast { -ms-flex-preferred-size: 350px; flex-basis: 350px; max-width: 350px; font-size: .875rem; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .25rem .75rem rgba(0,0,0,.1); opacity: 0; border-radius: .25rem } .toast:not(:last-child) { margin-bottom: .75rem } .toast.showing { opacity: 1 } .toast.show { display: block; opacity: 1 } .toast.hide { display: none } .toast-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .25rem .75rem; color: #6c757d; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .toast-body { padding: .75rem } .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: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-50px); transform: translate(0,-50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { -webkit-transform: none; transform: none } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02) } .modal-dialog-scrollable { display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header { -ms-flex-negative: 0; flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem) } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: "" } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; 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: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) } .modal-footer>* { margin: .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); height: -webkit-min-content; height: -moz-min-content; height: min-content } .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 } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation 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-auto[x-placement^=top],.bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow { bottom: 0 } .bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[x-placement^=right],.bs-tooltip-right { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow { top: 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[x-placement^=left],.bs-tooltip-left { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation 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; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem } .popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem } .popover .arrow::after,.popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[x-placement^=top],.bs-popover-top { margin-bottom: .5rem } .bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[x-placement^=right],.bs-popover-right { margin-left: .5rem } .bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[x-placement^=bottom],.bs-popover-bottom { margin-top: .5rem } .bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 } .bs-popover-auto[x-placement^=left],.bs-popover-left { margin-right: .5rem } .bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: .5rem .75rem; color: #212529 } .carousel { position: relative } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next,.carousel-item-prev,.carousel-item.active { display: block } .active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) { -webkit-transform: translateX(100%); transform: translateX(100%) } .active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none } .carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right { transition: none } } .carousel-control-next,.carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next,.carousel-control-prev { transition: none } } .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon,.carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators li { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1; -webkit-transform: none; transform: none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow } .spinner-grow-sm { width: 1rem; height: 1rem } @media (prefers-reduced-motion:reduce) { .spinner-border,.spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s } } .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: #007bff!important } a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover { background-color: #0062cc!important } .bg-secondary { background-color: #6c757d!important } a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover { background-color: #545b62!important } .bg-success { background-color: #28a745!important } a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover { background-color: #1e7e34!important } .bg-info { background-color: #17a2b8!important } a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover { background-color: #117a8b!important } .bg-warning { background-color: #ffc107!important } a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover { background-color: #d39e00!important } .bg-danger { background-color: #dc3545!important } a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover { background-color: #bd2130!important } .bg-light { background-color: #f8f9fa!important } a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover { background-color: #dae0e5!important } .bg-dark { background-color: #343a40!important } a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { background-color: #1d2124!important } .bg-white { background-color: #fff!important } .bg-transparent { background-color: transparent!important } .border { border: 1px solid #dee2e6!important } .border-top { border-top: 1px solid #dee2e6!important } .border-right { border-right: 1px solid #dee2e6!important } .border-bottom { border-bottom: 1px solid #dee2e6!important } .border-left { border-left: 1px solid #dee2e6!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: #007bff!important } .border-secondary { border-color: #6c757d!important } .border-success { border-color: #28a745!important } .border-info { border-color: #17a2b8!important } .border-warning { border-color: #ffc107!important } .border-danger { border-color: #dc3545!important } .border-light { border-color: #f8f9fa!important } .border-dark { border-color: #343a40!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: -ms-flexbox!important; display: flex!important } .d-inline-flex { display: -ms-inline-flexbox!important; 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: -ms-flexbox!important; display: flex!important } .d-sm-inline-flex { display: -ms-inline-flexbox!important; 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: -ms-flexbox!important; display: flex!important } .d-md-inline-flex { display: -ms-inline-flexbox!important; 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: -ms-flexbox!important; display: flex!important } .d-lg-inline-flex { display: -ms-inline-flexbox!important; 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: -ms-flexbox!important; display: flex!important } .d-xl-inline-flex { display: -ms-inline-flexbox!important; 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: -ms-flexbox!important; display: flex!important } .d-print-inline-flex { display: -ms-inline-flexbox!important; 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 embed,.embed-responsive iframe,.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.857143% } .embed-responsive-16by9::before { padding-top: 56.25% } .embed-responsive-4by3::before { padding-top: 75% } .embed-responsive-1by1::before { padding-top: 100% } .flex-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-center { -ms-flex-align: center!important; align-items: center!important } .align-items-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction:row!important; flex-direction: row!important } .flex-sm-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-sm-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-sm-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-sm-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-sm-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-sm-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-sm-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-sm-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-sm-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-sm-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-sm-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-sm-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-sm-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-sm-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-sm-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-sm-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-sm-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-sm-center { -ms-flex-align: center!important; align-items: center!important } .align-items-sm-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-sm-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-sm-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-sm-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-sm-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-sm-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-sm-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-sm-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-sm-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-sm-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-sm-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-sm-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-sm-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-sm-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction:row!important; flex-direction: row!important } .flex-md-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-md-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-md-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-md-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-md-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-md-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-md-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-md-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-md-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-md-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-md-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-md-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-md-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-md-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-md-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-md-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-md-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-md-center { -ms-flex-align: center!important; align-items: center!important } .align-items-md-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-md-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-md-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-md-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-md-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-md-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-md-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-md-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-md-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-md-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-md-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-md-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-md-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-md-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction:row!important; flex-direction: row!important } .flex-lg-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-lg-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-lg-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-lg-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-lg-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-lg-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-lg-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-lg-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-lg-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-lg-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-lg-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-lg-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-lg-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-lg-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-lg-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-lg-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-lg-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-lg-center { -ms-flex-align: center!important; align-items: center!important } .align-items-lg-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-lg-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-lg-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-lg-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-lg-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-lg-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-lg-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-lg-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-lg-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-lg-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-lg-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-lg-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-lg-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-lg-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction:row!important; flex-direction: row!important } .flex-xl-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-xl-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-xl-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-xl-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-xl-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-xl-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-xl-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-xl-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-xl-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-xl-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-xl-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-xl-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-xl-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-xl-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-xl-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-xl-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-xl-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-xl-center { -ms-flex-align: center!important; align-items: center!important } .align-items-xl-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-xl-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-xl-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-xl-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-xl-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-xl-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-xl-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-xl-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-xl-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-xl-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-xl-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-xl-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-xl-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-xl-stretch { -ms-flex-item-align: stretch!important; 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 } } .user-select-all { -webkit-user-select: all!important; -moz-user-select: all!important; user-select: all!important } .user-select-auto { -webkit-user-select: auto!important; -moz-user-select: auto!important; -ms-user-select: auto!important; user-select: auto!important } .user-select-none { -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: 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: -webkit-sticky!important; 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: -webkit-sticky) or (position:sticky)) { .sticky-top { position:-webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0 } .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 .125rem .25rem rgba(0,0,0,.075)!important } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,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 } .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: .5rem!important } .mt-2,.my-2 { margin-top: .5rem!important } .mr-2,.mx-2 { margin-right: .5rem!important } .mb-2,.my-2 { margin-bottom: .5rem!important } .ml-2,.mx-2 { margin-left: .5rem!important } .m-3 { margin: 1rem!important } .mt-3,.my-3 { margin-top: 1rem!important } .mr-3,.mx-3 { margin-right: 1rem!important } .mb-3,.my-3 { margin-bottom: 1rem!important } .ml-3,.mx-3 { margin-left: 1rem!important } .m-4 { margin: 1.5rem!important } .mt-4,.my-4 { margin-top: 1.5rem!important } .mr-4,.mx-4 { margin-right: 1.5rem!important } .mb-4,.my-4 { margin-bottom: 1.5rem!important } .ml-4,.mx-4 { margin-left: 1.5rem!important } .m-5 { margin: 3rem!important } .mt-5,.my-5 { margin-top: 3rem!important } .mr-5,.mx-5 { margin-right: 3rem!important } .mb-5,.my-5 { margin-bottom: 3rem!important } .ml-5,.mx-5 { margin-left: 3rem!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: .5rem!important } .pt-2,.py-2 { padding-top: .5rem!important } .pr-2,.px-2 { padding-right: .5rem!important } .pb-2,.py-2 { padding-bottom: .5rem!important } .pl-2,.px-2 { padding-left: .5rem!important } .p-3 { padding: 1rem!important } .pt-3,.py-3 { padding-top: 1rem!important } .pr-3,.px-3 { padding-right: 1rem!important } .pb-3,.py-3 { padding-bottom: 1rem!important } .pl-3,.px-3 { padding-left: 1rem!important } .p-4 { padding: 1.5rem!important } .pt-4,.py-4 { padding-top: 1.5rem!important } .pr-4,.px-4 { padding-right: 1.5rem!important } .pb-4,.py-4 { padding-bottom: 1.5rem!important } .pl-4,.px-4 { padding-left: 1.5rem!important } .p-5 { padding: 3rem!important } .pt-5,.py-5 { padding-top: 3rem!important } .pr-5,.px-5 { padding-right: 3rem!important } .pb-5,.py-5 { padding-bottom: 3rem!important } .pl-5,.px-5 { padding-left: 3rem!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: -.5rem!important } .mt-n2,.my-n2 { margin-top: -.5rem!important } .mr-n2,.mx-n2 { margin-right: -.5rem!important } .mb-n2,.my-n2 { margin-bottom: -.5rem!important } .ml-n2,.mx-n2 { margin-left: -.5rem!important } .m-n3 { margin: -1rem!important } .mt-n3,.my-n3 { margin-top: -1rem!important } .mr-n3,.mx-n3 { margin-right: -1rem!important } .mb-n3,.my-n3 { margin-bottom: -1rem!important } .ml-n3,.mx-n3 { margin-left: -1rem!important } .m-n4 { margin: -1.5rem!important } .mt-n4,.my-n4 { margin-top: -1.5rem!important } .mr-n4,.mx-n4 { margin-right: -1.5rem!important } .mb-n4,.my-n4 { margin-bottom: -1.5rem!important } .ml-n4,.mx-n4 { margin-left: -1.5rem!important } .m-n5 { margin: -3rem!important } .mt-n5,.my-n5 { margin-top: -3rem!important } .mr-n5,.mx-n5 { margin-right: -3rem!important } .mb-n5,.my-n5 { margin-bottom: -3rem!important } .ml-n5,.mx-n5 { margin-left: -3rem!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: .5rem!important } .mt-sm-2,.my-sm-2 { margin-top: .5rem!important } .mr-sm-2,.mx-sm-2 { margin-right: .5rem!important } .mb-sm-2,.my-sm-2 { margin-bottom: .5rem!important } .ml-sm-2,.mx-sm-2 { margin-left: .5rem!important } .m-sm-3 { margin: 1rem!important } .mt-sm-3,.my-sm-3 { margin-top: 1rem!important } .mr-sm-3,.mx-sm-3 { margin-right: 1rem!important } .mb-sm-3,.my-sm-3 { margin-bottom: 1rem!important } .ml-sm-3,.mx-sm-3 { margin-left: 1rem!important } .m-sm-4 { margin: 1.5rem!important } .mt-sm-4,.my-sm-4 { margin-top: 1.5rem!important } .mr-sm-4,.mx-sm-4 { margin-right: 1.5rem!important } .mb-sm-4,.my-sm-4 { margin-bottom: 1.5rem!important } .ml-sm-4,.mx-sm-4 { margin-left: 1.5rem!important } .m-sm-5 { margin: 3rem!important } .mt-sm-5,.my-sm-5 { margin-top: 3rem!important } .mr-sm-5,.mx-sm-5 { margin-right: 3rem!important } .mb-sm-5,.my-sm-5 { margin-bottom: 3rem!important } .ml-sm-5,.mx-sm-5 { margin-left: 3rem!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: .5rem!important } .pt-sm-2,.py-sm-2 { padding-top: .5rem!important } .pr-sm-2,.px-sm-2 { padding-right: .5rem!important } .pb-sm-2,.py-sm-2 { padding-bottom: .5rem!important } .pl-sm-2,.px-sm-2 { padding-left: .5rem!important } .p-sm-3 { padding: 1rem!important } .pt-sm-3,.py-sm-3 { padding-top: 1rem!important } .pr-sm-3,.px-sm-3 { padding-right: 1rem!important } .pb-sm-3,.py-sm-3 { padding-bottom: 1rem!important } .pl-sm-3,.px-sm-3 { padding-left: 1rem!important } .p-sm-4 { padding: 1.5rem!important } .pt-sm-4,.py-sm-4 { padding-top: 1.5rem!important } .pr-sm-4,.px-sm-4 { padding-right: 1.5rem!important } .pb-sm-4,.py-sm-4 { padding-bottom: 1.5rem!important } .pl-sm-4,.px-sm-4 { padding-left: 1.5rem!important } .p-sm-5 { padding: 3rem!important } .pt-sm-5,.py-sm-5 { padding-top: 3rem!important } .pr-sm-5,.px-sm-5 { padding-right: 3rem!important } .pb-sm-5,.py-sm-5 { padding-bottom: 3rem!important } .pl-sm-5,.px-sm-5 { padding-left: 3rem!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: -.5rem!important } .mt-sm-n2,.my-sm-n2 { margin-top: -.5rem!important } .mr-sm-n2,.mx-sm-n2 { margin-right: -.5rem!important } .mb-sm-n2,.my-sm-n2 { margin-bottom: -.5rem!important } .ml-sm-n2,.mx-sm-n2 { margin-left: -.5rem!important } .m-sm-n3 { margin: -1rem!important } .mt-sm-n3,.my-sm-n3 { margin-top: -1rem!important } .mr-sm-n3,.mx-sm-n3 { margin-right: -1rem!important } .mb-sm-n3,.my-sm-n3 { margin-bottom: -1rem!important } .ml-sm-n3,.mx-sm-n3 { margin-left: -1rem!important } .m-sm-n4 { margin: -1.5rem!important } .mt-sm-n4,.my-sm-n4 { margin-top: -1.5rem!important } .mr-sm-n4,.mx-sm-n4 { margin-right: -1.5rem!important } .mb-sm-n4,.my-sm-n4 { margin-bottom: -1.5rem!important } .ml-sm-n4,.mx-sm-n4 { margin-left: -1.5rem!important } .m-sm-n5 { margin: -3rem!important } .mt-sm-n5,.my-sm-n5 { margin-top: -3rem!important } .mr-sm-n5,.mx-sm-n5 { margin-right: -3rem!important } .mb-sm-n5,.my-sm-n5 { margin-bottom: -3rem!important } .ml-sm-n5,.mx-sm-n5 { margin-left: -3rem!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: .5rem!important } .mt-md-2,.my-md-2 { margin-top: .5rem!important } .mr-md-2,.mx-md-2 { margin-right: .5rem!important } .mb-md-2,.my-md-2 { margin-bottom: .5rem!important } .ml-md-2,.mx-md-2 { margin-left: .5rem!important } .m-md-3 { margin: 1rem!important } .mt-md-3,.my-md-3 { margin-top: 1rem!important } .mr-md-3,.mx-md-3 { margin-right: 1rem!important } .mb-md-3,.my-md-3 { margin-bottom: 1rem!important } .ml-md-3,.mx-md-3 { margin-left: 1rem!important } .m-md-4 { margin: 1.5rem!important } .mt-md-4,.my-md-4 { margin-top: 1.5rem!important } .mr-md-4,.mx-md-4 { margin-right: 1.5rem!important } .mb-md-4,.my-md-4 { margin-bottom: 1.5rem!important } .ml-md-4,.mx-md-4 { margin-left: 1.5rem!important } .m-md-5 { margin: 3rem!important } .mt-md-5,.my-md-5 { margin-top: 3rem!important } .mr-md-5,.mx-md-5 { margin-right: 3rem!important } .mb-md-5,.my-md-5 { margin-bottom: 3rem!important } .ml-md-5,.mx-md-5 { margin-left: 3rem!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: .5rem!important } .pt-md-2,.py-md-2 { padding-top: .5rem!important } .pr-md-2,.px-md-2 { padding-right: .5rem!important } .pb-md-2,.py-md-2 { padding-bottom: .5rem!important } .pl-md-2,.px-md-2 { padding-left: .5rem!important } .p-md-3 { padding: 1rem!important } .pt-md-3,.py-md-3 { padding-top: 1rem!important } .pr-md-3,.px-md-3 { padding-right: 1rem!important } .pb-md-3,.py-md-3 { padding-bottom: 1rem!important } .pl-md-3,.px-md-3 { padding-left: 1rem!important } .p-md-4 { padding: 1.5rem!important } .pt-md-4,.py-md-4 { padding-top: 1.5rem!important } .pr-md-4,.px-md-4 { padding-right: 1.5rem!important } .pb-md-4,.py-md-4 { padding-bottom: 1.5rem!important } .pl-md-4,.px-md-4 { padding-left: 1.5rem!important } .p-md-5 { padding: 3rem!important } .pt-md-5,.py-md-5 { padding-top: 3rem!important } .pr-md-5,.px-md-5 { padding-right: 3rem!important } .pb-md-5,.py-md-5 { padding-bottom: 3rem!important } .pl-md-5,.px-md-5 { padding-left: 3rem!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: -.5rem!important } .mt-md-n2,.my-md-n2 { margin-top: -.5rem!important } .mr-md-n2,.mx-md-n2 { margin-right: -.5rem!important } .mb-md-n2,.my-md-n2 { margin-bottom: -.5rem!important } .ml-md-n2,.mx-md-n2 { margin-left: -.5rem!important } .m-md-n3 { margin: -1rem!important } .mt-md-n3,.my-md-n3 { margin-top: -1rem!important } .mr-md-n3,.mx-md-n3 { margin-right: -1rem!important } .mb-md-n3,.my-md-n3 { margin-bottom: -1rem!important } .ml-md-n3,.mx-md-n3 { margin-left: -1rem!important } .m-md-n4 { margin: -1.5rem!important } .mt-md-n4,.my-md-n4 { margin-top: -1.5rem!important } .mr-md-n4,.mx-md-n4 { margin-right: -1.5rem!important } .mb-md-n4,.my-md-n4 { margin-bottom: -1.5rem!important } .ml-md-n4,.mx-md-n4 { margin-left: -1.5rem!important } .m-md-n5 { margin: -3rem!important } .mt-md-n5,.my-md-n5 { margin-top: -3rem!important } .mr-md-n5,.mx-md-n5 { margin-right: -3rem!important } .mb-md-n5,.my-md-n5 { margin-bottom: -3rem!important } .ml-md-n5,.mx-md-n5 { margin-left: -3rem!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: .5rem!important } .mt-lg-2,.my-lg-2 { margin-top: .5rem!important } .mr-lg-2,.mx-lg-2 { margin-right: .5rem!important } .mb-lg-2,.my-lg-2 { margin-bottom: .5rem!important } .ml-lg-2,.mx-lg-2 { margin-left: .5rem!important } .m-lg-3 { margin: 1rem!important } .mt-lg-3,.my-lg-3 { margin-top: 1rem!important } .mr-lg-3,.mx-lg-3 { margin-right: 1rem!important } .mb-lg-3,.my-lg-3 { margin-bottom: 1rem!important } .ml-lg-3,.mx-lg-3 { margin-left: 1rem!important } .m-lg-4 { margin: 1.5rem!important } .mt-lg-4,.my-lg-4 { margin-top: 1.5rem!important } .mr-lg-4,.mx-lg-4 { margin-right: 1.5rem!important } .mb-lg-4,.my-lg-4 { margin-bottom: 1.5rem!important } .ml-lg-4,.mx-lg-4 { margin-left: 1.5rem!important } .m-lg-5 { margin: 3rem!important } .mt-lg-5,.my-lg-5 { margin-top: 3rem!important } .mr-lg-5,.mx-lg-5 { margin-right: 3rem!important } .mb-lg-5,.my-lg-5 { margin-bottom: 3rem!important } .ml-lg-5,.mx-lg-5 { margin-left: 3rem!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: .5rem!important } .pt-lg-2,.py-lg-2 { padding-top: .5rem!important } .pr-lg-2,.px-lg-2 { padding-right: .5rem!important } .pb-lg-2,.py-lg-2 { padding-bottom: .5rem!important } .pl-lg-2,.px-lg-2 { padding-left: .5rem!important } .p-lg-3 { padding: 1rem!important } .pt-lg-3,.py-lg-3 { padding-top: 1rem!important } .pr-lg-3,.px-lg-3 { padding-right: 1rem!important } .pb-lg-3,.py-lg-3 { padding-bottom: 1rem!important } .pl-lg-3,.px-lg-3 { padding-left: 1rem!important } .p-lg-4 { padding: 1.5rem!important } .pt-lg-4,.py-lg-4 { padding-top: 1.5rem!important } .pr-lg-4,.px-lg-4 { padding-right: 1.5rem!important } .pb-lg-4,.py-lg-4 { padding-bottom: 1.5rem!important } .pl-lg-4,.px-lg-4 { padding-left: 1.5rem!important } .p-lg-5 { padding: 3rem!important } .pt-lg-5,.py-lg-5 { padding-top: 3rem!important } .pr-lg-5,.px-lg-5 { padding-right: 3rem!important } .pb-lg-5,.py-lg-5 { padding-bottom: 3rem!important } .pl-lg-5,.px-lg-5 { padding-left: 3rem!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: -.5rem!important } .mt-lg-n2,.my-lg-n2 { margin-top: -.5rem!important } .mr-lg-n2,.mx-lg-n2 { margin-right: -.5rem!important } .mb-lg-n2,.my-lg-n2 { margin-bottom: -.5rem!important } .ml-lg-n2,.mx-lg-n2 { margin-left: -.5rem!important } .m-lg-n3 { margin: -1rem!important } .mt-lg-n3,.my-lg-n3 { margin-top: -1rem!important } .mr-lg-n3,.mx-lg-n3 { margin-right: -1rem!important } .mb-lg-n3,.my-lg-n3 { margin-bottom: -1rem!important } .ml-lg-n3,.mx-lg-n3 { margin-left: -1rem!important } .m-lg-n4 { margin: -1.5rem!important } .mt-lg-n4,.my-lg-n4 { margin-top: -1.5rem!important } .mr-lg-n4,.mx-lg-n4 { margin-right: -1.5rem!important } .mb-lg-n4,.my-lg-n4 { margin-bottom: -1.5rem!important } .ml-lg-n4,.mx-lg-n4 { margin-left: -1.5rem!important } .m-lg-n5 { margin: -3rem!important } .mt-lg-n5,.my-lg-n5 { margin-top: -3rem!important } .mr-lg-n5,.mx-lg-n5 { margin-right: -3rem!important } .mb-lg-n5,.my-lg-n5 { margin-bottom: -3rem!important } .ml-lg-n5,.mx-lg-n5 { margin-left: -3rem!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: .5rem!important } .mt-xl-2,.my-xl-2 { margin-top: .5rem!important } .mr-xl-2,.mx-xl-2 { margin-right: .5rem!important } .mb-xl-2,.my-xl-2 { margin-bottom: .5rem!important } .ml-xl-2,.mx-xl-2 { margin-left: .5rem!important } .m-xl-3 { margin: 1rem!important } .mt-xl-3,.my-xl-3 { margin-top: 1rem!important } .mr-xl-3,.mx-xl-3 { margin-right: 1rem!important } .mb-xl-3,.my-xl-3 { margin-bottom: 1rem!important } .ml-xl-3,.mx-xl-3 { margin-left: 1rem!important } .m-xl-4 { margin: 1.5rem!important } .mt-xl-4,.my-xl-4 { margin-top: 1.5rem!important } .mr-xl-4,.mx-xl-4 { margin-right: 1.5rem!important } .mb-xl-4,.my-xl-4 { margin-bottom: 1.5rem!important } .ml-xl-4,.mx-xl-4 { margin-left: 1.5rem!important } .m-xl-5 { margin: 3rem!important } .mt-xl-5,.my-xl-5 { margin-top: 3rem!important } .mr-xl-5,.mx-xl-5 { margin-right: 3rem!important } .mb-xl-5,.my-xl-5 { margin-bottom: 3rem!important } .ml-xl-5,.mx-xl-5 { margin-left: 3rem!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: .5rem!important } .pt-xl-2,.py-xl-2 { padding-top: .5rem!important } .pr-xl-2,.px-xl-2 { padding-right: .5rem!important } .pb-xl-2,.py-xl-2 { padding-bottom: .5rem!important } .pl-xl-2,.px-xl-2 { padding-left: .5rem!important } .p-xl-3 { padding: 1rem!important } .pt-xl-3,.py-xl-3 { padding-top: 1rem!important } .pr-xl-3,.px-xl-3 { padding-right: 1rem!important } .pb-xl-3,.py-xl-3 { padding-bottom: 1rem!important } .pl-xl-3,.px-xl-3 { padding-left: 1rem!important } .p-xl-4 { padding: 1.5rem!important } .pt-xl-4,.py-xl-4 { padding-top: 1.5rem!important } .pr-xl-4,.px-xl-4 { padding-right: 1.5rem!important } .pb-xl-4,.py-xl-4 { padding-bottom: 1.5rem!important } .pl-xl-4,.px-xl-4 { padding-left: 1.5rem!important } .p-xl-5 { padding: 3rem!important } .pt-xl-5,.py-xl-5 { padding-top: 3rem!important } .pr-xl-5,.px-xl-5 { padding-right: 3rem!important } .pb-xl-5,.py-xl-5 { padding-bottom: 3rem!important } .pl-xl-5,.px-xl-5 { padding-left: 3rem!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: -.5rem!important } .mt-xl-n2,.my-xl-n2 { margin-top: -.5rem!important } .mr-xl-n2,.mx-xl-n2 { margin-right: -.5rem!important } .mb-xl-n2,.my-xl-n2 { margin-bottom: -.5rem!important } .ml-xl-n2,.mx-xl-n2 { margin-left: -.5rem!important } .m-xl-n3 { margin: -1rem!important } .mt-xl-n3,.my-xl-n3 { margin-top: -1rem!important } .mr-xl-n3,.mx-xl-n3 { margin-right: -1rem!important } .mb-xl-n3,.my-xl-n3 { margin-bottom: -1rem!important } .ml-xl-n3,.mx-xl-n3 { margin-left: -1rem!important } .m-xl-n4 { margin: -1.5rem!important } .mt-xl-n4,.my-xl-n4 { margin-top: -1.5rem!important } .mr-xl-n4,.mx-xl-n4 { margin-right: -1.5rem!important } .mb-xl-n4,.my-xl-n4 { margin-bottom: -1.5rem!important } .ml-xl-n4,.mx-xl-n4 { margin-left: -1.5rem!important } .m-xl-n5 { margin: -3rem!important } .mt-xl-n5,.my-xl-n5 { margin-top: -3rem!important } .mr-xl-n5,.mx-xl-n5 { margin-right: -3rem!important } .mb-xl-n5,.my-xl-n5 { margin-bottom: -3rem!important } .ml-xl-n5,.mx-xl-n5 { margin-left: -3rem!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 } } .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) } .text-monospace { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important } .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: #007bff!important } a.text-primary:focus,a.text-primary:hover { color: #0056b3!important } .text-secondary { color: #6c757d!important } a.text-secondary:focus,a.text-secondary:hover { color: #494f54!important } .text-success { color: #28a745!important } a.text-success:focus,a.text-success:hover { color: #19692c!important } .text-info { color: #17a2b8!important } a.text-info:focus,a.text-info:hover { color: #0f6674!important } .text-warning { color: #ffc107!important } a.text-warning:focus,a.text-warning:hover { color: #ba8b00!important } .text-danger { color: #dc3545!important } a.text-danger:focus,a.text-danger:hover { color: #a71d2a!important } .text-light { color: #f8f9fa!important } a.text-light:focus,a.text-light:hover { color: #cbd3da!important } .text-dark { color: #343a40!important } a.text-dark:focus,a.text-dark:hover { color: #121416!important } .text-body { color: #212529!important } .text-muted { color: #6c757d!important } .text-black-50 { color: rgba(0,0,0,.5)!important } .text-white-50 { color: rgba(255,255,255,.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; word-wrap: break-word!important } .text-reset { color: inherit!important } .visible { visibility: visible!important } .invisible { visibility: hidden!important } @media print { *,::after,::before { text-shadow: none!important; box-shadow: none!important } a:not(.btn) { text-decoration: underline } abbr[title]::after { content: " (" attr(title) ")" } pre { white-space: pre-wrap!important } blockquote,pre { border: 1px solid #adb5bd; page-break-inside: avoid } thead { display: table-header-group } img,tr { page-break-inside: avoid } h2,h3,p { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } @page { size: a3 } body { min-width: 992px!important } .container { min-width: 992px!important } .navbar { display: none } .badge { border: 1px solid #000 } .table { border-collapse: collapse!important } .table td,.table th { background-color: #fff!important } .table-bordered td,.table-bordered th { border: 1px solid #dee2e6!important } .table-dark { color: inherit } .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th { border-color: #dee2e6 } .table .thead-dark th { color: inherit; border-color: #dee2e6 } } .fa,.fas,.far,.fal,.fad,.fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)"; -webkit-transform: scale(-1,1); transform: scale(-1,1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)"; -webkit-transform: scale(1,-1); transform: scale(1,-1); } .fa-flip-both,.fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)"; -webkit-transform: scale(-1,-1); transform: scale(-1,-1); } :root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x,.fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\f907"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\f913"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\f91a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\f91e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\f941"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\f949"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active,.sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: auto; src: url("../fonts/awesome/fa-brands-400.eot"); src: url("../fonts/awesome/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../fonts/awesome/fa-brands-400.woff2") format("woff2"),url("../fonts/awesome/fa-brands-400.woff") format("woff"),url("../fonts/awesome/fa-brands-400.ttf") format("truetype"),url("../fonts/awesome/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url("../fonts/awesome/fa-regular-400.eot"); src: url("../fonts/awesome/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../fonts/awesome/fa-regular-400.woff2") format("woff2"),url("../fonts/awesome/fa-regular-400.woff") format("woff"),url("../fonts/awesome/fa-regular-400.ttf") format("truetype"),url("../fonts/awesome/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("../fonts/awesome/fa-solid-900.eot"); src: url("../fonts/awesome/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../fonts/awesome/fa-solid-900.woff2") format("woff2"),url("../fonts/awesome/fa-solid-900.woff") format("woff"),url("../fonts/awesome/fa-solid-900.ttf") format("truetype"),url("../fonts/awesome/fa-solid-900.svg#fontawesome") format("svg"); } .fa,.fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } @-webkit-keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body[class*=jconfirm-no-scroll-] { overflow: hidden!important; } .jconfirm { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; font-family: inherit; overflow: hidden; } .jconfirm .jconfirm-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: opacity .4s; transition: opacity .4s; } .jconfirm .jconfirm-bg.jconfirm-bg-h { opacity: 0!important; } .jconfirm .jconfirm-scrollpane { -webkit-perspective: 500px; perspective: 500px; -webkit-perspective-origin: center; perspective-origin: center; display: table; width: 100%; height: 100%; } .jconfirm .jconfirm-row { display: table-row; width: 100%; } .jconfirm .jconfirm-cell { display: table-cell; vertical-align: middle; } .jconfirm .jconfirm-holder { max-height: 100%; padding: 50px 0; } .jconfirm .jconfirm-box-container { -webkit-transition: -webkit-transform; transition: -webkit-transform; transition: transform; transition: transform,-webkit-transform; } .jconfirm .jconfirm-box-container.jconfirm-no-transition { -webkit-transition: none!important; transition: none!important; } .jconfirm .jconfirm-box { background: white; border-radius: 4px; position: relative; outline: none; padding: 15px 15px 0; overflow: hidden; margin-left: auto; margin-right: auto; } @-webkit-keyframes type-blue { 1%,100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @keyframes type-blue { 1%,100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @-webkit-keyframes type-green { 1%,100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @keyframes type-green { 1%,100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @-webkit-keyframes type-red { 1%,100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @keyframes type-red { 1%,100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @-webkit-keyframes type-orange { 1%,100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @keyframes type-orange { 1%,100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @-webkit-keyframes type-purple { 1%,100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @keyframes type-purple { 1%,100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @-webkit-keyframes type-dark { 1%,100% { border-color: #34495e; } 50% { border-color: #46627f; } } @keyframes type-dark { 1%,100% { border-color: #34495e; } 50% { border-color: #46627f; } } .jconfirm .jconfirm-box.jconfirm-type-animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .jconfirm .jconfirm-box.jconfirm-type-blue { border-top: solid 7px #3498db; -webkit-animation-name: type-blue; animation-name: type-blue; } .jconfirm .jconfirm-box.jconfirm-type-green { border-top: solid 7px #2ecc71; -webkit-animation-name: type-green; animation-name: type-green; } .jconfirm .jconfirm-box.jconfirm-type-red { border-top: solid 7px #e74c3c; -webkit-animation-name: type-red; animation-name: type-red; } .jconfirm .jconfirm-box.jconfirm-type-orange { border-top: solid 7px #f1c40f; -webkit-animation-name: type-orange; animation-name: type-orange; } .jconfirm .jconfirm-box.jconfirm-type-purple { border-top: solid 7px #9b59b6; -webkit-animation-name: type-purple; animation-name: type-purple; } .jconfirm .jconfirm-box.jconfirm-type-dark { border-top: solid 7px #34495e; -webkit-animation-name: type-dark; animation-name: type-dark; } .jconfirm .jconfirm-box.loading { height: 120px; } .jconfirm .jconfirm-box.loading:before { content: ''; position: absolute; left: 0; background: white; right: 0; top: 0; bottom: 0; border-radius: 10px; z-index: 1; } .jconfirm .jconfirm-box.loading:after { opacity: 0.6; content: ''; height: 30px; width: 30px; border: solid 3px transparent; position: absolute; left: 50%; margin-left: -15px; border-radius: 50%; -webkit-animation: jconfirm-spin 1s infinite linear; animation: jconfirm-spin 1s infinite linear; border-bottom-color: dodgerblue; top: 50%; margin-top: -15px; z-index: 2; } .jconfirm .jconfirm-box div.jconfirm-closeIcon { height: 20px; width: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: .6; text-align: center; font-size: 27px!important; line-height: 14px!important; display: none; z-index: 1; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover { opacity: 1; } .jconfirm .jconfirm-box div.jconfirm-title-c { display: block; font-size: 22px; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; padding-bottom: 15px; } .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand { cursor: move; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { font-size: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i { vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: inherit; font-family: inherit; display: inline-block; vertical-align: middle; font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-content-pane { margin-bottom: 15px; height: auto; -webkit-transition: height 0.4s ease-in; transition: height 0.4s ease-in; display: inline-block; width: 100%; position: relative; overflow-x: hidden; overflow-y: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll { overflow-y: hidden; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar { width: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb { background: #666; border-radius: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img { max-width: 100%; height: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty { display: none; } .jconfirm .jconfirm-box .jconfirm-buttons { padding-bottom: 11px; } .jconfirm .jconfirm-box .jconfirm-buttons > button { margin-bottom: 4px; margin-left: 2px; margin-right: 2px; } .jconfirm .jconfirm-box .jconfirm-buttons button { display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; min-height: 1em; -webkit-transition: opacity 0.1s ease,background-color 0.1s ease,color 0.1s ease,background 0.1s ease,-webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease,background-color 0.1s ease,color 0.1s ease,background 0.1s ease,-webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease,background-color 0.1s ease,color 0.1s ease,box-shadow 0.1s ease,background 0.1s ease; transition: opacity 0.1s ease,background-color 0.1s ease,color 0.1s ease,box-shadow 0.1s ease,background 0.1s ease,-webkit-box-shadow 0.1s ease; -webkit-tap-highlight-color: transparent; border: none; background-image: none; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue { background-color: #3498db; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover { background-color: #2980b9; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green { background-color: #2ecc71; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover { background-color: #27ae60; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red { background-color: #e74c3c; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover { background-color: #c0392b; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange { background-color: #f1c40f; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover { background-color: #f39c12; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default { background-color: #ecf0f1; color: #000; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover { background-color: #bdc3c7; color: #000; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple { background-color: #9b59b6; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover { background-color: #8e44ad; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark { background-color: #34495e; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover { background-color: #2c3e50; color: #FFF; } .jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c { color: #e74c3c!important; } .jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c { color: #3498db!important; } .jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c { color: #2ecc71!important; } .jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c { color: #9b59b6!important; } .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c { color: #f1c40f!important; } .jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c { color: #34495e!important; } .jconfirm .jconfirm-clear { clear: both; } .jconfirm.jconfirm-rtl { direction: rtl; } .jconfirm.jconfirm-rtl div.jconfirm-closeIcon { left: 5px; right: auto; } .jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg { background-color: #444; opacity: .8; } .jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2); box-shadow: 0 2px 6px rgba(0,0,0,0.2); border-radius: 5px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { font-size: 12px; text-shadow: none; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default { -webkit-box-shadow: none; box-shadow: none; color: #333; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: #ddd; } .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg { background-color: darkslategray; opacity: .4; } .jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2); box-shadow: 0 2px 6px rgba(0,0,0,0.2); background: #444; border-radius: 5px; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button { border: none; background-image: none; text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; -webkit-transition: background .1s; transition: background .1s; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default { -webkit-box-shadow: none; box-shadow: none; color: #fff; background: none; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: #666; } .jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake { -webkit-animation: shake 0.82s cubic-bezier(0.36,0.07,0.19,0.97) both; animation: shake 0.82s cubic-bezier(0.36,0.07,0.19,0.97) both; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow { -webkit-animation: glow 0.82s cubic-bezier(0.36,0.07,0.19,0.97) both; animation: glow 0.82s cubic-bezier(0.36,0.07,0.19,0.97) both; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } @-webkit-keyframes shake { 10%,90% { -webkit-transform: translate3d(-2px,0,0); transform: translate3d(-2px,0,0); } 20%,80% { -webkit-transform: translate3d(4px,0,0); transform: translate3d(4px,0,0); } 30%,50%,70% { -webkit-transform: translate3d(-8px,0,0); transform: translate3d(-8px,0,0); } 40%,60% { -webkit-transform: translate3d(8px,0,0); transform: translate3d(8px,0,0); } } @keyframes shake { 10%,90% { -webkit-transform: translate3d(-2px,0,0); transform: translate3d(-2px,0,0); } 20%,80% { -webkit-transform: translate3d(4px,0,0); transform: translate3d(4px,0,0); } 30%,50%,70% { -webkit-transform: translate3d(-8px,0,0); transform: translate3d(-8px,0,0); } 40%,60% { -webkit-transform: translate3d(8px,0,0); transform: translate3d(8px,0,0); } } @-webkit-keyframes glow { 0%,100% { -webkit-box-shadow: 0 0 0px red; box-shadow: 0 0 0px red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } @keyframes glow { 0%,100% { -webkit-box-shadow: 0 0 0px red; box-shadow: 0 0 0px red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } .jconfirm { -webkit-perspective: 400px; perspective: 400px; } .jconfirm .jconfirm-box { opacity: 1; -webkit-transition-property: all; transition-property: all; } .jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex { opacity: 0; } .jconfirm .jconfirm-box.jconfirm-animation-rotate { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .jconfirm .jconfirm-box.jconfirm-animation-rotatex { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatexr { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatey { -webkit-transform: rotatey(90deg); transform: rotatey(90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotateyr { -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scaley { -webkit-transform: scaley(1.5); transform: scaley(1.5); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scalex { -webkit-transform: scalex(1.5); transform: scalex(1.5); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-top { -webkit-transform: translate(0px,-100px); transform: translate(0px,-100px); } .jconfirm .jconfirm-box.jconfirm-animation-left { -webkit-transform: translate(-100px,0px); transform: translate(-100px,0px); } .jconfirm .jconfirm-box.jconfirm-animation-right { -webkit-transform: translate(100px,0px); transform: translate(100px,0px); } .jconfirm .jconfirm-box.jconfirm-animation-bottom { -webkit-transform: translate(0px,100px); transform: translate(0px,100px); } .jconfirm .jconfirm-box.jconfirm-animation-zoom { -webkit-transform: scale(1.2); transform: scale(1.2); } .jconfirm .jconfirm-box.jconfirm-animation-scale { -webkit-transform: scale(0.5); transform: scale(0.5); } .jconfirm .jconfirm-box.jconfirm-animation-none { visibility: hidden; } .jconfirm.jconfirm-supervan .jconfirm-bg { background-color: rgba(54,70,93,0.95); } .jconfirm.jconfirm-supervan .jconfirm-box { background-color: transparent; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon { color: white; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c { text-align: center; color: white; font-size: 28px; font-weight: normal; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * { padding-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane { margin-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content { text-align: center; color: white; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button { font-size: 16px; border-radius: 2px; background: #303f53; text-shadow: none; border: none; color: white; padding: 10px; min-width: 100px; } .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-material .jconfirm-bg { background-color: rgba(0,0,0,0.67); } .jconfirm.jconfirm-material .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12); box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12); padding: 30px 25px 10px 25px; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon { color: rgba(0,0,0,0.87); } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c { color: rgba(0,0,0,0.87); font-size: 22px; font-weight: bold; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content { color: rgba(0,0,0,0.87); } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons { text-align: right; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-weight: 500; } .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-bootstrap .jconfirm-bg { background-color: rgba(0,0,0,0.21); } .jconfirm.jconfirm-bootstrap .jconfirm-box { background-color: white; -webkit-box-shadow: 0 3px 8px 0px rgba(0,0,0,0.2); box-shadow: 0 3px 8px 0px rgba(0,0,0,0.2); border: solid 1px rgba(0,0,0,0.4); padding: 15px 0 0; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon { color: rgba(0,0,0,0.87); } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c { color: rgba(0,0,0,0.87); font-size: 22px; font-weight: bold; padding-left: 15px; padding-right: 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content { color: rgba(0,0,0,0.87); padding: 0px 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons { text-align: right; padding: 10px; margin: -5px 0 0px; border-top: solid 1px #ddd; overflow: hidden; border-radius: 0 0 4px 4px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button { font-weight: 500; } .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-modern .jconfirm-bg { background-color: slategray; opacity: .6; } .jconfirm.jconfirm-modern .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12); box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12); padding: 30px 30px 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon { color: rgba(0,0,0,0.87); top: 15px; right: 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c { color: rgba(0,0,0,0.87); font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 10px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; -webkit-transform: scale(0); transform: scale(0); display: block; margin-right: 0px; margin-left: 0px; margin-bottom: 10px; font-size: 69px; color: #aaa; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content { text-align: center; font-size: 15px; color: #777; margin-bottom: 25px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button { font-weight: bold; text-transform: uppercase; -webkit-transition: background .1s; transition: background .1s; padding: 10px 20px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button { margin-left: 4px; } .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { -webkit-transform: scale(1); transform: scale(1); } #holdon-overlay { filter: alpha(opacity=80); position: fixed; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: .8; z-index: 9999 } #holdon-content-container { width: 100%; padding: 0; vertical-align: middle; display: table-cell!important; margin: 0; text-align: center } #holdon-content { text-align: center; width: 50px; height: 57px; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -25px } #holdon-message { width: 100%; text-align: center; position: absolute; top: 55%; color: #fff } .sk-rect { width: 50px; height: 40px; text-align: center; font-size: 10px } .sk-rect > div { background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-rect-anim 1.2s infinite ease-in-out; animation: sk-rect-anim 1.2s infinite ease-in-out } .sk-rect .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .sk-rect .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s } .sk-rect .rect4 { -webkit-animation-delay: -.9s; animation-delay: -.9s } .sk-rect .rect5 { -webkit-animation-delay: -.8s; animation-delay: -.8s } @-webkit-keyframes sk-rect-anim { 0%,40%,100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-rect-anim { 0%,40%,100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4) } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0) } } .sk-cube { width: 50px; height: 40px; text-align: center; font-size: 10px } .sk-cube1,.sk-cube2 { background-color: #333; width: 15px; height: 15px; position: absolute; top: 0; left: 0; -webkit-animation: sk-cube 1.8s infinite ease-in-out; animation: sk-cube 1.8s infinite ease-in-out } .sk-cube2 { -webkit-animation-delay: -.9s; animation-delay: -.9s } @-webkit-keyframes sk-cube { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes sk-cube { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg) } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg) } } .sk-dot { width: 50px; height: 40px; text-align: center; font-size: 10px; -webkit-animation: sk-dot-rotate 2s infinite linear; animation: sk-dot-rotate 2s infinite linear } .sk-dot1,.sk-dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #333; border-radius: 100%; -webkit-animation: sk-dot-bounce 2s infinite ease-in-out; animation: sk-dot-bounce 2s infinite ease-in-out } .sk-dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s } @-webkit-keyframes sk-dot-rotate { 100% { -webkit-transform: rotate(360deg) } } @keyframes sk-dot-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) } } @-webkit-keyframes sk-dot-bounce { 0%,100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-dot-bounce { 0%,100% { transform: scale(0.0); -webkit-transform: scale(0.0) } 50% { transform: scale(1.0); -webkit-transform: scale(1.0) } } .sk-bounce { width: 60px; height: 40px; text-align: center; font-size: 10px } .sk-bounce > div { width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both } .sk-bounce .bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s } .sk-bounce .bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s } @-webkit-keyframes sk-bouncedelay { 0%,80%,100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%,80%,100% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1.0); transform: scale(1.0) } } .sk-circle { width: 60px; height: 40px; text-align: center; font-size: 10px } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg) } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg) } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg) } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg) } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg) } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg) } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg) } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg) } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s } .sk-circle .sk-circle4:before { -webkit-animation-delay: -.9s; animation-delay: -.9s } .sk-circle .sk-circle5:before { -webkit-animation-delay: -.8s; animation-delay: -.8s } .sk-circle .sk-circle6:before { -webkit-animation-delay: -.7s; animation-delay: -.7s } .sk-circle .sk-circle7:before { -webkit-animation-delay: -.6s; animation-delay: -.6s } .sk-circle .sk-circle8:before { -webkit-animation-delay: -.5s; animation-delay: -.5s } .sk-circle .sk-circle9:before { -webkit-animation-delay: -.4s; animation-delay: -.4s } .sk-circle .sk-circle10:before { -webkit-animation-delay: -.3s; animation-delay: -.3s } .sk-circle .sk-circle11:before { -webkit-animation-delay: -.2s; animation-delay: -.2s } .sk-circle .sk-circle12:before { -webkit-animation-delay: -.1s; animation-delay: -.1s } @-webkit-keyframes sk-circleBounceDelay { 0%,80%,100% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes sk-circleBounceDelay { 0%,80%,100% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } .sk-cube-grid { width: 60px; height: 60px; text-align: center; font-size: 10px } .sk-cube-grid .sk-cube-child { width: 33%; height: 33%; background-color: #333; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out } .sk-cube-grid .sk-cube-grid1 { -webkit-animation-delay: .2s; animation-delay: .2s } .sk-cube-grid .sk-cube-grid2 { -webkit-animation-delay: .3s; animation-delay: .3s } .sk-cube-grid .sk-cube-grid3 { -webkit-animation-delay: .4s; animation-delay: .4s } .sk-cube-grid .sk-cube-grid4 { -webkit-animation-delay: .1s; animation-delay: .1s } .sk-cube-grid .sk-cube-grid5 { -webkit-animation-delay: .2s; animation-delay: .2s } .sk-cube-grid .sk-cube-grid6 { -webkit-animation-delay: .3s; animation-delay: .3s } .sk-cube-grid .sk-cube-grid7 { -webkit-animation-delay: 0; animation-delay: 0 } .sk-cube-grid .sk-cube-grid8 { -webkit-animation-delay: .1s; animation-delay: .1s } .sk-cube-grid .sk-cube-grid9 { -webkit-animation-delay: .2s; animation-delay: .2s } @-webkit-keyframes sk-cubeGridScaleDelay { 0%,70%,100% { -webkit-transform: scale3D(1,1,1); transform: scale3D(1,1,1) } 35% { -webkit-transform: scale3D(0,0,1); transform: scale3D(0,0,1) } } @keyframes sk-cubeGridScaleDelay { 0%,70%,100% { -webkit-transform: scale3D(1,1,1); transform: scale3D(1,1,1) } 35% { -webkit-transform: scale3D(0,0,1); transform: scale3D(0,0,1) } } .sk-folding-cube { margin: 20px auto; width: 40px; height: 40px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg) } .sk-folding-cube .sk-cube-parent { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .sk-folding-cube .sk-cube-parent:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100% } .sk-folding-cube .sk-cubechild2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg) } .sk-folding-cube .sk-cubechild3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg) } .sk-folding-cube .sk-cubechild4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg) } .sk-folding-cube .sk-cubechild2:before { -webkit-animation-delay: .3s; animation-delay: .3s } .sk-folding-cube .sk-cubechild3:before { -webkit-animation-delay: .6s; animation-delay: .6s } .sk-folding-cube .sk-cubechild4:before { -webkit-animation-delay: .9s; animation-delay: .9s } @-webkit-keyframes sk-foldCubeAngle { 0%,10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0 } 25%,75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1 } 90%,100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0 } } @keyframes sk-foldCubeAngle { 0%,10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0 } 25%,75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1 } 90%,100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0 } } .sk-fading-circle { width: 50px; height: 40px; text-align: center; font-size: 10px } .sk-fading-circle .sk-circle-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .sk-fading-circle .sk-circle-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both } .sk-fading-circle .sk-fading-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg) } .sk-fading-circle .sk-fading-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg) } .sk-fading-circle .sk-fading-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .sk-fading-circle .sk-fading-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg) } .sk-fading-circle .sk-fading-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg) } .sk-fading-circle .sk-fading-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .sk-fading-circle .sk-fading-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg) } .sk-fading-circle .sk-fading-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg) } .sk-fading-circle .sk-fading-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .sk-fading-circle .sk-fading-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg) } .sk-fading-circle .sk-fading-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg) } .sk-fading-circle .sk-fading-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .sk-fading-circle .sk-fading-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s } .sk-fading-circle .sk-fading-circle4:before { -webkit-animation-delay: -.9s; animation-delay: -.9s } .sk-fading-circle .sk-fading-circle5:before { -webkit-animation-delay: -.8s; animation-delay: -.8s } .sk-fading-circle .sk-fading-circle6:before { -webkit-animation-delay: -.7s; animation-delay: -.7s } .sk-fading-circle .sk-fading-circle7:before { -webkit-animation-delay: -.6s; animation-delay: -.6s } .sk-fading-circle .sk-fading-circle8:before { -webkit-animation-delay: -.5s; animation-delay: -.5s } .sk-fading-circle .sk-fading-circle9:before { -webkit-animation-delay: -.4s; animation-delay: -.4s } .sk-fading-circle .sk-fading-circle10:before { -webkit-animation-delay: -.3s; animation-delay: -.3s } .sk-fading-circle .sk-fading-circle11:before { -webkit-animation-delay: -.2s; animation-delay: -.2s } .sk-fading-circle .sk-fading-circle12:before { -webkit-animation-delay: -.1s; animation-delay: -.1s } @-webkit-keyframes sk-fading-circleFadeDelay { 0%,39%,100% { opacity: 0 } 40% { opacity: 1 } } @keyframes sk-circleFadeDelay { 0%,39%,100% { opacity: 0 } 40% { opacity: 1 } } .sk-circle .sk-child:before { opacity: 0.8; background-color: #ffffff; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute!important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30,30,30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47,0,.74,.71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22,.61,.36,1); } .fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease,visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s,visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform,opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5,0,.14,1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform,opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image,.fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video,.fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30,30,30,.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button,.fancybox-button:visited,.fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled],.fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } .fancybox-animated { transition-timing-function: cubic-bezier(0,0,.25,1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%,0,0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%,0,0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0,0,0); } .fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19,1,.22,1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5,1.5,1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5,.5,.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1,1,1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0,0,0) translate3d(-100%,0,0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0,0,0) translate3d(100%,0,0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1,1,1) translate3d(0,0,0); } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%,0,0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%,0,0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0,0,0) scale(1); } @media all and (max-height: 576px) { .fancybox-slide { padding-left:6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left:max(12px,env(safe-area-inset-left)); padding-right: max(12px,env(safe-area-inset-right)); } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited,.fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0,0,0,.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25,.46,.45,.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } @media all and (max-width: 576px) { .fancybox-thumbs { width:110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } .fancybox-slide > * { padding: 10px; overflow: initial } .fancybox-close-small { outline: none!important; background: #eee; opacity: 1; padding: 5px!important; width: 35px; height: 35px; } #pbOverlay *,#pbOverlay:before,#pbOverlay:after { -moz-box-sizing: content-box; box-sizing: content-box } #pbOverlay.show { opacity: 1; pointer-events: auto } #pbOverlay { opacity: 0; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 9999; left: 0; top: 0; text-align: center; pointer-events: none; -moz-user-select: none; background: rgba(0,0,0,.90); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000',endColorstr='#e2000000'); -webkit-transform: translate3d(0); transition: opacity 300ms ease } #pbOverlay.msie { background-color: rgba(0,0,0,.6) } .msie.pbLoading .pbWrapper { background: url(../images/photobox/loading.gif) no-repeat center center } @keyframes pbLoaderFrames { 50% { height: 5px } } @-webkit-keyframes pbLoaderFrames { 50% { height: 5px } } .pbLoader { display: none; width: 100px; height: 100px; position: absolute; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; border-radius: 100%; box-shadow: 15px 32px 60px -20px #FFF inset,1px 1px 3px 1px #FFF inset,0 0 20px; transition: .3s } .thumbs .pbLoader { -webkit-transform: translateY(-50px); transform: translateY(-50px) } .pbLoading:not(.msie):not(.error) .pbLoader { display: block } .pbLoader b { display: inline-block; vertical-align: middle; margin: 0 2px; width: 8px; height: 60px; border-radius: 5px; background: rgba(255,255,255,.8); box-shadow: 0 0 10px rgba(0,0,0,.5); -webkit-animation: .9s pbLoaderFrames infinite linear; animation: .9s pbLoaderFrames infinite linear } .pbLoader b:nth-child(2) { -webkit-animation-delay: .3s; animation-delay: .3s } .pbLoader b:nth-child(3) { -webkit-animation-delay: .6s; animation-delay: .6s } .mobile.pbLoading .pbLoader { transform: none; transition: 0 } .pbWrapper:after,#pbCaption .pbThumbs ul:after,#pbOverlay .prevNext:after,#pbOverlay .pbLoader:before { content: ""; display: inline-block; height: 100%; margin-right: -.25em; vertical-align: middle } @keyframes deadImage { 50% { text-shadow: 0 0 25px rgba(255,255,255,.5); transform: scale(.85) } } @-webkit-keyframes deadImage { 50% { text-shadow: 0 0 25px rgba(255,255,255,.5); -webkit-transform: scale(.85) } } #pbOverlay button { outline: 0!important; box-shadow: 0 } .pbWrapper { -moz-box-sizing: border-box; box-sizing: border-box; transform: rotate(0deg); vertical-align: middle; height: 100%; perspective: 1200px; position: relative } .video > .pbWrapper { z-index: 11; display: inline-block } .pbLoading .pbWrapper { display: inline-block\9; width: 100% } .pbWrapper:before { content: '\2716'; color: transparent; text-shadow: 0 2px 35px rgba(255,255,255,0); font-size: 0; vertical-align: middle; cursor: default; transition: text-shadow .7s ease-out } .error .pbWrapper:before { font-size: 22em; text-shadow: 0 0 0 #FFF; -webkit-animation: 2s 1s deadImage infinite linear; animation: 2s 1s deadImage infinite linear } .thumbs .pbWrapper { padding: 0; margin: 0 } .error .pbWrapperr img { width: 0 } .pbWrapper > div { display: none; width: 624px; height: 351px; vertical-align: middle; border-radius: 5px; background: rgba(0,0,0,.5) } .video > .pbWrapper > div { display: inline-block } #pbOverlay iframe,#pbOverlay embed,#pbOverlay object { display: block; width: 100%; height: 100%; opacity: 1; transition: .5s } .pbWrapper .pbHide iframe { opacity: 0 } .pbWrapper > div,.pbWrapper > img { transition: .5s .5s cubic-bezier(.1,.87,.48,1); -webkit-transform: none; -ms-transform: none; transform: none; -webkit-backface-visibility: hidden; box-shadow: 0 0 20px #000; opacity: 1 } .mobile.show .pbWrapper > div,.mobile.show .pbWrapper > img { transition: 30ms } .pbWrapper > *,.pbHide .pbWrapper > .prepare { opacity: 0; vertical-align: middle; -webkit-transform: scale(.2) rotateX(80deg); -ms-transform: scale(.2) rotateX(80deg); transform: scale(.2) rotateX(80deg); border-radius: 6px; border: none; max-height: 95%; max-width: 100% } .on .pbWrapper > * { transition-delay: 0 } .pbWrapper .zoomable { -webkit-transition: 0; transition: 0; position: relative; z-index: 9 } .pbWrapper .rotating { -webkit-transition: .25s cubic-bezier(.4,.04,0,1); transition: .25s cubic-bezier(.4,.04,0,1) } .pbHide .pbWrapper > * { -webkit-transform: scale(1.2); transform: scale(1.2); transform: none\9; opacity: 0; transition: .4s ease-out } #pbCloseBtn,#pbAutoplayBtn { position: absolute; top: -50px; right: -50px; z-index: 999; display: block; padding: 0px; width: 50px; height: 50px; text-align: center; cursor: pointer; color: #FFF; transition: .3s .3s ease-out; } .pbHide #pbCloseBtn { top: -50px; right: -50px } .on #pbCloseBtn { top: 0px; right: 0px; } #pbCloseBtn:before { content: '\00D7'; font: bold 1em/1 arial } #pbCloseBtn:before,#pbAutoplayBtn:before { display: inline-block; height: 100%; width: 100%; padding: 8px 8px 12px 12px; font-size: 2em; opacity: .8; vertical-align: middle; background: rgba(255,255,255,.2); border-radius: 0 0 0 70px; transition: .1s ease-out; } #pbCloseBtn:hover:before { background: rgba(255,100,100,.4) } #pbAutoplayBtn { display: none; right: auto; left: -50px; padding: 0; width: 50px; height: 50px; } .hasAutoplay #pbAutoplayBtn { display: block } #pbAutoplayBtn:hover { width: 60px; height: 60px } .on #pbAutoplayBtn { top: 0; left: 0; transition: .1s ease-out } #pbAutoplayBtn:before { content: '\2016'; width: 100%; height: 100%; border-radius: 0 0 70px 0; font-weight: 700; padding: 0; text-indent: -6px; line-height: 1.6 } #pbAutoplayBtn:active:before { text-shadow: 0 0 3px #FFF,0 0 6px #FFF } #pbAutoplayBtn.play:before { content: '\25BA' } #pbAutoplayBtn .pbProgress { display: none\9; width: 100%; height: 100%; overflow: hidden; position: absolute; padding: 6px; top: 0; left: 0; opacity: .2; transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: .3s; transition: .3s } .mobile #pbAutoplayBtn .pbProgress { -webkit-transition: 0; transition: 0 } #pbAutoplayBtn.playing .pbProgress { -webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); transform: rotateZ(90deg) } #pbAutoplayBtn .pbProgress:before { content: ''; position: absolute; right: 0; bottom: 0; width: 200%; height: 200%; border-radius: 50%; box-shadow: 0 0 0 8px #FFF inset } #pbCaption,.pbHide #pbCaption { position: absolute; z-index: 999; margin-bottom: 5px; bottom: -120px; width: 100%; overflow: hidden; transform: translateZ(0px); transition: .4s } .show.on #pbCaption { bottom: 0; transition-delay: .5s } #pbOverlay.thumbs #pbCaption label { display: block } #pbCaption label { display: none; float: right; margin: 0 1em; color: #FFF; opacity: .3; transition: .2s; cursor: pointer } #pbCaption label:after { content: '\276F'; font-size: 30px; line-height: 30px; display: inline-block; transform: rotate(-90deg); transition: .2s ease-out } #pbCaption label:hover { opacity: 1 } #pbCaption .title,#pbCaption .counter { display: inline-block; color: #FFF; margin: 0 6px } #pbCaption .counter { display: none; opacity: .55 } .hasCounter #pbCaption .counter { display: inline-block } .pbCaptionText { display: inline-block; transition: .3s; opacity: .9; font-weight: 700; vertical-align: middle; text-shadow: 1px 1px 1px rgba(0,0,0,.5); padding-left: 60px } .pbCaptionText.change { -webkit-transform: translateY(25px); transform: translateY(25px); opacity: 0 } #pbCaption .rotateBtn { display: none; background: none; border: 0; font: 800 1.7em/0 Arial; vertical-align: middle; color: rgba(255,255,255,.5); width: 1.1em; height: 1.1em; padding: 0; border-radius: 50%; background: rgba(0,0,0,.2); cursor: pointer; transition: .15s ease-out } #pbCaption .rotateBtn.show { display: block; float: right } #pbCaption .rotateBtn:hover { color: rgba(255,255,255,.7) } #pbCaption .rotateBtn:active { color: #fff; background: rgba(0,0,0,.4) } .mobile #pbCaption label { display: none; z-index: -1; color: red } .mobile .pbCaptionText { padding: 0 } #pbThumbsToggler:checked ~ #pbCaption .pbThumbs { margin: 0 } #pbThumbsToggler:checked ~ #pbCaption label:after { transform: rotate(90deg) } #pbThumbsToggler:checked ~ .pbWrapper { margin-top: -50px; padding: 50px 0 } .pbThumbs { display: none; transition: .35s; -webkit-overflow-scrolling: touch } .thumbs .pbThumbs { display: block; width: 100%; padding: 5px 0 2px; margin-bottom: -100px; overflow: hidden } .mobile .pbThumbs { overflow: auto } .pbThumbs:hover { clear: both } .pbThumbs ul { display: inline-block; position: relative; list-style: none; height: 80px; padding: 0 5px; margin: 0; white-space: pre; transition: .2s } .pbThumbs ul:after { vertical-align: bottom } .pbThumbs li { display: inline-block; vertical-align: bottom; height: 70%; opacity: .6; text-align: center; position: relative; transition: .15s } .pbThumbs li.active { height: 100%; opacity: 1 } .pbThumbs li:hover { height: 100%; opacity: 1 } .pbThumbs li.video::before { content: '\25BA'; color: #FFF; font-size: 20px; height: 20px; width: 20px; line-height: .9; position: absolute; bottom: 4px; left: 7px; background: rgba(0,0,0,.4); box-shadow: 0 0 0 3px rgba(0,0,0,.4); border-radius: 0 3px 0 0; pointer-events: none } .pbThumbs a { height: 100%; padding: 0 2px; display: block; -moz-user-select: none } .pbThumbs img { height: 96%; min-height: 95.9%; border: 2px solid #FFF; max-width: none; border-radius: 0; transition: .15s } .pbThumbs li:hover img { min-height: 96% } .pbThumbs li.fast a img { transition: none } .pbThumbs li.active a img { border-color: #D8FF16; min-height: 96% } #pbOverlay .prevNext { display: none; background: rgba(0,0,0,0); position: absolute; z-index: 10; height: 100%; width: 35%; padding: 80px 0; opacity: 0; box-sizing: border-box; -moz-box-sizing: border-box; top: 0; transition: .2s ease-out; text-shadow: 0 0 12px #000,0 0 10px #FFF; user-select: none; filter: alpha(opacity=0); cursor: pointer } #pbOverlay.hasArrows .prevNext { display: block } #pbOverlay .prevNext.pbHide { display: none } #pbOverlay.on .prevNext:hover { opacity: .5; filter: alpha(opacity=50) } #pbOverlay.on .prevNext:hover:active { transition: 80ms; opacity: 1; filter: alpha(opacity=100); text-shadow: 0 0 16px #FFF,0 0 10px #000 } .prevNext b { display: inline-block; vertical-align: middle; transition: .2s ease-in } .prevNext:hover b { transition: .2s cubic-bezier(.095,.870,.485,.985) } #pbPrevBtn b { transform: scale(.4) translateX(350px); -webkit-transform: scale(.4) translateX(350px) } #pbNextBtn b { transform: scale(.4) translateX(-350px); -webkit-transform: scale(.4) translateX(-350px) } #pbPrevBtn b:before,#pbNextBtn b:after { display: inline; line-height: .3; font-size: 18em; font-weight: 400; color: #FFF; font-family: Arial } #pbPrevBtn b:before { content: '\2039' } #pbNextBtn b:after { content: '\203A' } .on #pbPrevBtn:hover b { transform: scale(1) translateX(20px); -webkit-transform: scale(1) translateX(20px) } .on #pbNextBtn:hover b { transform: scale(1) translateX(-20px); -webkit-transform: scale(1) translateX(-20px) } .show #pbPrevBtn { left: 0; text-align: left } .show #pbNextBtn { right: 0; text-align: right } @media all and (max-width: 700px) { .pbWrapper img,.pbHide .pbWrapper img.prepare { max-height:100% } .thumbs .pbWrapper { padding: 0; margin: 0 } .pbThumbs { margin-bottom: -60px } .pbThumbs.show { margin: 0 } .pbThumbs ul { height: 50px } .pbThumbs li { height: 100%; opacity: 1 } .pbThumbs li img { min-height: 96.5% } } @media all and (max-width: 710px) { .pbThumbs li.active a img { min-height:96% } } .mm-menu_theme-white { --mm-color-border: rgba(0,0,0,0.1); --mm-color-button: rgba(0,0,0,0.3); --mm-color-text: rgba(0,0,0,0.7); --mm-color-text-dimmed: rgba(0,0,0,0.3); --mm-color-background: #fff; --mm-color-background-highlight: rgba(0,0,0,0.06); --mm-color-background-emphasis: rgba(0,0,0,0.03); --mm-shadow: 0 0 10px rgba(0,0,0,0.2) } .mm-menu_theme-dark { --mm-color-border: rgba(0,0,0,0.3); --mm-color-button: rgba(255,255,255,0.4); --mm-color-text: rgba(255,255,255,0.85); --mm-color-text-dimmed: rgba(255,255,255,0.4); --mm-color-background: #333; --mm-color-background-highlight: rgba(255,255,255,0.08); --mm-color-background-emphasis: rgba(0,0,0,0.1); --mm-shadow: 0 0 20px rgba(0,0,0,0.5) } .mm-menu_theme-black { --mm-color-border: rgba(255,255,255,0.25); --mm-color-button: rgba(255,255,255,0.4); --mm-color-text: rgba(255,255,255,0.75); --mm-color-text-dimmed: rgba(255,255,255,0.4); --mm-color-background: #000; --mm-color-background-highlight: rgba(255,255,255,0.2); --mm-color-background-emphasis: rgba(255,255,255,0.15); --mm-shadow: none } :root { --mm-line-height: 20px; --mm-listitem-size: 44px; --mm-navbar-size: 44px; --mm-offset-top: 0; --mm-offset-right: 0; --mm-offset-bottom: 0; --mm-offset-left: 0; --mm-color-border: rgba(0,0,0,0.1); --mm-color-button: rgba(0,0,0,0.3); --mm-color-text: rgba(0,0,0,0.75); --mm-color-text-dimmed: rgba(0,0,0,0.3); --mm-color-background: #f3f3f3; --mm-color-background-highlight: rgba(0,0,0,0.05); --mm-color-background-emphasis: rgba(255,255,255,0.4); --mm-shadow: 0 0 10px rgba(0,0,0,0.3) } .mm-hidden { display: none!important } .mm-wrapper { overflow-x: hidden; position: relative } .mm-menu { top: 0; right: 0; bottom: 0; left: 0; background: #f3f3f3; border-color: rgba(0,0,0,.1); color: rgba(0,0,0,.75); line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: var(--mm-offset-top); right: var(--mm-offset-right); bottom: var(--mm-offset-bottom); left: var(--mm-offset-left); z-index: 0; background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); line-height: var(--mm-line-height); -webkit-tap-highlight-color: var(--mm-color-background-emphasis); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited { text-decoration: none; color: inherit } [dir=rtl] .mm-menu { direction: rtl } .mm-panel { background: #f3f3f3; border-color: rgba(0,0,0,.1); color: rgba(0,0,0,.75); z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease } .mm-panel:after { height: 44px } .mm-panel:not(.mm-hidden) { display: block } .mm-panel:after { content: ''; display: block; height: var(--mm-listitem-size) } .mm-panel_opened { z-index: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .mm-panel_opened-parent { -webkit-transform: translate3d(-30%,0,0); transform: translate3d(-30%,0,0) } .mm-panel_highest { z-index: 2 } .mm-panel_noanimation { -webkit-transition: none!important; -o-transition: none!important; transition: none!important } .mm-panel_noanimation.mm-panel_opened-parent { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .mm-panels>.mm-panel { position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .mm-panel__content { padding: 20px 20px 0 } .mm-panels { background: #f3f3f3; border-color: rgba(0,0,0,.1); color: rgba(0,0,0,.75); position: relative; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text) } [dir=rtl] .mm-panel:not(.mm-panel_opened) { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } [dir=rtl] .mm-panel.mm-panel_opened-parent { -webkit-transform: translate3d(30%,0,0); transform: translate3d(30%,0,0) } .mm-listitem_vertical>.mm-panel { display: none; width: 100%; padding: 10px 0 10px 10px; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important } .mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before { content: none; display: none } .mm-listitem_opened>.mm-panel { display: block } .mm-listitem_vertical>.mm-listitem__btn { height: 44px; height: var(--mm-listitem-size); bottom: auto } .mm-listitem_vertical .mm-listitem:last-child:after { border-color: transparent } .mm-listitem_opened>.mm-listitem__btn:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px } .mm-btn { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50px; padding: 0 } .mm-btn:after,.mm-btn:before { border: 2px solid rgba(0,0,0,.3); border: 2px solid var(--mm-color-button) } .mm-btn_next:after,.mm-btn_prev:before { content: ''; border-bottom: none; border-right: none; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0 } .mm-btn_prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto } .mm-btn_next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto } .mm-btn_close:after,.mm-btn_close:before { content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .mm-btn_close:before { border-right: none; border-bottom: none; right: 18px } .mm-btn_close:after { border-left: none; border-top: none; right: 25px } [dir=rtl] .mm-btn_next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto } [dir=rtl] .mm-btn_prev:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto } [dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before { right: auto } [dir=rtl] .mm-btn_close:before { left: 25px } [dir=rtl] .mm-btn_close:after { left: 18px } .mm-navbar { min-height: 44px; border-bottom: 1px solid rgba(0,0,0,.1); background: #f3f3f3; color: rgba(0,0,0,.3); display: -webkit-box; display: -ms-flexbox; display: flex; min-height: var(--mm-navbar-size); border-bottom: 1px solid var(--mm-color-border); background: var(--mm-color-background); color: var(--mm-color-text-dimmed); text-align: center; opacity: 1; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .mm-navbar>* { min-height: 44px } @supports ((position: -webkit-sticky) or (position:sticky)) { .mm-navbar_sticky { position:-webkit-sticky; position: sticky; top: 0; z-index: 1 } } .mm-navbar>* { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box } .mm-navbar__btn { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .mm-navbar__title { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 20px; padding-right: 20px } .mm-navbar__title:not(:last-child) { padding-right: 0 } .mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title { padding-left: 0 } .mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child { padding-right: 50px } [dir=rtl] .mm-navbar { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .mm-listview { list-style: none; display: block; padding: 0; margin: 0 } .mm-listitem { color: rgba(0,0,0,.75); border-color: rgba(0,0,0,.1); color: var(--mm-color-text); border-color: var(--mm-color-border); list-style: none; display: block; padding: 0; margin: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .mm-listitem:after { content: ''; border-color: inherit; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 20px; right: 0; bottom: 0 } .mm-listitem a,.mm-listitem a:hover { text-decoration: none } .mm-listitem__btn,.mm-listitem__text { padding: 12px; display: block; padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2); padding-left: 0; padding-right: 0; color: inherit } .mm-listitem__text { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; padding-right: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 10%; flex-basis: 10% } .mm-listitem__btn { background: rgba(3,2,1,0); border-color: inherit; width: auto; padding-right: 50px; position: relative } .mm-listitem__btn:not(.mm-listitem__text) { border-left-width: 1px; border-left-style: solid } .mm-listitem_selected>.mm-listitem__text { background: rgba(255,255,255,.4); background: var(--mm-color-background-emphasis) } .mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel { background: rgba(0,0,0,.05); background: var(--mm-color-background-highlight) } [dir=rtl] .mm-listitem:after { left: 0; right: 20px } [dir=rtl] .mm-listitem__text { padding-left: 10px; padding-right: 20px } [dir=rtl] .mm-listitem__btn { padding-left: 50px; border-left-width: 0; border-left-style: none } [dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) { padding-right: 0; border-right-width: 1px; border-right-style: solid } .mm-page { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative } .mm-slideout { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; z-index: 1 } .mm-wrapper_opened { overflow-x: hidden; position: relative } .mm-wrapper_opened .mm-page { min-height: 100vh } .mm-wrapper_background .mm-page { background: inherit } .mm-menu_offcanvas { position: fixed; right: auto; z-index: 0 } .mm-menu_offcanvas:not(.mm-menu_opened) { display: none } .mm-menu_offcanvas { width: 80%; min-width: 240px; max-width: 440px } .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout { -webkit-transform: translate3d(80vw,0,0); transform: translate3d(80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout { -webkit-transform:translate3d(240px,0,0); transform: translate3d(240px,0,0) } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout { -webkit-transform:translate3d(440px,0,0); transform: translate3d(440px,0,0) } } .mm-wrapper__blocker { background: rgba(3,2,1,0); overflow: hidden; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2 } .mm-wrapper_blocking { overflow: hidden } .mm-wrapper_blocking body { overflow: hidden } .mm-wrapper_blocking .mm-wrapper__blocker { display: block } .mm-sronly { border: 0!important; clip: rect(1px,1px,1px,1px)!important; -webkit-clip-path: inset(50%)!important; clip-path: inset(50%)!important; white-space: nowrap!important; width: 1px!important; min-width: 1px!important; height: 1px!important; min-height: 1px!important; padding: 0!important; overflow: hidden!important; position: absolute!important } .mm-menu_autoheight:not(.mm-menu_offcanvas) { position: relative } .mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top { max-height: 80% } .mm-menu_autoheight-measuring .mm-panel { display: block!important } .mm-menu_autoheight-measuring .mm-panels>.mm-panel { bottom: auto!important; height: auto!important } .mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel { display: none!important } [class*=mm-menu_columns-] { -webkit-transition-property: width; -o-transition-property: width; transition-property: width } [class*=mm-menu_columns-] .mm-panels>.mm-panel { right: auto; -webkit-transition-property: width,-webkit-transform; transition-property: width,-webkit-transform; -o-transition-property: width,transform; transition-property: width,transform; transition-property: width,transform,-webkit-transform } [class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent { display: block!important } [class*=mm-panel_columns-] { border-right: 1px solid; border-color: inherit } .mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3 { border-right: none } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .mm-menu_columns-0 .mm-panels>.mm-panel { z-index: 0 } .mm-menu_columns-0 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } .mm-menu_columns-0 { width: 80%; min-width: 240px; max-width: 0 } .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout { -webkit-transform: translate3d(80vw,0,0); transform: translate3d(80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout { -webkit-transform:translate3d(240px,0,0); transform: translate3d(240px,0,0) } } @media all and (min-width: 0px) { .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout { -webkit-transform:translate3d(0,0,0); transform: translate3d(0,0,0) } } .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw,0,0); transform: translate3d(-80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-240px,0,0); transform: translate3d(-240px,0,0) } } @media all and (min-width: 0px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(0,0,0); transform: translate3d(0,0,0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1 { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } .mm-menu_columns-1 .mm-panels>.mm-panel { z-index: 1; width: 100% } .mm-menu_columns-1 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(200%,0,0); transform: translate3d(200%,0,0) } .mm-menu_columns-1 { width: 80%; min-width: 240px; max-width: 440px } .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout { -webkit-transform: translate3d(80vw,0,0); transform: translate3d(80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout { -webkit-transform:translate3d(240px,0,0); transform: translate3d(240px,0,0) } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout { -webkit-transform:translate3d(440px,0,0); transform: translate3d(440px,0,0) } } .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw,0,0); transform: translate3d(-80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-240px,0,0); transform: translate3d(-240px,0,0) } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-440px,0,0); transform: translate3d(-440px,0,0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2 { -webkit-transform: translate3d(200%,0,0); transform: translate3d(200%,0,0) } .mm-menu_columns-2 .mm-panels>.mm-panel { z-index: 2; width: 50% } .mm-menu_columns-2 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(300%,0,0); transform: translate3d(300%,0,0) } .mm-menu_columns-2 { width: 80%; min-width: 240px; max-width: 880px } .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout { -webkit-transform: translate3d(80vw,0,0); transform: translate3d(80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout { -webkit-transform:translate3d(240px,0,0); transform: translate3d(240px,0,0) } } @media all and (min-width: 1100px) { .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout { -webkit-transform:translate3d(880px,0,0); transform: translate3d(880px,0,0) } } .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw,0,0); transform: translate3d(-80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-240px,0,0); transform: translate3d(-240px,0,0) } } @media all and (min-width: 1100px) { .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-880px,0,0); transform: translate3d(-880px,0,0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3 { -webkit-transform: translate3d(300%,0,0); transform: translate3d(300%,0,0) } .mm-menu_columns-3 .mm-panels>.mm-panel { z-index: 3; width: 33.34% } .mm-menu_columns-3 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(400%,0,0); transform: translate3d(400%,0,0) } .mm-menu_columns-3 { width: 80%; min-width: 240px; max-width: 1320px } .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout { -webkit-transform: translate3d(80vw,0,0); transform: translate3d(80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout { -webkit-transform:translate3d(240px,0,0); transform: translate3d(240px,0,0) } } @media all and (min-width: 1650px) { .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout { -webkit-transform:translate3d(1320px,0,0); transform: translate3d(1320px,0,0) } } .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw,0,0); transform: translate3d(-80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-240px,0,0); transform: translate3d(-240px,0,0) } } @media all and (min-width: 1650px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-1320px,0,0); transform: translate3d(-1320px,0,0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4 { -webkit-transform: translate3d(400%,0,0); transform: translate3d(400%,0,0) } .mm-menu_columns-4 .mm-panels>.mm-panel { z-index: 4; width: 25% } .mm-menu_columns-4 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(500%,0,0); transform: translate3d(500%,0,0) } .mm-menu_columns-4 { width: 80%; min-width: 240px; max-width: 1760px } .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout { -webkit-transform: translate3d(80vw,0,0); transform: translate3d(80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout { -webkit-transform:translate3d(240px,0,0); transform: translate3d(240px,0,0) } } @media all and (min-width: 2200px) { .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout { -webkit-transform:translate3d(1760px,0,0); transform: translate3d(1760px,0,0) } } .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw,0,0); transform: translate3d(-80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-240px,0,0); transform: translate3d(-240px,0,0) } } @media all and (min-width: 2200px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-1760px,0,0); transform: translate3d(-1760px,0,0) } } [class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top { width: 100%; max-width: 100%; min-width: 100% } .mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front { -webkit-transition-property: width,min-width,max-width,-webkit-transform; transition-property: width,min-width,max-width,-webkit-transform; -o-transition-property: width,min-width,max-width,transform; transition-property: width,min-width,max-width,transform; transition-property: width,min-width,max-width,transform,-webkit-transform } .mm-counter { color: rgba(0,0,0,.3); display: block; padding-left: 20px; float: right; text-align: right; color: var(--mm-color-text-dimmed) } .mm-listitem_nosubitems>.mm-counter { display: none } [dir=rtl] .mm-counter { text-align: left; float: left; padding-left: 0; padding-right: 20px } .mm-divider { position: relative; min-height: 20px; padding: 4.3px; background: #f3f3f3; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; min-height: var(--mm-line-height); padding: calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5); padding-right: 10px; padding-left: 20px; font-size: 75%; text-transform: uppercase; background: var(--mm-color-background); opacity: 1; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .mm-divider:before { background: rgba(0,0,0,.05) } @supports ((position: -webkit-sticky) or (position:sticky)) { .mm-divider { position:-webkit-sticky; position: sticky; z-index: 2; top: 0 } .mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider { top: var(--mm-navbar-size) } } .mm-divider:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--mm-color-background-highlight) } .mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout { -webkit-transition-duration: 0s!important; -o-transition-duration: 0s!important; transition-duration: 0s!important; -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important } .mm-wrapper_dragging .mm-menu { pointer-events: none!important } .mm-wrapper_dragging .mm-wrapper__blocker { display: none!important } .mm-menu_dropdown { -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.3); box-shadow: 0 2px 10px rgba(0,0,0,.3); height: 80% } .mm-wrapper_dropdown .mm-slideout { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; z-index: 0 } .mm-wrapper_dropdown .mm-wrapper__blocker { -webkit-transition-delay: 0s!important; -o-transition-delay: 0s!important; transition-delay: 0s!important; z-index: 1 } .mm-wrapper_dropdown .mm-menu_dropdown { z-index: 2 } .mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown { display: none } .mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before { content: ''; background: inherit; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.3); box-shadow: 0 2px 10px rgba(0,0,0,.3); display: block; width: 15px; height: 15px; position: absolute; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .mm-menu_tip-left:before { left: 22px } .mm-menu_tip-right:before { right: 22px } .mm-menu_tip-top:before { top: -8px } .mm-menu_tip-bottom:before { bottom: -8px } :root { --mm-iconbar-size: 50px } .mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels { margin-left: 50px; margin-left: var(--mm-iconbar-size) } .mm-menu_iconbar-left .mm-iconbar { border-right-width: 1px; display: block; left: 0 } .mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels { margin-right: 50px; margin-right: var(--mm-iconbar-size) } .mm-menu_iconbar-right .mm-iconbar { border-left-width: 1px; display: block; right: 0 } .mm-iconbar { width: 50px; border-color: rgba(0,0,0,.1); background: #f3f3f3; color: rgba(0,0,0,.3); display: none; width: var(--mm-iconbar-size); overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; bottom: 0; z-index: 2; border: 0 solid; border-color: var(--mm-color-border); background: var(--mm-color-background); color: var(--mm-color-text-dimmed); text-align: center } .mm-iconbar__bottom,.mm-iconbar__top { width: inherit; position: absolute } .mm-iconbar__bottom>*,.mm-iconbar__top>* { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 12.5px 0 } .mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover { text-decoration: none } .mm-iconbar__top { top: 0 } .mm-iconbar__bottom { bottom: 0 } .mm-iconbar__tab_selected { background: rgba(255,255,255,.4); background: var(--mm-color-background-emphasis) } :root { --mm-iconpanel-size: 50px } .mm-panel_iconpanel-1 { width: calc(100% - 50px); width: calc(100% - (var(--mm-iconpanel-size) * 1)) } .mm-panel_iconpanel-2 { width: calc(100% - 100px); width: calc(100% - (var(--mm-iconpanel-size) * 2)) } .mm-panel_iconpanel-3 { width: calc(100% - 150px); width: calc(100% - (var(--mm-iconpanel-size) * 3)) } .mm-panel_iconpanel-first~.mm-panel { width: calc(100% - 50px); width: calc(100% - var(--mm-iconpanel-size)) } .mm-menu_iconpanel .mm-panels>.mm-panel { left: auto; -webkit-transition-property: width,-webkit-transform; transition-property: width,-webkit-transform; -o-transition-property: transform,width; transition-property: transform,width; transition-property: transform,width,-webkit-transform } .mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent { display: block!important } .mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent { overflow-y: hidden; -webkit-transform: unset; -ms-transform: unset; transform: unset } .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) { border-left-width: 1px; border-left-style: solid } .mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar { opacity: 0 } .mm-panel__blocker { background: inherit; opacity: 0; display: block; position: absolute; top: 0; right: 0; left: 0; z-index: 3; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .mm-panel_opened-parent .mm-panel__blocker { opacity: .6; bottom: -100000px } [dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel { left: 0; right: auto; -webkit-transition-property: width,-webkit-transform; transition-property: width,-webkit-transform; -o-transition-property: transform,width; transition-property: transform,width; transition-property: transform,width,-webkit-transform } [dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) { border-left: none; border-right: 1px solid; border-color: inherit } .mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus { background: rgba(255,255,255,.4); background: var(--mm-color-background-emphasis); outline: 0 } .mm-wrapper__blocker .mm-tabstart { cursor: default; display: block; width: 100%; height: 100% } .mm-wrapper__blocker .mm-tabend { opacity: 0; position: absolute; bottom: 0 } .mm-navbars_top { -ms-flex-negative: 0; flex-shrink: 0 } .mm-navbars_top .mm-navbar:not(:last-child) { border-bottom: none } .mm-navbars_bottom { -ms-flex-negative: 0; flex-shrink: 0 } .mm-navbars_bottom .mm-navbar { border-bottom: none } .mm-navbars_bottom .mm-navbar:first-child { border-top: 1px solid rgba(0,0,0,.1); border-top: 1px solid var(--mm-color-border) } .mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input { padding-left: 0 } .mm-navbar__searchfield:not(:last-child) .mm-searchfield__input { padding-right: 0 } .mm-navbar__breadcrumbs { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 20px; overflow-x: auto; -webkit-overflow-scrolling: touch } .mm-navbar__breadcrumbs>* { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 6px } .mm-navbar__breadcrumbs>a { text-decoration: underline } .mm-navbar__breadcrumbs:not(:last-child) { padding-right: 0 } .mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs { padding-left: 0 } .mm-navbar_tabs>* { padding: 0 10px; border: 1px solid transparent } .mm-navbar__tab_selected { background: #f3f3f3; color: rgba(0,0,0,.75); background: var(--mm-color-background); color: var(--mm-color-text) } .mm-navbar__tab_selected:not(:first-child) { border-left-color: rgba(0,0,0,.1) } .mm-navbar__tab_selected:not(:last-child) { border-right-color: rgba(0,0,0,.1) } .mm-navbar__tab_selected:not(:first-child) { border-left-color: var(--mm-color-border) } .mm-navbar__tab_selected:not(:last-child) { border-right-color: var(--mm-color-border) } .mm-navbars_top .mm-navbar_tabs { border-bottom: none } .mm-navbars_top .mm-navbar_tabs>* { border-bottom-color: rgba(0,0,0,.1); border-bottom-color: var(--mm-color-border) } .mm-navbars_top .mm-navbar__tab_selected { border-top-color: rgba(0,0,0,.1); border-top-color: var(--mm-color-border); border-bottom-color: transparent } .mm-navbars_top.mm-navbars_has-tabs .mm-navbar { background: rgba(255,255,255,.4); background: var(--mm-color-background-emphasis) } .mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar { background: #f3f3f3; background: var(--mm-color-background) } .mm-navbars_bottom .mm-navbar_tabs:first-child { border-top: none } .mm-navbars_bottom .mm-navbar_tabs>* { border-top-color: rgba(0,0,0,.1); border-top-color: var(--mm-color-border) } .mm-navbars_bottom .mm-navbar__tab_selected { border-bottom-color: rgba(0,0,0,.1); border-bottom-color: var(--mm-color-border); border-top-color: transparent } .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar { background: #f3f3f3; background: var(--mm-color-background) } .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar { background: rgba(255,255,255,.4); background: var(--mm-color-background-emphasis) } .mm-searchfield { height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: var(--mm-navbar-size); padding: 0; overflow: hidden } .mm-searchfield input { height: 30.8px; line-height: 30.8px } .mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover { background: rgba(0,0,0,.05); color: rgba(0,0,0,.75) } .mm-searchfield input { display: block; width: 100%; max-width: 100%; height: calc(var(--mm-navbar-size) * .7); min-height: unset; max-height: unset; margin: 0; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: none!important; border-radius: 4px; line-height: calc(var(--mm-navbar-size) * .7); -webkit-box-shadow: none!important; box-shadow: none!important; outline: 0!important; font: inherit; font-size: inherit } .mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover { background: var(--mm-color-background-highlight); color: var(--mm-color-text) } .mm-searchfield input::-ms-clear { display: none } .mm-searchfield__input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; max-width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box } .mm-panel__noresultsmsg { color: rgba(0,0,0,.3); padding: 50px 0; color: var(--mm-color-text-dimmed); text-align: center; font-size: 150% } .mm-searchfield__btn { position: absolute; right: 0; top: 0; bottom: 0 } .mm-panel_search { left: 0!important; right: 0!important; width: 100%!important; border-left: none!important } .mm-searchfield__cancel { line-height: 44px; display: block; padding-right: 10px; margin-right: -100px; line-height: var(--mm-navbar-size); text-decoration: none; -webkit-transition: margin .4s ease; -o-transition: margin .4s ease; transition: margin .4s ease } .mm-searchfield__cancel-active { margin-right: 0 } .mm-listitem_nosubitems>.mm-listitem__btn { display: none } .mm-listitem_nosubitems>.mm-listitem__text { padding-right: 10px } .mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn) { z-index: -1; pointer-events: none } .mm-sectionindexer { background: inherit; text-align: center; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -20px; z-index: 5; -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } .mm-sectionindexer a { color: rgba(0,0,0,.3); color: var(--mm-color-text-dimmed); line-height: 1; text-decoration: none; display: block } .mm-sectionindexer~.mm-panel { padding-right: 0 } .mm-sectionindexer_active { right: 0 } .mm-sectionindexer_active~.mm-panel { padding-right: 20px } .mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text { -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease } .mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>.mm-listitem__text { background: 0 0 } .mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover { background: rgba(255,255,255,.4); background: var(--mm-color-background-emphasis) } .mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text { background: 0 0 } .mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text { background: rgba(255,255,255,.4); background: var(--mm-color-background-emphasis) } :root { --mm-sidebar-collapsed-size: 50px; --mm-sidebar-expanded-size: 440px } .mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body { position: relative } .mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout { -webkit-transition-property: width,-webkit-transform; transition-property: width,-webkit-transform; -o-transition-property: width,transform; transition-property: width,transform; transition-property: width,transform,-webkit-transform } .mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page { background: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100vh } .mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; top: 0!important; right: auto!important; bottom: 0!important; left: 0!important } .mm-wrapper_sidebar-collapsed .mm-slideout { width: calc(100% - 50px); -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0); width: calc(100% - var(--mm-sidebar-collapsed-size)); -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size),0,0); transform: translate3d(var(--mm-sidebar-collapsed-size),0,0) } .mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar { opacity: 0 } .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded { width: 440px; width: var(--mm-sidebar-expanded-size); min-width: 0!important; max-width: 100000px!important; border-right-width: 1px; border-right-style: solid } .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after { content: none; display: none } .mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body { overflow: visible } .mm-wrapper_sidebar-expanded .mm-wrapper__blocker { display: none!important } .mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout { width: calc(100% - 440px); -webkit-transform: translate3d(440px,0,0); transform: translate3d(440px,0,0); width: calc(100% - var(--mm-sidebar-expanded-size)); -webkit-transform: translate3d(var(--mm-sidebar-expanded-size),0,0); transform: translate3d(var(--mm-sidebar-expanded-size),0,0) } .mm-menu__blocker { background: rgba(3,2,1,0); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3 } .mm-menu_opened .mm-menu__blocker { display: none } [dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } [dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } [dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } input.mm-toggle { margin-top: 5px; background: rgba(0,0,0,.1); display: inline-block; min-width: 58px; width: 58px; height: 34px; margin: 0 10px; margin-top: calc((var(--mm-listitem-size) - 34px)/ 2); border: none!important; background: var(--mm-color-border); border-radius: 34px; -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; cursor: pointer; -webkit-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease } input.mm-toggle:before { background: #f3f3f3 } input.mm-toggle:before { content: ''; display: block; width: 32px; height: 32px; margin: 1px; border-radius: 34px; background: var(--mm-color-background); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; -o-transition: transform .2s ease; transition: transform .2s ease; transition: transform .2s ease,-webkit-transform .2s ease } input.mm-toggle:checked { background: #4bd963 } input.mm-toggle:checked:before { -webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px) } input.mm-check { margin-top: 2px; -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; border: none!important; background: 0 0!important; cursor: pointer; display: inline-block; width: 40px; height: 40px; margin: 0 10px; margin-top: calc((var(--mm-listitem-size) - 40px)/ 2) } input.mm-check:before { content: ''; display: block; width: 40%; height: 20%; margin: 25% 0 0 20%; border-left: 3px solid; border-bottom: 3px solid; border-color: var(--mm-color-text); opacity: .3; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease } input.mm-check:checked:before { opacity: 1 } [dir=rtl] input.mm-toggle:checked~label.mm-toggle:before { float: left } .mm-menu_border-none .mm-listitem:after { content: none } .mm-menu_border-full .mm-listitem:after { left: 0!important } .mm-menu_fx-menu-slide { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease } .mm-wrapper_opened .mm-menu_fx-menu-slide { -webkit-transform: translate3d(-30%,0,0); transform: translate3d(-30%,0,0) } .mm-wrapper_opening .mm-menu_fx-menu-slide { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right { -webkit-transform: translate3d(30%,0,0); transform: translate3d(30%,0,0) } .mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none { -webkit-transition-property: none; -o-transition-property: none; transition-property: none } .mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .mm-menu_fx-panels-slide-0 .mm-panel_opened-parent { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .mm-menu_fx-panels-slide-100 .mm-panel_opened-parent { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } .mm-menu_fullscreen { width: 100%; min-width: 140px; max-width: 10000px } .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout { -webkit-transform: translate3d(100vw,0,0); transform: translate3d(100vw,0,0) } @media all and (max-width: 140px) { .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout { -webkit-transform:translate3d(140px,0,0); transform: translate3d(140px,0,0) } } @media all and (min-width: 10000px) { .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout { -webkit-transform:translate3d(10000px,0,0); transform: translate3d(10000px,0,0) } } .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-100vw,0,0); transform: translate3d(-100vw,0,0) } @media all and (max-width: 140px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-140px,0,0); transform: translate3d(-140px,0,0) } } @media all and (min-width: 10000px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-10000px,0,0); transform: translate3d(-10000px,0,0) } } .mm-menu_fullscreen.mm-menu_position-top { height: 100vh; min-height: 140px; max-height: 10000px } .mm-menu_fullscreen.mm-menu_position-bottom { height: 100vh; min-height: 140px; max-height: 10000px } .mm-menu_listview-justify .mm-panels>.mm-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .mm-menu_listview-justify .mm-panels>.mm-panel:after { content: none; display: none } .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-top: 0; margin-bottom: 0 } .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 50px } .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .mm-listview_inset { list-style: inside disc; width: 100%; padding: 0 30px 15px 30px; margin: 0 } .mm-listview_inset .mm-listitem { padding: 5px 0 } .mm-menu_multiline .mm-listitem__text { -o-text-overflow: clip; text-overflow: clip; white-space: normal } [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker { opacity: 0 } .mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker { opacity: .3; -webkit-transition: opacity .4s ease .4s; -o-transition: opacity .4s ease .4s; transition: opacity .4s ease .4s } .mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker { background: inherit } .mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker { background: #000 } .mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker { background: #fff } .mm-menu_popup { -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 0; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.3); box-shadow: 0 2px 10px rgba(0,0,0,.3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; z-index: 2; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0) } .mm-menu_popup.mm-menu_opened~.mm-slideout { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; z-index: 0 } .mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker { -webkit-transition-delay: 0s!important; -o-transition-delay: 0s!important; transition-delay: 0s!important; z-index: 1 } .mm-wrapper_opening .mm-menu_popup { opacity: 1 } .mm-menu_position-right { left: auto; right: 0 } .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw,0,0); transform: translate3d(-80vw,0,0) } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-240px,0,0); transform: translate3d(-240px,0,0) } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform:translate3d(-440px,0,0); transform: translate3d(-440px,0,0) } } .mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease } .mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened { z-index: 2 } .mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; z-index: 0 } .mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker { z-index: 1 } .mm-menu_position-front { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } .mm-menu_position-front.mm-menu_position-right { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } .mm-menu_position-bottom,.mm-menu_position-top { width: 100%; min-width: 100%; max-width: 100% } .mm-menu_position-top { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } .mm-menu_position-top { height: 80vh; min-height: 140px; max-height: 880px } .mm-menu_position-bottom { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); top: auto } .mm-menu_position-bottom { height: 80vh; min-height: 140px; max-height: 880px } .mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .mm-menu_shadow-page:after { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); content: ''; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 100; -webkit-clip-path: polygon(-20px 0,0 0,0 100%,-20px 100%); clip-path: polygon(-20px 0,0 0,0 100%,-20px 100%); -webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow) } .mm-menu_shadow-page.mm-menu_position-right:after { left: auto; right: 100%; -webkit-clip-path: polygon(20px 0,40px 0,40px 100%,20px 100%); clip-path: polygon(20px 0,40px 0,40px 100%,20px 100%) } .mm-menu_shadow-page.mm-menu_position-front:after { content: none; display: none } .mm-menu_shadow-menu { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow) } .mm-menu_shadow-panels .mm-panels>.mm-panel { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow) } .mm-menu_tileview .mm-listview,.mm-panel_tileview .mm-listview { margin: 0!important } .mm-menu_tileview .mm-listview:after,.mm-panel_tileview .mm-listview:after { content: ''; display: block; clear: both } .mm-menu_tileview .mm-listitem,.mm-panel_tileview .mm-listitem { padding: 0; float: left; position: relative; width: 50%; height: 0; padding-top: 50% } .mm-menu_tileview .mm-listitem:after,.mm-panel_tileview .mm-listitem:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1 } .mm-menu_tileview .mm-listitem.mm-tile-xs,.mm-panel_tileview .mm-listitem.mm-tile-xs { width: 12.5%; padding-top: 12.5% } .mm-menu_tileview .mm-listitem.mm-tile-s,.mm-panel_tileview .mm-listitem.mm-tile-s { width: 25%; padding-top: 25% } .mm-menu_tileview .mm-listitem.mm-tile-l,.mm-panel_tileview .mm-listitem.mm-tile-l { width: 75%; padding-top: 75% } .mm-menu_tileview .mm-listitem.mm-tile-xl,.mm-panel_tileview .mm-listitem.mm-tile-xl { width: 100%; padding-top: 100% } .mm-menu_tileview .mm-listitem__text,.mm-panel_tileview .mm-listitem__text { line-height: 1px; text-align: center; padding: 50% 10px 0 10px; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0 } .mm-menu_tileview .mm-listitem__btn,.mm-panel_tileview .mm-listitem__btn { width: auto } .mm-menu_tileview .mm-listitem__btn:after,.mm-menu_tileview .mm-listitem__btn:before,.mm-panel_tileview .mm-listitem__btn:after,.mm-panel_tileview .mm-listitem__btn:before { content: none; display: none } .mm-menu_tileview .mm-divider,.mm-panel_tileview .mm-divider { display: none } .mm-menu_tileview .mm-panel,.mm-panel_tileview { padding-left: 0; padding-right: 0 } .mm-menu_tileview .mm-panel:after,.mm-menu_tileview .mm-panel:before,.mm-panel_tileview:after,.mm-panel_tileview:before { content: none; display: none } body.modal-open .mm-slideout { z-index: unset } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:before,.slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } @charset "UTF-8";.slick-loading .slick-list { background: #fff url(../images/slick/ajax-loader.gif) center center no-repeat } @font-face { font-family: 'slick'; font-weight: 400; font-style: normal; src: url(../fonts/slick/slick.eot); src: url(../fonts/slick/slick.eot?#iefix) format("embedded-opentype"),url(../fonts/slick/slick.woff) format("woff"),url(../fonts/slick/slick.ttf) format("truetype"),url(../fonts/slick/slick.svg#slick) format("svg") } .slick-prev,.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; } .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { color: transparent; outline: none; background: transparent } .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before { opacity: 1 } .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity: .25 } .slick-prev:before,.slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -25px } [dir='rtl'] .slick-prev { right: -25px; left: auto } .slick-prev:before { content: '←' } [dir='rtl'] .slick-prev:before { content: '→' } .slick-next { right: -25px } [dir='rtl'] .slick-next { right: auto; left: -25px } .slick-next:before { content: '→' } [dir='rtl'] .slick-next:before { content: '←' } .slick-dotted.slick-slider { margin-bottom: 30px } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent } .slick-dots li button:hover,.slick-dots li button:focus { outline: none } .slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1 } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { opacity: .75; color: #000 } .slick-slide { outline: none !important; } .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0 } .fotorama--fullscreen,.fotorama__img { max-width: 99999px!important; max-height: 99999px!important; min-width: 0!important; min-height: 0!important; border-radius: 0!important; box-shadow: none!important; padding: 0!important } .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .fotorama__spinner { position: absolute!important; top: 50%!important; left: 50%!important } .fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame { -webkit-transform: translateZ(0); transform: translateZ(0) } .fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame { outline: 0 } .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after { content: ''; border-radius: inherit; background-color: rgba(0,175,234,.5) } .fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft { -webkit-transform: none!important; transform: none!important } .fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border { transition-property: -webkit-transform,width; transition-property: transform,width; transition-timing-function: cubic-bezier(0.1,0,.25,1); transition-duration: 0 } .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fotorama__select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .fotorama__nav,.fotorama__nav__frame { margin: auto; padding: 0 } .fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft { -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *zoom:1} .fotorama__nav__frame,.fotorama__thumb-border { box-sizing: content-box } .fotorama__caption__wrap { box-sizing: border-box } .fotorama--hidden,.fotorama__load { position: absolute; left: -99999px; top: -99999px; z-index: -1 } .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play { -webkit-tap-highlight-color: transparent } .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play { background: url(../images/fotorama/fotorama.png) no-repeat } @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:2dppx) { .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play { background:url(../images/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat } } .fotorama__thumb { background-color: #7f7f7f; background-color: rgba(127,127,127,.2) } @media print { .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play { background: none!important } } .fotorama { min-width: 1px; overflow: hidden } .fotorama:not(.fotorama--unobtrusive)>:not(:first-child) { display: none } .fullscreen { width: 100%!important; height: 100%!important; max-width: 100%!important; max-height: 100%!important; margin: 0!important; padding: 0!important; overflow: hidden!important; background: #000 } .fotorama--fullscreen { position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; float: none!important; z-index: 2147483647!important; background: #000; width: 100%!important; height: 100%!important; margin: 0!important } .fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage { background: #000 } .fotorama__wrap { -webkit-text-size-adjust: 100%; position: relative; direction: ltr; z-index: 0 } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl } .fotorama__nav,.fotorama__stage { overflow: hidden; position: relative; max-width: 100% } .fotorama__wrap--pan-y { -ms-touch-action: pan-y } .fotorama__wrap .fotorama__pointer { cursor: pointer } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1!important } .fotorama__stage__frame { overflow: hidden } .fotorama__stage__frame.fotorama__active { z-index: 8 } .fotorama__wrap--fade .fotorama__stage__frame { display: none } .fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active { display: block; left: 0; top: 0 } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8 } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7 } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9 } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none } .fotorama__img { -ms-filter: alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; border: none!important } .fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img { -ms-filter: alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1 } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full { display: none } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block } .fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage { max-width: 99999px!important } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible } .fotorama__nav { font-size: 0; line-height: 0; text-align: center; display: none; white-space: nowrap; z-index: 5 } .fotorama__nav__shaft { position: relative; left: 0; top: 0; text-align: left } .fotorama__nav__frame { position: relative; cursor: pointer } .fotorama__nav--dots { display: block } .fotorama__nav--dots .fotorama__nav__frame { width: 18px; height: 30px } .fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border { display: none } .fotorama__nav--thumbs { display: block } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none } .fotorama__dot { display: block; width: 4px; height: 4px; position: relative; top: 12px; left: 6px; border-radius: 6px; border: 1px solid #7f7f7f } .fotorama__nav__frame:focus .fotorama__dot:after { padding: 1px; top: -1px; left: -1px } .fotorama__nav__frame.fotorama__active .fotorama__dot { width: 0; height: 0; border-width: 3px } .fotorama__nav__frame.fotorama__active .fotorama__dot:after { padding: 3px; top: -3px; left: -3px } .fotorama__thumb { overflow: hidden; position: relative; width: 100%; height: 100% } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2 } .fotorama__thumb-border { position: absolute; z-index: 9; top: 0; left: 0; border-style: solid; border-color: #00afea; background-image: linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1)) } .fotorama__caption { position: absolute; z-index: 12; bottom: 0; left: 0; right: 0; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 14px; line-height: 1.5; color: #000 } .fotorama__caption a { text-decoration: none; color: #000; border-bottom: 1px solid; border-color: rgba(0,0,0,.5) } .fotorama__caption a:hover { color: #333; border-color: rgba(51,51,51,.5) } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0 } .fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption { display: none } .fotorama__caption__wrap { background-color: #fff; background-color: rgba(255,255,255,.9); padding: 5px 10px } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .fotorama__wrap--css3 .fotorama__spinner { -webkit-animation: spinner 24s infinite linear; animation: spinner 24s infinite linear } .fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img { transition-property: opacity; transition-timing-function: linear; transition-duration: .3s } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { -ms-filter: alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0 } .fotorama__select { cursor: auto } .fotorama__video { top: 32px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10 } .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play { position: absolute; z-index: 11; cursor: pointer } .fotorama__arr { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px } .fotorama__arr--prev { left: 2px; background-position: 0 0 } .fotorama__arr--next { right: 2px; background-position: -32px 0 } .fotorama__arr--disabled { pointer-events: none; cursor: default; *display: none; opacity: .1 } .fotorama__fullscreen-icon { width: 32px; height: 32px; top: 2px; right: 2px; background-position: 0 -32px; z-index: 20 } .fotorama__arr:focus,.fotorama__fullscreen-icon:focus { border-radius: 50% } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -32px -32px } .fotorama__video-play { width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; background-position: 0 -64px; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none } .fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play { opacity: 1; display: block } .fotorama__nav__frame .fotorama__video-play { width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background-position: -64px -32px } .fotorama__video-close { width: 32px; height: 32px; top: 0; right: 0; background-position: -64px 0; z-index: 20; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-close { display: none } .fotorama__wrap--css3 .fotorama__video-close { -webkit-transform: translate3d(32px,-32px,0); transform: translate3d(32px,-32px,0) } .fotorama__wrap--video .fotorama__video-close { display: block; opacity: 1 } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0 } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1 } .fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0!important } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none!important } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(32px,-32px,0); transform: translate3d(32px,-32px,0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-48px,0,0); transform: translate3d(-48px,0,0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(48px,0,0); transform: translate3d(48px,0,0) } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(32px,-32px,0)!important; transform: translate3d(32px,-32px,0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-48px,0,0)!important; transform: translate3d(-48px,0,0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(48px,0,0)!important; transform: translate3d(48px,0,0)!important } .fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: -webkit-transform,opacity; transition-property: transform,opacity; transition-duration: .3s } .fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; background-size: 1px 100%,5px 100% } .fotorama__nav:before,.fotorama__stage:before { background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent); background-position: 0 0,0 0; left: -10px } .fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before { left: 0 } .fotorama__nav:after,.fotorama__stage:after { background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent); background-position: 100% 0,100% 0; right: -10px } .fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after { right: 0 } .fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before { display: none } .fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before { display: none; } .fotorama__nav--thumbs .fotorama__nav__frame { padding-bottom: 0px!important; } .MagicZoom,.mz-figure,.mz-lens,.mz-zoom-window,.mz-loading,.mz-hint,.mz-expand .mz-expand-stage,.mz-expand .mz-expand-stage .mz-image-stage,.mz-expand .mz-expand-stage .mz-image-stage .mz-caption,.mz-thumb img,.mz-expand-thumbnails,.mz-expand-controls,.mz-button { -webkit-box-sizing: border-box; box-sizing: border-box; } .MagicZoom,.mz-figure { display: inline-block; outline: 0!important; font-size: 0!important; line-height: 100%!important; direction: ltr!important; position: relative; z-index: 1; margin: 0 auto; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .MagicZoom { -webkit-transform: translate3d(0,0,0); -ms-touch-action: pan-y; touch-action: pan-y; } figure.mz-figure { overflow: hidden; margin: 0!important; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .MagicZoom img,.mz-figure img { border: 0!important; margin: 0!important; outline: 0!important; padding: 0!important; } .MagicZoom > img,.mz-figure > img { width: 100%; height: auto; } .ie8-magic .MagicZoom > img,.ie8-magic .mz-figure > img { width: 100%; max-width: none!important; } .mz-figure.mz-no-zoom.mz-no-expand,.mz-expand .mz-figure.mz-no-zoom { cursor: default!important; } .mz-figure.mz-active,.mz-expand { -ms-touch-action: none; touch-action: none; } .mz-lens,.mz-zoom-window { position: absolute!important; overflow: hidden!important; pointer-events: none!important; } .mz-lens img,.mz-zoom-window img { position: absolute!important; max-width: none!important; max-height: none!important; } .mz-lens img { -webkit-transition: none!important; transition: none!important; } .mz-zoom-window { z-index: 2000000000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .mz-zoom-window.mz-magnifier { -webkit-mask-image: -webkit-radial-gradient(circle,white,black); -webkit-mask-clip: content; cursor: none; } .mz-figure.mz-active .mz-zoom-window.mz-magnifier { pointer-events: auto!important; cursor: inherit!important; } .mz-zoom-window.mz-magnifier.mz-expanded { z-index: 2147483647; } .mz-zoom-window img { width: auto; height: auto; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto!important; -webkit-transition: none!important; transition: none!important; -webkit-transform-origin: 50% 50%!important; -ms-transform-origin: 50% 50%!important; transform-origin: 50% 50%!important; } .mz-zoom-window.mz-preview img { top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; margin: 0!important; width: 100%!important; height: auto!important; -webkit-transform: none!important; transform: none!important; } .lt-ie9-magic .mz-zoom-window img { margin: 0!important; } .mz-expand-controls { z-index: 2147483647; } .mz-fade { -webkit-transition: opacity .25s; transition: opacity .25s; } .mz-hidden { opacity: 0; } .mz-visible { opacity: 1; } .mobile-magic .mz-expand .mz-expand-bg { -webkit-transform-style: flat!important; transform-style: flat!important; } .mobile-magic .mz-expand-controls.mz-fade { transition: none!important; } .mobile-magic .mz-expand > .mz-zoom-window { top: 0!important; left: 0!important; } @media not screen and (max-device-width: 767px) { .mz-expanded-view-open,.mz-expanded-view-open body { overflow:hidden!important; } .mz-expanded-view-open body { height: auto!important; } } @media screen and (max-device-width: 767px) { :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]),:root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body { overflow:hidden!important; } :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body { height: auto!important; } } .mz-figure.mz-active { background: #fff; } .mz-figure.mz-no-zoom,.mz-figure.mz-click-zoom,.mz-figure.mz-active { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mz-figure.mz-active.mz-no-expand { cursor: crosshair; } .mz-figure.mz-active.mz-click-zoom.mz-no-expand { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } .mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand { cursor: none; } .mz-figure.mz-magnifier-zoom.mz-active { overflow: visible!important; } .mz-figure.mz-active > img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(80%) opacity(60%); filter: grayscale(80%) opacity(60%); } .no-cssfilters-magic .mz-figure.mz-active > img { opacity: 0.6; } .lt-ie10-magic .mz-figure.mz-active > img { opacity: 1; filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6); } .mz-expand .mz-figure.mz-active.mz-inner-zoom,:not(.mz-expand) .mz-figure.mz-active.mz-inner-zoom > img { opacity: 0; } .lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img { filter: alpha(opacity=0); } .ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom { background: transparent; } .mz-lens { border: 1px solid #aaa; border-color: rgba(170,170,170,0.7); box-shadow: 0 0 5px rgba(0,0,0,.3); cursor: none; z-index: 10; opacity: 0; } .mz-figure.mz-active .mz-lens { opacity: 1; -webkit-transition: opacity .3s cubic-bezier(0.25,0.5,0.5,0.9) .1s; transition: opacity .3s cubic-bezier(0.25,0.5,0.5,0.9) .1s; } .mz-figure.mz-active.mz-magnifier-zoom .mz-lens { border-radius: 50%; opacity: 0; cursor: none; } .mz-zoom-window { background: #fff; box-shadow: 0 0 3px rgba(0,0,0,.2); } .mz-zoom-window.mz-magnifier { border-radius: 100%; border: 0; background: rgba(255,255,255,.3); } .mz-zoom-window.mz-magnifier:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; border: 1px solid rgba(170,170,170,0.7); box-shadow: inset 0 0 20px 1px rgba(0,0,0,.3); background: transparent; z-index: 1; } .mz-zoom-window.mz-magnifier.mz-square,.mz-zoom-window.mz-magnifier.mz-square:before { border-radius: 0!important; } .lt-ie9-magic .mz-zoom-window { border: 1px solid #e5e5e5; } .mz-zoom-window.mz-inner { border: none; box-shadow: none; } .mz-zoom-window.mz-inner:not(.mz-expanded) { z-index: 80; } .mz-zoom-window .mz-caption { background: #777; color: #fff; font-size: 10pt; opacity: 0.8; position: absolute; top: 0; z-index: 150; padding: 3px; width: 100%; line-height: normal!important; text-align: center!important; } .lt-ie9-magic .mz-zoom-window .mz-caption { filter: alpha(opacity=80); } .mz-zoom-window.caption-bottom .mz-caption { top: auto; bottom: 0; } .mz-zoom-window.mz-expanded > .mz-caption { display: none; } .mz-zoom-window.mz-deactivating,.mz-zoom-window.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9),-webkit-transform 0.3s cubic-bezier(0.25,0.5,0.5,0.9); transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9),transform 0.3s cubic-bezier(0.25,0.5,0.5,0.9); } .mz-zoom-window.mz-deactivating { -webkit-transition-duration: .25s,.25s,.25s; transition-duration: .25s,.25s,.25s; } .mz-zoom-window.mz-p-right,.mz-zoom-window.mz-p-left,.mz-zoom-window.mz-p-top,.mz-zoom-window.mz-p-bottom { opacity: 0; z-index: -100; } .mz-zoom-window.mz-p-right { -webkit-transform: translate3d(-20%,0,0); transform: translate3d(-20%,0,0); } .mz-zoom-window.mz-p-left { -webkit-transform: translate3d(20%,0,0); transform: translate3d(20%,0,0); } .mz-zoom-window.mz-p-top { -webkit-transform: translate3d(0,20%,0); transform: translate3d(0,20%,0); } .mz-zoom-window.mz-p-bottom { -webkit-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0); } .mz-zoom-window > img { -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mz-zoom-window.mz-p-inner.mz-deactivating > img,.mz-zoom-window.mz-p-inner.mz-activating > img { -webkit-transition: -webkit-transform .22s cubic-bezier(0.25,0.5,0.5,0.9)!important; transition: transform .22s cubic-bezier(0.25,0.5,0.5,0.9)!important; } .mz-zoom-window.mz-p-magnifier { -webkit-transform: scale(.1); transform: scale(.1); } .mz-zoom-window.mz-preview.mz-deactivating,.mz-zoom-window.mz-preview.mz-activating,.mz-zoom-window.mz-custom.mz-deactivating,.mz-zoom-window.mz-custom.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9); transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9); } .mz-zoom-window.mz-preview.mz-deactivating,.mz-zoom-window.mz-custom.mz-deactivating { -webkit-transition-duration: .2s; transition-duration: .2s; } .mz-zoom-window.mz-p-preview,.mz-zoom-window.mz-p-custom { opacity: 0; } .mz-hint,.mz-loading { color: #eee; background: rgba(49,51,61,0.7); font: normal 12px/1.2em 'Lucida Grande','Lucida Sans Unicode',Verdana,'Helvetica Neue',Arial,Helvetica,sans-serif; text-decoration: none; text-align: center; direction: ltr; display: inline-block; margin: 0; position: absolute; z-index: 1000; pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .mz-hint { bottom: 8px; left: 0; right: 0; padding: 0 10%; background-color: transparent; -webkit-transition: opacity 0.4s ease,z-index 0.4s ease; transition: opacity 0.4s ease,z-index 0.4s ease; } .mz-hint-message { display: inline-block; background: rgba(49,51,61,0.7); border-radius: 2em; padding: .7em 1.1em; } .mz-hint-message:before { content: '\02295'; font-family: serif; font-size: 1.5em; speak: none; text-align: center; vertical-align: -2px; margin-right: 6px; } .mobile-magic .mz-hint-message:before { display: none; } .mz-hint-hidden { opacity: 0; z-index: -1; -webkit-transition-delay: .6s; transition-delay: .6s; } .mz-expand .mz-hint { font-size: 18px; line-height: 1.1em; top: 50%; bottom: auto; margin: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .mz-expand .mz-hint-message { padding: 1.1em; } .mz-expand .mz-hint-message:before { display: none; } .mz-expand .mz-hint-hidden { opacity: 0; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .mz-loading { font-size: 0; border-radius: 100%; opacity: 0; padding: 0; width: 36px; height: 36px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .mz-loading:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 24px; height: 24px; margin: auto; text-indent: -9999em; border-radius: 50%; border: 2px solid rgba(255,255,255,1); border-top-color: transparent; box-sizing: border-box; } .mz-loading.shown { opacity: 1; z-index: 1; -webkit-transition: opacity 0s; transition: opacity 0s; } .mz-loading.shown:after { -webkit-animation: spin-loading .9s infinite linear; animation: spin-loading .9s infinite linear; } @-webkit-keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .lt-ie10-magic .mz-loading { border-radius: 2em; font-size: 12px; padding: .7em 1.1em; width: auto; height: auto; } .lt-ie10-magic .mz-loading:after { content: 'Loading...'; text-indent: 0; border: none; position: relative; } .lt-ie9-magic .mz-loading { filter: alpha(opacity=0); right: 0; left: 0; width: 126px; margin: auto; } .lt-ie9-magic .mz-hint-message,.lt-ie9-magic .mz-loading.shown { background: transparent!important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D',EndColorStr='#7c31333D'); } .lt-ie9-magic .mz-hint-hidden { filter: alpha(opacity=0); } .mz-expand,.mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg > img,.mz-expand .mz-expand-bg > svg,.mz-expand .mz-expand-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg > img,.mz-expand .mz-expand-bg > svg { width: auto!important; height: auto!important; } .mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg > svg { min-width: 100%!important; min-height: 100%!important; } .mz-expand { background-color: rgba(0,0,0,1); text-align: center; vertical-align: middle; display: block; overflow: hidden; z-index: 2100000000; position: fixed; width: auto; height: auto; -webkit-perspective: 600px; perspective: 600px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-overflow-style: none; } .mz-expand .mz-expand-bg { display: inline-block; max-width: none!important; max-height: none!important; margin: auto; vertical-align: middle; z-index: -100; background-repeat: no-repeat; background-size: cover; -webkit-perspective: 600px; perspective: 600px; -webkit-transform: translate3d(0,0,0) scale(10) rotate(0.01deg); transform: translate3d(0,0,0) scale(10) rotate(0.01deg); } :root:not([data-magic-ua=safari]) .mz-expand .mz-expand-bg { filter: url("data:image/svg+xml;utf8,#blur"); -webkit-filter: blur(20px) brightness(60%); filter: blur(20px) brightness(60%); } .mz-expand .mz-expand-bg > img { margin: auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } [data-magic-ua=safari] .mz-expand .mz-expand-bg > img { filter: url("data:image/svg+xml;utf8,#blur"); -webkit-filter: blur(20px) brightness(60%); filter: blur(20px) brightness(60%); } .mz-expand .mz-expand-bg > svg { margin: auto; opacity: .6; } [data-magic-ua=edge] .mz-expand .mz-expand-bg,.lt-ie10-magic .mz-expand .mz-expand-bg { display: none!important; } .lt-ie9-magic .mz-expand { background: #1f1f1f; } [data-magic-ua=edge] .mz-expand { background-color: rgba(31,31,31,.96); } .mz-expand.plain-bg .mz-expand-bg,.mz-expand.dark-bg .mz-expand-bg,.mz-expand.white-bg .mz-expand-bg { display: none!important; } .mz-expand.dark-bg { background-color: #1f1f1f; background-color: rgba(31,31,31,.96); } .mz-expand.white-bg { background-color: #fff; } .mz-expand .mz-expand-stage { display: flex; flex-direction: column; padding: 0; z-index: 2100000000; } .mz-expand .mz-expand-stage .mz-image-stage { display: flex; flex-direction: column; flex: 1 1; position: relative; margin: 0; padding: 20px 0; overflow: hidden; text-align: center; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding: 0!important; left: 0; right: 0; } .mz-expand .mz-image-stage > figure { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 1; width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: 0; padding: 0; font-size: 0; overflow: hidden; } .mz-expand .mz-figure { max-width: 100%!important; overflow: visible; } .mz-expand .mz-figure > img { max-width: 100%; width: auto; height: auto; } .mz-expand .mz-zoom-in .mz-image-stage > figure,.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active { flex: 1 0; width: 100%; height: 100%; } .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active > img { pointer-events: none; } .mz-expand .mz-figure { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mz-expand .mz-figure.mz-active { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } .mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img { z-index: 1; position: absolute!important; top: -5000px!important; bottom: -5000px!important; left: -5000px!important; right: -5000px!important; margin: auto!important; } .lt-ie10-magic .mz-zoom-window.mz-expanded img { filter: alpha(opacity=100); } .lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom { overflow: hidden; filter: alpha(opacity=100); } .mz-expand .mz-caption { flex: 0 0; color: #fff; text-shadow: 0px 0px 46px #000; padding: 10px 30px; font: normal 10pt/1.25 'Lucida Grande','Lucida Sans Unicode',Verdana,'Helvetica Neue',Arial,Helvetica,sans-serif; text-align: center; width: 100%; opacity: 0; } .mz-expand .mz-caption.mz-show { -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; opacity: 1; } .mz-expand .mz-zoom-in .mz-image-stage .mz-caption { display: none; } .mz-expand .mz-caption a { color: inherit; cursor: pointer; } .mz-expand.white-bg .mz-caption { color: #555; text-shadow: none; } .lt-ie9-magic .mz-expand .mz-caption { top: 100%; } .mz-expand .mz-zoom-window { box-shadow: none; background: transparent; } .lt-ie9-magic .mz-expand .mz-zoom-window { border: 0; } @media screen and (max-device-width: 767px) { .mobile-magic .mz-expand .mz-image-stage .mz-caption { display:none!important; } } .mz-nav-controls,.mz-expand-controls,button.mz-button { margin: 0!important; padding: 0!important; outline: 0!important; } .mz-nav-controls { z-index: 2100000000; } button.mz-button { color: rgba(180,180,180,.6)!important; font-size: 0; cursor: pointer; z-index: 2100000000!important; background-color: transparent!important; border: 0 solid transparent!important; border-radius: 100%!important; box-shadow: none!important; position: absolute!important; text-transform: none!important; text-align: center; speak: none; width: 60px!important; height: 60px!important; min-width: 0!important; min-height: 0!important; max-width: none!important; max-height: none!important; -webkit-transition: color .25s,background-color .25s!important; transition: color .25s,background-color .25s!important; } button.mz-button:before { display: block; position: static; height: 100%; transform: scale(.9); -webkit-transition: -webkit-transform .25s!important; transition: transform .25s!important; } :root:not(.mobile-magic) button.mz-button:hover,button.mz-button:active { color: rgba(180,180,180,1)!important; } button.mz-button:active:before { -webkit-transform: scale(.7)!important; transform: scale(.7)!important; } .mobile-magic .mz-expand button.mz-button:active { background-color: rgba(49,51,61,.7)!important; } button.mz-button.mz-button-prev,button.mz-button.mz-button-next { margin: auto 10px!important; top: 0!important; bottom: 0!important; overflow: hidden!important; } button.mz-button.mz-button-prev { left: 0!important; transform: rotateZ(180deg)!important; } button.mz-button.mz-button-next { right: 0!important; } button.mz-button.mz-button-close { margin: 10px!important; top: 0!important; right: 0!important; z-index: 95!important; } button.mz-button.mz-button-close:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } button.mz-button.mz-button-prev:before,button.mz-button.mz-button-next:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } @supports(((-webkit-mask-image: url()) or (mask-image:url())) and((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and((-webkit-mask-position:center) or (mask-position:center)) and((-webkit-mask-size:cover) or (mask-size:cover))) { button.mz-button:before { content:""!important; background-color: currentColor; background-image: none; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; } button.mz-button.mz-button-close:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } button.mz-button.mz-button-prev:before,button.mz-button.mz-button-next:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } } @media screen and (max-device-width: 767px) { button.mz-button-prev,button.mz-button-next { display:none!important; } .mobile-magic .mz-expand button.mz-button.mz-button-close { width: 50px!important; height: 50px!important; color: rgb(180,180,180)!important; } .mobile-magic .mz-expand button.mz-button:before { transform: scale(.8); } } .lt-ie9-magic button.mz-button { border: 0; filter: alpha(opacity=75); } .lt-ie9-magic button.mz-button:hover { filter: alpha(opacity=100); } .mz-figure .mz-nav-controls button.mz-button { display: none; width: 32px!important; height: 56px!important; margin: auto 0!important; padding: 0!important; border: 0!important; } .mz-figure.mz-show-arrows .mz-nav-controls button.mz-button { display: block; } a[data-zoom-id],.mz-thumb,.mz-thumb:focus { display: inline-block; line-height: 0; outline: none; } a[data-zoom-id] img,.mz-thumb img { padding-bottom: 4px; border: 0; border-bottom: 2px solid transparent; box-sizing: border-box; } .mz-thumb:not(.mz-thumb-selected):hover img { border-bottom-color: rgba(180,180,180,.3); } .mz-thumb.mz-thumb-selected img { border-bottom-color: rgb(180,180,180); } .mz-expand-thumbnails { flex: 0 0 80px; position: relative; width: 100%; height: 100%; margin: 0 auto; padding: 10px 0; z-index: 50; overflow: hidden; } .ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand-thumbnails,:root[data-magic-ua=firefox] .mz-expand-thumbnails { height: 80px; } .mz-expand-thumbnails .magic-thumb > img { cursor: pointer; padding-bottom: 4px; border: 0; border-bottom: 2px solid transparent; } .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover img { border-bottom-color: rgba(180,180,180,.3); } .mz-expand-thumbnails .magic-thumb.magic-thumb-selected img { border-bottom-color: rgb(180,180,180); } .mz-expand-thumbnails .magic-thumbs .magic-thumbs-button { box-shadow: none; } @media not screen and (max-device-width: 767px) and (orientation:portrait) { .mz-expand.expand-thumbnails-left .mz-expand-stage { flex-direction:row-reverse; } .mz-expand.expand-thumbnails-left .mz-expand-thumbnails { padding: 0 10px; height: 100%; overflow: hidden; } .ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails,:root[data-magic-ua=firefox] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails { width: 80px; height: 100%; } @media not screen and (max-device-width: 767px) { .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical { height:calc(100% - 40px); margin-top: 20px; margin-bottom: 20px; } } @media screen and (max-device-width: 767px) { .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical.no-buttons { height:calc(100% - 40px); margin-top: 20px; margin-bottom: 20px; } } } .mz-expand.no-expand-thumbnails .mz-expand-thumbnails { display: none; } .thumbnails-style-shaded.mz-thumb img { border: 0!important; padding-bottom: 0; box-shadow: 0 0 1px 0px rgba(0,0,0,.3); } .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img { -webkit-filter: brightness(.7); filter: brightness(.7); } .thumbnails-style-shaded.mz-thumb-selected img { -webkit-filter: brightness(.7) opacity(.7); filter: brightness(.7) opacity(.7); } .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb > img { border: 0; padding-bottom: 0; box-shadow: 0 0 5px 1px rgba(0,0,0,.3); } .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover { -webkit-filter: brightness(.75); filter: brightness(.75); } .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img { -webkit-filter: brightness(.7) opacity(.7); filter: brightness(.7) opacity(.7); } .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover,.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb.mz-thumb-selected,.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb:hover,.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb.magic-thumb-selected { background: #000; } .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img { opacity: .75; filter: alpha(opacity=75); } .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img { opacity: .7; filter: alpha(opacity=70); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb { position: relative; } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; z-index: 100; pointer-events: none; background-color: rgba(0,0,0,0); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected):after { background-color: rgba(0,0,0,0.2); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb.magic-thumb-selected:after { background-color: rgba(0,0,0,0.3); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb img { position: relative; z-index: 1; } .ie9-magic .thumbnails-style-shaded.mz-thumb img { box-shadow: 0 0 4px 0px rgba(0,0,0,.3); } .magic-thumbs,.magic-thumbs .magic-thumbs-wrapper,.magic-thumbs ul,.magic-thumbs li,.magic-thumbs li:before,.magic-thumbs li:after,.magic-thumbs li img,.magic-thumbs .magic-thumbs-button { margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .magic-thumbs { direction: ltr; overflow: visible; z-index: 100; position: relative; left: 0; top: 0; padding: 0 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -ms-touch-action: none; touch-action: none; } .magic-thumbs { width: 100%; height: 100%; white-space: nowrap; } .magic-thumbs.no-buttons { padding: 0!important; } .magic-thumbs-wrapper { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; } .magic-thumbs ul { list-style: none; font-size: 0; display: inline-block; vertical-align: middle; height: 100%; position: relative; white-space: nowrap; } .magic-thumbs.no-buttons ul { left: 0!important; padding: 0!important; -webkit-transition: none!important; transition: none!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; } .magic-thumbs ul li { margin: 0 4px; height: 100%; width: auto; vertical-align: top; line-height: 0; display: inline-block; } .magic-thumbs ul li:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .magic-thumbs ul li > img { width: auto; height: auto; max-width: none!important; max-height: 100%!important; vertical-align: middle; } .ie8-magic .magic-thumbs ul li > img { max-width: none!important; max-height: none!important; } .magic-thumbs.magic-thumbs-vertical { height: 100%; } .magic-thumbs-vertical { padding: 40px 0; } .magic-thumbs-vertical ul { height: auto; width: 100%; white-space: normal; } .magic-thumbs-vertical ul li { width: 100%; height: auto; } .magic-thumbs-vertical ul li { margin: 4px 0; } .magic-thumbs-vertical ul li > img { max-width: 100%!important; max-height: none!important; } .ie8-magic .magic-thumbs-vertical ul li > img { width: 100%; } .magic-thumbs button.magic-thumbs-button { color: rgba(180,180,180,.6)!important; font-size: 0; cursor: pointer; z-index: 90!important; background-repeat: no-repeat; background-color: transparent!important; background-image: none; border: 0; border-radius: 100%; box-shadow: none!important; overflow: hidden; position: absolute; text-transform: none!important; speak: none; text-align: center; width: 33px; height: 33px; top: 0; bottom: 0; margin: auto 3px; min-width: 0!important; min-height: 0!important; max-width: none!important; max-height: none!important; -webkit-transition: color .25s,background-color .25s!important; transition: color .25s,background-color .25s!important; } .magic-thumbs button.magic-thumbs-button:before { display: block; position: static; height: 100%; transform: scale(1); -webkit-transition: -webkit-transform .25s!important; transition: transform .25s!important; } .mobile-magic .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled),:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):hover,.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active { color: rgba(180,180,180,1)!important; } .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active:before { -webkit-transform: scale(.7)!important; transform: scale(.7)!important; } .mobile-magic .mz-expand .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active { background-color: rgba(49,51,61,.7)!important; } .magic-thumbs .magic-thumbs-button-prev { left: 0; transform: rotateZ(180deg)!important; } .magic-thumbs .magic-thumbs-button-next { right: 0; } .magic-thumbs-vertical button.magic-thumbs-button { top: auto; right: 0; bottom: auto; left: 0; margin: 3px auto; } .magic-thumbs-vertical button.magic-thumbs-button-prev { top: 0; transform: rotateZ(-90deg)!important; } .magic-thumbs-vertical button.magic-thumbs-button-next { bottom: 0; transform: rotateZ(90deg)!important; } .magic-thumbs .magic-thumbs-button-prev:before,.magic-thumbs .magic-thumbs-button-next:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } @supports(((-webkit-mask-image: url()) or (mask-image:url())) and((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and((-webkit-mask-position:center) or (mask-position:center)) and((-webkit-mask-size:cover) or (mask-size:cover))) { .magic-thumbs button.magic-thumbs-button:before { content:""!important; background-color: currentColor; background-image: none; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; } .magic-thumbs .magic-thumbs-button-prev:before,.magic-thumbs .magic-thumbs-button-next:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } } .magic-thumbs.no-buttons .magic-thumbs-button { display: none!important; } .magic-thumbs-button-disabled { opacity: 0.2; filter: alpha(opacity = 20); } .xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0,0,0,0.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } .xdsoft_datetimepicker button { border: none!important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent } .xdsoft_noselect::-moz-selection { background: transparent } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px } .xdsoft_datetimepicker .xdsoft_monthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover>span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none!important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #33aaff; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: default; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: #fff!important; background: #ff8000!important; box-shadow: none!important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover { background: #33aaff!important; box-shadow: #178fe5 0 1px 3px 0 inset!important; color: #fff!important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover { color: inherit!important; background: inherit!important; box-shadow: inherit!important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc!important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee!important } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa!important } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar >.xdsoft_scroller { background: #ccc!important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255,255,255,0.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div { background: #0a0a0a; border-top: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: #000!important; background: #007fff!important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333!important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111!important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555!important } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller { background: #333!important; } .xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #dddddd!important; margin-top: 5px; width: 100%; color: #454551; } .xdsoft_datetimepicker .blue-gradient-button { font-family: "museo-sans","Book Antiqua",sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top,#fff 0%,#f4f8fa 73%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(73%,#f4f8fa)); background: -webkit-linear-gradient(top,#fff 0%,#f4f8fa 73%); background: -o-linear-gradient(top,#fff 0%,#f4f8fa 73%); background: -ms-linear-gradient(top,#fff 0%,#f4f8fa 73%); background: linear-gradient(to bottom,#fff 0%,#f4f8fa 73%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0); } .xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top,#f4f8fa 0%,#FFF 73%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f4f8fa),color-stop(73%,#FFF)); background: -webkit-linear-gradient(top,#f4f8fa 0%,#FFF 73%); background: -o-linear-gradient(top,#f4f8fa 0%,#FFF 73%); background: -ms-linear-gradient(top,#f4f8fa 0%,#FFF 73%); background: linear-gradient(to bottom,#f4f8fa 0%,#FFF 73%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0); } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { width: 1e+21px!important; position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px,0px,0px) } .owl-carousel .owl-wrapper,.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0) } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .owl-carousel .owl-item img { } .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none } .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height 500ms ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease } .owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(../images/owl/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3) } .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom:1;*display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .notifications-container { max-width: 320px; width: 100%; position: fixed; max-height: 100vh; z-index: 9999; pointer-events: none } .notifications-container.notify-is-x-center { left: 50%; transform: translateX(-50%) } .notifications-container.notify-is-y-center { top: 50%; transform: translateY(-50%) } .notifications-container.notify-is-center { left: 50%; top: 50%; transform: translate(-50%, -50%) } .notifications-container.notify-is-left { left: 0 } .notifications-container.notify-is-right { right: 0 } .notifications-container.notify-is-top { top: 0 } .notifications-container.notify-is-bottom { bottom: 0 } .notifications-container.notify-is-x-center.notify-is-top { top: var(--distance) } .notifications-container.notify-is-x-center.notify-is-bottom { bottom: var(--distance) } .notifications-container>* { pointer-events: auto } .notify { --notify-error: #eb5757; --notify-success: #6fcf97; --notify-warning: #f2c94c; --notify-gray: #333333; --notify-gray-2: #4d4d4d; --notify-gray-3: #828282; --notify-white: #fff; --notify-white-2: rgba(255, 255, 255, 0.8); --notify-padding: 0.75rem; --notify-icon-size: 32px; --notify-close-icon-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; padding: var(--notify-padding); border-radius: 6px; display: flex; align-items: center; width: 100%; position: relative; user-select: none; position: relative; transition-timing-function: ease; box-sizing: border-box } .notify-is-left .notify { left: var(--distance) } .notify-is-right .notify { right: var(--distance) } .notify-is-top .notify,.notify-is-center .notify,.notify-is-y-center .notify,.notify-is-x-center.notify-is-top .notify { margin-top: var(--gap) } .notify-is-bottom .notify,.notify-is-x-center:not(.notify-is-top) .notify { margin-bottom: var(--gap) } .notify__icon { height: var(--notify-icon-size); width: var(--notify-icon-size); flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-right: 12px } .notify__close { position: absolute; right: 12px; top: 12px; cursor: pointer; height: var(--notify-close-icon-size); width: var(--notify-close-icon-size); display: flex; align-items: center; justify-content: center } .notify__close * { pointer-events: none } .notify__title { font-weight: 600; font-size: 1rem; padding-right: calc(var(--notify-padding) + var(--notify-close-icon-size)) } .notify__text { font-size: 0.875rem; margin-top: 0.25rem } .notify--type-1 { background-color: #fff; border: 1px solid currentColor } .notify--type-1 .notify__close { color: var(--notify-gray-3) } .notify--type-1 .notify__title { color: var(--notify-gray) } .notify--type-1 .notify__text { color: var(--notify-gray-2) } .notify--type-2 { color: var(--notify-gray) } .notify--type-3 { color: var(--notify-white) } .notify--type-3 .notify__text { color: var(--notify-white-2) } .notify--error.notify--type-1 { box-shadow: 0 2px 26px rgba(215,0,0,0.1); color: var(--notify-error) } .notify--error.notify--type-2,.notify--error.notify--type-3 { background-color: var(--notify-error) } .notify--warning.notify--type-1 { box-shadow: 0 2px 26px rgba(242,201,76,0.1); color: var(--notify-warning) } .notify--warning.notify--type-2,.notify--warning.notify--type-3 { background-color: var(--notify-warning) } .notify--success.notify--type-1 { box-shadow: 0 2px 26px rgba(82,215,0,0.1); color: var(--notify-success) } .notify--success.notify--type-2,.notify--success.notify--type-3 { background-color: var(--notify-success) } .notify--fade { will-change: opacity; opacity: 0 } .notify--fadeIn { opacity: 1 } .notify--slide { will-change: opacity, transform; opacity: 0 } .notify-is-center .notify--slide,.notify-is-y-center .notify--slide,.notify-is-x-center:not(.notify-is-bottom) .notify--slide { transform: translateY(-20px) } .notify-is-x-center.notify-is-bottom .notify--slide { transform: translateY(20px) } .notify-is-right .notify--slide { transform: translateX(calc(var(--distance) + 110%)) } .notify-is-left .notify--slide { transform: translateX(calc((var(--distance) * -1) - 110%)) } .notify-is-x-center:not(.notify-is-bottom) .notify--slideIn,.notify-is-center .notify--slideIn,.notify-is-y-center .notify--slideIn,.notify-is-x-center.notify-is-bottom .notify--slideIn { opacity: 1; transform: translateY(0) } .notify-is-right .notify--slideIn,.notify-is-left .notify--slideIn { opacity: 1; transform: translateX(0) } @font-face { font-family: 'font-fileuploader'; src: url('../fonts/fileuploader/font-fileuploader.eot?l2vub3'); src: url('../fonts/fileuploader/font-fileuploader.eot?l2vub3#iefix') format('embedded-opentype'),url('../fonts/fileuploader/font-fileuploader.ttf?l2vub3') format('truetype'),url('../fonts/fileuploader/font-fileuploader.woff?l2vub3') format('woff'),url('../fonts/fileuploader/font-fileuploader.svg?l2vub3#font-fileuploader') format('svg'); font-weight: normal; font-style: normal; } @charset "UTF-8";.fileuploader-input .fileuploader-input-button,.fileuploader-input .fileuploader-input-caption,.fileuploader-items .fileuploader-item .fileuploader-action i,.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar,.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar,.fileuploader-items .fileuploader-item span.fileuploader-action-popup,.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a,.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action],.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success { -webkit-transition: .7s cubic-bezier(.17,.67,0,1.01); -o-transition: .7s cubic-bezier(.17,.67,0,1.01); transition: .7s cubic-bezier(.17,.67,0,1.01) } .fileuploader-items .fileuploader-item,.fileuploader-items .fileuploader-item .fileuploader-action,.fileuploader-items .fileuploader-item .fileuploader-item-icon,.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img,.fileuploader-popup,.fileuploader-popup .fileuploader-popup-node { -webkit-animation: fileuploaderFadeIn .2s ease; animation: fileuploaderFadeIn .2s ease } .fileuploader-input .fileuploader-input-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success { display: inline-block; margin: 0; padding: 14px 22px; border: none; border-radius: 30px; outline: 0; font-weight: 700; cursor: pointer; vertical-align: middle; text-decoration: none } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button { background: #e6ebf4; color: #90a0bc } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:hover { background: #edf1f7; transform: translate3d(0,-1px,0) } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:active { background: #dfe5f1; transform: translate3d(0,1px,0) } .fileuploader-input .fileuploader-input-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success { background-image: linear-gradient(to right,#004e7f 0%,#0081d2 100%); background-size: 140% auto; background-position: center; color: #fff; box-shadow: 0 4px 18px rgba(0,0,0,.04) } .fileuploader-input .fileuploader-input-button:hover,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover { background-position: left; box-shadow: 0 8px 25px rgba(0,0,0,.15); transform: translate3d(0,-2px,0) } .fileuploader-input .fileuploader-input-button:active,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:active { background-position: right; box-shadow: 0 4px 25px rgba(0,0,0,.15); transform: translate3d(0,2px,0) } .fileuploader-items .fileuploader-item .fileuploader-action i,.fileuploader-main-icon:after,.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a i:after,.fileuploader-popup .fileuploader-popup-move:after { font-family: font-fileuploader!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader,.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after,.fileuploader-popup.loading:after { content: ""; position: absolute; min-width: 24px; min-height: 24px; max-width: 48px; max-height: 48px; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) no-repeat center; background-size: contain } .fileuploader-items .fileuploader-item .fileuploader-item-icon i,.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img,.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after,.fileuploader-popup .fileuploader-popup-move:after,.fileuploader-popup.loading:after { left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } .fileuploader-items .fileuploader-item .fileuploader-action,.fileuploader-items .fileuploader-item .progress-bar2 span { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .fileuploader-input .fileuploader-input-button,.fileuploader-items .fileuploader-item .fileuploader-item-icon,.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar,.fileuploader-popup .fileuploader-cropper,.fileuploader-popup .fileuploader-cropper *,.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success,.fileuploader-popup .fileuploader-popup-move,.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fileuploader,.fileuploader *,.fileuploader:after,.fileuploader:before,.fileuploader-popup,.fileuploader-popup *,.fileuploader-popup:after,.fileuploader-popup:before { box-sizing: border-box } .fileuploader { display: block; width: 100%; padding: 16px; margin: 16px 0; background: #fafbfd; border-radius: 6px; line-height: normal } .fileuploader-main-icon { color: #004e7f } .fileuploader-main-icon:after { content: "" } .fileuploader-input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid transparent; border-radius: 30px; cursor: pointer } .fileuploader-input .fileuploader-input-caption { position: relative; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: start; align-self: flex-start; padding: 13px 16px; margin-right: 16px; background: #fff; border: 1px solid #ebeef1; border-radius: 30px; color: #789bec; box-shadow: 0 4px 18px rgba(0,0,0,.01); font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .fileuploader-focused .fileuploader-input .fileuploader-input-caption { border-color: #789bec } .fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader { position: relative; display: inline-block; vertical-align: middle; min-height: 22px; margin-right: 6px } .fileuploader-input.fileuploader-dragging { background: #fff; border: 1px solid #ebeef1; border-style: dashed } .fileuploader-input.fileuploader-dragging .fileuploader-input-caption { border-color: transparent } .fileuploader-input.fileuploader-dragging .fileuploader-input-button { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0 } .fileuploader-disabled .fileuploader-input { opacity: .7; cursor: default; pointer-events: none!important } .fileuploader-items .fileuploader-items-list { display: block; margin: 0 -16px; padding: 0; list-style: none } .fileuploader-items .fileuploader-item { position: relative; margin: 0; padding: 20px 16px 20px 22px; border-bottom: 1px solid #ebeef1; animation-duration: .6s } .fileuploader-items .fileuploader-item:last-child { border-bottom: 0; margin-bottom: -16px } .fileuploader-items .fileuploader-item.upload-failed { background: rgba(254,84,111,.06) } .fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after { position: absolute; left: -8px; top: -8px; width: 36px; height: 36px } .fileuploader-items .fileuploader-item .columns { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2 } .fileuploader-items .fileuploader-item .column-thumbnail { position: relative; width: 36px; height: 36px } .fileuploader-items .fileuploader-item .column-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 16px; padding-right: 16px; color: #74809d; overflow: hidden } .fileuploader-items .fileuploader-item .column-title a { display: inline-block; width: 100%; height: 100%; color: #74809d; text-decoration: none } .fileuploader-items .fileuploader-item .column-title div { width: 100%; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .fileuploader-items .fileuploader-item .column-title span { font-size: 12px; color: #979fb8 } .fileuploader-items .fileuploader-item .column-actions { margin: 0 16px } .fileuploader-items .fileuploader-item .fileuploader-item-image { position: relative; width: 100%; height: 100%; border-radius: 6px; background: #fff; overflow: hidden } .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after { content: ""; width: 50%; height: 50% } .fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img { position: absolute; max-width: none; max-height: 100% } .fileuploader-items .fileuploader-item .fileuploader-item-icon { position: relative; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 11px; background: #ddd; border-radius: 4px; cursor: default } .fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color { color: #888 } .fileuploader-items .fileuploader-item .fileuploader-item-icon i { position: absolute; display: block; width: 90%; font-style: normal; font-weight: 700; overflow: hidden; white-space: nowrap } .fileuploader-items .fileuploader-item span.fileuploader-action-popup { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(43,56,71,.2); border-radius: 6px; cursor: pointer; opacity: 0 } .fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover { opacity: 1 } .fileuploader-items .fileuploader-item span.fileuploader-action-popup:active { background: rgba(43,56,71,.4) } .fileuploader-items .fileuploader-item .fileuploader-action { position: relative; display: inline-block; width: 20px; height: 20px; color: #c0c6d2; cursor: pointer; vertical-align: top } .fileuploader-items .fileuploader-item .fileuploader-action+.fileuploader-action { margin-left: 16px } .fileuploader-items .fileuploader-item .fileuploader-action:hover { color: #789bec } .fileuploader-items .fileuploader-item .fileuploader-action:active { color: #668ee9 } .fileuploader-items .fileuploader-item .fileuploader-action i { display: inline-block; width: 100%; height: 100%; font-size: 20px; line-height: 20px; text-align: center; border-radius: 50% } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i { color: #fff; font-size: 14px; background: #fe7676; box-shadow: -1px 1px 6px rgba(254,118,118,.8); text-shadow: none } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:after { content: "" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:hover { background-color: #fe8a8a } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:active { background-color: #fe6262 } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-download i:after { content: "" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-start i:after { content: "" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-sort i:after { content: "" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-edit i:after { content: "" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-retry i:after { content: "" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-rotate i:after { content: "" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-settings i:after { content: "" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-preview i:after { content: "" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i { color: #fff; font-size: 14px; background: #43d084; box-shadow: -1px 1px 6px rgba(67,208,132,.8); text-shadow: none } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:after { content: "" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover { background: #fe7676; box-shadow: -1px 1px 6px rgba(254,118,118,.8) } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover:after { content: "" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active { background-color: #fe6262 } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active:after { content: "" } .fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup { display: block } .fileuploader-items .fileuploader-item .fileuploader-progressbar { position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; border-radius: 6px; overflow: hidden } .fileuploader-items .fileuploader-item .fileuploader-progressbar .bar { position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 6px; background: #789bec } .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 } .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar { position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 0; background: rgba(104,125,219,.08) } .fileuploader-items .fileuploader-item .progress-bar2 span { position: absolute; right: 16px; color: rgba(151,159,184,.16); font-size: 48px } .fileuploader-items .fileuploader-item.sorting { background: #fafbfd; border-radius: 6px; opacity: .8; box-shadow: 0 1px 4px rgba(0,0,0,.2); z-index: 799 } .fileuploader-items .fileuploader-item.sorting,.fileuploader-items .fileuploader-item.sorting .fileuploader-action,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img { -webkit-animation: none; animation: none } .fileuploader-items .fileuploader-sorter-placeholder { background: rgba(0,0,0,.03); margin: 0; padding: 0; -webkit-animation: none; animation: none } .fileuploader-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #191d1e; z-index: 2000; animation-duration: .4s } .fileuploader-popup.loading:after { width: 48px; height: 48px; z-index: 8 } .fileuploader-popup .fileuploader-popup-preview { position: relative; width: 100%; height: 100%; overflow: auto; z-index: 2 } .fileuploader-popup .fileuploader-popup-node { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; max-width: 100%; height: 100%; min-width: 20px; min-height: 20px; padding: 80px 56px 64px; overflow: hidden } .fileuploader-popup .fileuploader-popup-node .reader-node { position: relative; max-width: 100%; max-height: 100%; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0) } .fileuploader-popup .fileuploader-popup-node .reader-node.is-movable { cursor: grab } .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover,.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving { cursor: grabbing } .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .area-move,.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .point,.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .area-move,.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .point { cursor: grabbing!important } .fileuploader-popup .fileuploader-popup-node .reader-node.has-node-centered { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100% } .fileuploader-popup .fileuploader-popup-node.astext .reader-node>div,.fileuploader-popup .fileuploader-popup-node.audio .reader-node>audio,.fileuploader-popup .fileuploader-popup-node.image .reader-node>img,.fileuploader-popup .fileuploader-popup-node.video .reader-node>video { max-width: 100%; max-height: 100%; margin: 0; padding: 0; color: #47525d; background: #fafafa; box-shadow: 0 0 18px rgba(0,0,0,.4); -webkit-transform: translateZ(0); transform: translateZ(0); border-radius: 0 } .fileuploader-popup .fileuploader-popup-node.audio .reader-node audio { width: 450px } .fileuploader-popup .fileuploader-popup-node.astext .reader-node div { max-width: 992px; padding: 20px; margin: 0 auto; font-size: 14px; line-height: 16px; text-align: left; overflow-y: auto; white-space: pre-wrap } .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon { position: relative; display: inline-block; width: 80px; height: 80px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+) no-repeat center; background-size: contain } .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div { position: absolute; bottom: 14px; left: 0; padding: 4px 6px; border-radius: 4px; color: #fff; max-width: 100%; word-wrap: break-word } .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color { color: #888 } .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i { text-transform: uppercase; font-style: normal; font-weight: 700; white-space: nowrap } .fileuploader-popup .fileuploader-popup-content { color: #fdfdfd; text-shadow: 1px 1px 1px rgba(0,0,0,.4) } .fileuploader-popup .fileuploader-popup-content ul { list-style: none; margin: 0; padding: 0 } .fileuploader-popup .fileuploader-popup-content ul li { display: inline-block; padding: 0; margin: 0 } .fileuploader-popup .fileuploader-popup-content ul li+li { margin-left: 16px } .fileuploader-popup .fileuploader-popup-header { position: absolute; top: 0; left: 0; display: flex; flex-direction: row; align-items: center; width: 100%; padding: 16px; background: rgba(0,0,0,.8); background: -moz-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%); background: -webkit-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%); background: linear-gradient(360deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%); z-index: 2 } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta { display: flex; flex: 1; white-space: nowrap; overflow: hidden } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta li:first-child { overflow: hidden } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta span { display: block; color: #80868b; font-size: 14px } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5 { max-width: 100%; margin: 4px 0 0; font-size: 14px; font-weight: 700; text-overflow: ellipsis; overflow: hidden } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-info:not(:empty) { flex: 1; margin-left: 16px } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons { margin-left: 16px } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button { padding: 14px 24px; text-shadow: none } .fileuploader-popup .fileuploader-popup-footer { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; background: rgba(0,0,0,.8); background: -moz-linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%); background: -webkit-linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%); background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%); z-index: 2 } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a { display: inline-block; padding: 16px; padding-bottom: 13px; cursor: pointer; text-decoration: none; color: #fdfdfd; border-bottom: 3px solid transparent } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a i { display: inline-block; font-size: 20px; margin-right: 6px; vertical-align: middle } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover { border-bottom-color: #789bec; color: #fff } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=remove] i:after { content: "" } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=crop] i:after { content: "" } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=rotate-cw] i:after { content: "" } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer { font-size: 14px } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action] { width: 24px; height: 24px; line-height: 24px; font-size: 16px; border: none; border-radius: 50%; padding: 0; vertical-align: middle; color: #fdfdfd; background: rgba(255,255,255,.1); text-shadow: none } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action]:hover { background: rgba(255,255,255,.3) } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input { display: inline-block; -webkit-appearance: none; width: 130px; padding: 0; margin: 0 16px; vertical-align: middle; background: 0 0 } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input:focus { outline: 0 } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-runnable-track { width: 100%; height: 4px; cursor: pointer; animate: .2s; box-shadow: none; background: #789bec; border-radius: 6px } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-thumb { height: 14px; width: 14px; border-radius: 50%; border: 0; background: #fff; cursor: pointer; -webkit-appearance: none; margin-top: -5px; box-shadow: 2px 2px 8px rgba(0,0,0,.8) } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-track { width: 100%; height: 4px; cursor: pointer; animate: .2s; box-shadow: none; background: #789bec; border-radius: 6px } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-thumb { height: 14px; width: 14px; border-radius: 50%; border: 0; background: #fff; cursor: pointer; -webkit-appearance: none; margin-top: -5px; box-shadow: 2px 2px 8px rgba(0,0,0,.8) } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer span { display: inline-block; min-width: 40px; text-align: center; margin-left: 6px; color: #fff; vertical-align: middle } .fileuploader-popup .fileuploader-popup-move { position: absolute; display: none; width: 56px; height: 100%; font-size: 24px; bottom: 0; left: 0; color: #fff; opacity: .4; cursor: pointer; z-index: 1 } .fileuploader-popup .fileuploader-popup-move:hover { opacity: 1 } .fileuploader-popup .fileuploader-popup-move:after { position: absolute } .fileuploader-popup .fileuploader-popup-move[data-action=prev]:after { content: "" } .fileuploader-popup .fileuploader-popup-move[data-action=next] { left: auto; right: 0 } .fileuploader-popup .fileuploader-popup-move[data-action=next]:after { content: "" } .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move { display: inline-block } .fileuploader-popup .fileuploader-cropper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17,20,27,.65); z-index: 9 } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area { position: absolute; left: 0; top: 0; width: 0; height: 0; z-index: 2; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before { content: ""; position: absolute; border: 1px solid rgba(250,250,250,.8); opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 1 } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before { top: 0; left: 50%; height: 100%; width: 34%; border-top: 0; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after { top: 50%; left: 0; height: 34%; width: 100%; border-left: 0; border-right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before { opacity: 1 } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point { position: absolute; width: 24px; height: 24px; z-index: 3 } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after { content: ""; width: 12px; height: 12px; position: absolute; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,.4); border-radius: 50% } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a { top: -12px; left: -12px; cursor: nw-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b { top: -12px; left: 50%; margin-left: -12px; cursor: n-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c { top: -12px; right: -12px; cursor: ne-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d { top: 50%; right: -12px; margin-top: -12px; cursor: w-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e { bottom: -12px; right: -12px; cursor: nw-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f { bottom: -12px; left: 50%; margin-left: -12px; cursor: s-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g { bottom: -12px; left: -12px; cursor: sw-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h { left: -12px; top: 50%; margin-top: -12px; cursor: w-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move { position: absolute; width: 100%; height: 100%; z-index: 2; cursor: move } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(255,255,255,.8) } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image { position: relative; overflow: hidden; width: 100%; height: 100% } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img { width: auto; height: auto; max-width: none; max-height: none; position: absolute; left: 0; top: 0; background: #fff; -webkit-transform-origin: top left; transform-origin: top left } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info { display: none; position: absolute; bottom: -12px; left: 50%; color: #fff; font-family: sans-serif; line-height: 1; font-size: 12px; text-align: center; padding: 4px 8px; background: rgba(0,0,0,.6); border-radius: 14px; white-space: nowrap; opacity: 0; -webkit-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 2 } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info { opacity: 1 } @media all and (max-width: 768px) { .fileuploader-popup .fileuploader-popup-header { display:block; padding: 0 } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta { padding: 16px } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons { position: fixed; left: 0; bottom: 16px; width: 100%; margin: 0; text-align: center } .fileuploader-popup .fileuploader-popup-node { padding-left: 16px; padding-right: 16px; padding-bottom: 117px } .fileuploader-popup .fileuploader-popup-footer { bottom: 61px; background: 0 0 } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer { display: none } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover { border-color: transparent } .fileuploader-popup .fileuploader-popup-move { width: 30px } .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node { padding-left: 30px; padding-right: 30px } } @-webkit-keyframes fileuploaderFadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fileuploaderFadeIn { from { opacity: 0 } to { opacity: 1 } } .fileuploader-theme-dragdrop .fileuploader-input { display: block; padding: 56px 0; background: #fff; border: 2px dashed #c2cdda; border-radius: 14px; text-align: center; } .fileuploader-theme-dragdrop .fileuploader-input .fileuploader-main-icon { display: block; font-size: 56px; margin: 0 auto; margin-bottom: 26px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .fileuploader-theme-dragdrop .fileuploader-input h3 { margin: 0; margin-bottom: 8px; padding: 0; background: none; border: none; font-size: 18px; font-weight: bold; color: #5B5B7B; white-space: normal; box-shadow: none; } .fileuploader-theme-dragdrop .fileuploader-input p { margin: 0; padding: 0; color: #90a0bc; margin-bottom: 12px; } .fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner,.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-main-icon { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-inner { opacity: 0.6; } .fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-main-icon { -webkit-transform: translateY(18px); transform: translateY(18px); } .fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-button { -webkit-transform: none; transform: none; opacity: 1; } @font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-android .swiper-slide,.swiper-wrapper { transform: translate3d(0px,0,0) } .swiper-pointer-events { touch-action: pan-y } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight,.swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0,0,0,.15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start:var(--swiper-centered-offset-before)} .swiper-centered.swiper-horizontal>.swiper-wrapper: :before { height:100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start:var(--swiper-centered-offset-before)} .swiper-centered.swiper-vertical>.swiper-wrapper: :before { width:100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev { display: none!important } .swiper-button-next:after,.swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; font-variant: initial; line-height: 1 } .swiper-button-prev,.swiper-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next,.swiper-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after { content: 'next' } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled { display: none!important } .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none!important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px,-50%,0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right } .swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled { display: none!important } .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height } .swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } @font-face { font-family: 'font1'; src: url('../fonts/Quicksand-Bold.eot'); src: url('../fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Quicksand-Bold.woff2') format('woff2'),url('../fonts/Quicksand-Bold.woff') format('woff'),url('../fonts/Quicksand-Bold.ttf') format('truetype'),url('../fonts/Quicksand-Bold.svg#Quicksand-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'font1'; src: url('../fonts/Quicksand-Light.eot'); src: url('../fonts/Quicksand-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Quicksand-Light.woff2') format('woff2'),url('../fonts/Quicksand-Light.woff') format('woff'),url('../fonts/Quicksand-Light.ttf') format('truetype'),url('../fonts/Quicksand-Light.svg#Quicksand-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'font1'; src: url('../fonts/Quicksand-Regular.eot'); src: url('../fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Quicksand-Regular.woff2') format('woff2'),url('../fonts/Quicksand-Regular.woff') format('woff'),url('../fonts/Quicksand-Regular.ttf') format('truetype'),url('../fonts/Quicksand-Regular.svg#Quicksand-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'font1'; src: url('../fonts/Quicksand-Medium.eot'); src: url('../fonts/Quicksand-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Quicksand-Medium.woff2') format('woff2'),url('../fonts/Quicksand-Medium.woff') format('woff'),url('../fonts/Quicksand-Medium.ttf') format('truetype'),url('../fonts/Quicksand-Medium.svg#Quicksand-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'font1'; src: url('../fonts/Quicksand-SemiBold.eot'); src: url('../fonts/Quicksand-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Quicksand-SemiBold.woff2') format('woff2'),url('../fonts/Quicksand-SemiBold.woff') format('woff'),url('../fonts/Quicksand-SemiBold.ttf') format('truetype'),url('../fonts/Quicksand-SemiBold.svg#Quicksand-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'font2'; src: url('../fonts/DFVN-BrasikaDisplay-Regular.eot'); src: url('../fonts/DFVN-BrasikaDisplay-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/DFVN-BrasikaDisplay-Regular.woff2') format('woff2'),url('../fonts/DFVN-BrasikaDisplay-Regular.woff') format('woff'),url('../fonts/DFVN-BrasikaDisplay-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'font3'; src: url('../fonts/VLSverigeScript.eot'); src: url('../fonts/VLSverigeScript.eot?#iefix') format('embedded-opentype'),url('../fonts/VLSverigeScript.woff2') format('woff2'),url('../fonts/VLSverigeScript.woff') format('woff'),url('../fonts/VLSverigeScript.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @charset "UTF-8"; :root { --c1: #ffc010; --c2: #ea1529; --c3: #000; --title: #000000; --text: #333; --color-dark-red: #c31829; --color-green: #28a745; --color-dark-green: #207d36; --color-black: #212529; --color-gray: #6c757d; } body { font-size: 14px; font-family: 'font1'; color: var(--text); } img { max-width: 100%; height: auto; vertical-align: top } a,input,textarea { outline: none; padding: 0px; } input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .w-clear:after { display: block; content: ""; clear: both; } .hidden { display: none; } .clear { clear: both; } .none { display: none; } .hidden-seoh { visibility: hidden; height: 0px; margin: 0px; overflow: hidden; } .wrap-main,.wrap-content { max-width: 1235px; margin: 30px auto; padding: 0px 15px; } .wrap-home { max-width: 100%; padding: 0px !important; margin: 0 !important; overflow: hidden; } .wrap-content { margin: auto; } a:hover { text-decoration: none; } .img_hover { overflow: hidden; position: relative; padding: 0; z-index: 0; } .img_hover:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 22; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)"; -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2) inset; box-shadow: 0 0 15px rgba(0,0,0,0.2) inset; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000); } .img_hover:before { position: absolute; top: 0; left: -85%; z-index: 22; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .img_hover:hover:before { -webkit-animation: shine .6s; animation: shine .6s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } ::-webkit-scrollbar { width: 5px; height: 2px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-track { background-color: var(--c1); } ::-webkit-scrollbar-track-piece { background-color: #ffffff; } ::-webkit-scrollbar-thumb { height: 50px; background-color: var(--c2); border-radius: 3px; } ::-webkit-scrollbar-corner { background-color: #ffffff; } ::-webkit-resizer { background-color: #666; } .text-split { overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; -webkit-box-orient: vertical !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; } .text-split-1 { overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; -webkit-box-orient: vertical !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; } .text-split-2 { overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; -webkit-box-orient: vertical !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; } .text-split-4 { overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; -webkit-box-orient: vertical !important; display: -webkit-box !important; -webkit-line-clamp: 4 !important; } .text-split-5 { overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; -webkit-box-orient: vertical !important; display: -webkit-box !important; -webkit-line-clamp: 5 !important; } .text-split-6 { overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; -webkit-box-orient: vertical !important; display: -webkit-box !important; -webkit-line-clamp: 6 !important; } .scale-img { overflow: hidden; display: block; } .scale-img img { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } .scale-img:hover > img { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .title-main { margin-bottom: 1.5rem; text-align: center; font-weight: bold; } .title-main span { text-transform: inherit; color: var(--c2); font-size: 30px; font-family: 'font2'; font-weight: 300; } .time-main { margin-bottom: 0.75rem; color: #999999; } .time-main i { vertical-align: top; margin: 3px 7px 0px 0px; } .time-main span { vertical-align: top; display: inline-block; } .share { padding: 17px 15px 10px 15px; line-height: normal; background: rgba(128,128,128,0.15); margin-top: 15px; border-radius: 5px; } .share b { display: block; margin-bottom: 5px; } .control-owl { position: absolute; width: 100%; z-index: 2; left: 0px; top: calc(50% - 45px/2); } .control-owl button { opacity: 0.3; top: 0px; position: absolute; outline: none; border: 0px; padding: 0px; margin: 0px; display: block; cursor: pointer; color: #ffffff; width: 35px; height: 45px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 25px; margin: 0px; background-color: #000000; border-radius: 3px; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; } .control-owl button:hover { opacity: 1; } .control-owl button.owl-prev { left: 80px; } .control-owl button.owl-next { right: 80px; } .form-control,.form-control-plaintext:not(textarea),.custom-select { height: calc(1em + 1.25rem + 8px); } .text-sm { font-size: .875rem!important; } img.lazy { opacity: 0; } img:not(.initial) { transition: opacity 1s; } img.initial,img.loaded,img.error { opacity: 1; } img:not([src]) { visibility: hidden; } .menu-res { display: none; height: 55px; z-index: 10; background: var(--c1); position: relative; line-height: normal; } .menu-bar-res { height: 55px; padding: 0px 15px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; } #menu { display: none; } #hamburger { display: block; width: 35px; height: 23px; position: relative; } #hamburger:before,#hamburger:after,#hamburger span { background: #ffffff; content: ''; display: block; width: 100%; height: 3px; position: absolute; left: 0px; } #hamburger:before { top: 0px; } #hamburger span { top: 10px; } #hamburger:after { top: 20px; } #hamburger:before,#hamburger:after,#hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform,top,bottom,left,opacity; transition-property: transform,top,bottom,left,opacity; } .mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after { top: 10px; } .mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; } .mm-wrapper_opening #hamburger:before { transform: rotate(45deg); } .mm-wrapper_opening #hamburger:after { transform: rotate(-45deg); } .mm-menu_opened { display: block!important; } .slideshow { position: relative; } .slideshow-item { display: block; cursor: pointer; } .slideshow:hover .control-slideshow { opacity: 1; } .control-slideshow { opacity: 0; } .wrap-partner { padding: 0px 15px; } .wrap-partner .wrap-content { position: relative; } .partner { display: block; border: 1px solid #eee; max-width: 175px; margin: 0px auto; } .breadCrumbs { background-color: #ebe5e5ed; } .breadCrumbs .wrap-content { padding: 1rem 15px 0.5rem; font-size: 14px; } .breadCrumbs .wrap-content .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; } .breadCrumbs .wrap-content .breadcrumb-item a { color: var(--title); font-size: 14px; transition: all 0.2s linear; } .breadCrumbs .wrap-content .breadcrumb-item.active a { color: var(--title); } .breadCrumbs .wrap-content .breadcrumb-item:hover a { color: #000; transition: all 0.2s linear; } .wrap-intro { background-color: #EEEADD; } .news-intro:before { content: ''; position: absolute; width: 1px; height: calc(100% - 50px); top: 10px; left: 90px; background-color: #CACACA; } .news-scroll:before,.news-scroll:after { content: ''; position: absolute; width: 10px; height: 10px; left: 85px; border-radius: 100%; background-color: #CACACA; } .news-scroll:before { top: 10px; } .news-scroll:after { bottom: 40px; } .news-control { left: 85px; font-size: 13px; opacity: 0.5; z-index: 1; cursor: pointer; } .news-control:hover { opacity: 1; color: var(--color-main); } .news-control#up { top: -10px; } .news-control#down { bottom: 20px; } .news-shadow { padding-bottom: 30px; } .news-shadow-time { font-size: 13px; width: 75px; margin-right: 45px; } .news-shadow-time:after { content: ''; position: absolute; width: 20px; height: 20px; top: calc(50% - 20px/2); right: -26px; background-repeat: no-repeat; background-position: center; background-image: url(../images/pattern-news.png); } .news-shadow-article { width: calc(100% - 120px); padding: 14px 15px; border-radius: 10px; background-color: #ffffff; border: 1px solid #cecabb; } .news-shadow-article:before { content: ''; position: absolute; top: calc(50% - 26px/2); left: -13px; z-index: 0; border-top: 13px solid transparent; border-right: 13px solid #cecabb; border-bottom: 13px solid transparent; } .news-shadow-article:after { content: ''; position: absolute; top: calc(50% - 24px/2); left: -11px; z-index: 1; border-top: 12px solid transparent; border-right: 11px solid #ffffff; border-bottom: 12px solid transparent; } .news-shadow-image { margin-right: 10px; width: 90px; } .news-shadow-info { width: calc(100% - 100px); } .news-shadow-name { height: 36px; font-size: 15px; font-weight: 700; } .news-shadow-name a { color: #222222; } .news-shadow-name a:hover { color: var(--color-main); } .news-shadow-desc { height: 38px; font-size: 13px; } .news-shadow-name a.text-split,.news-shadow-desc.text-split { -webkit-line-clamp: 2; } .video { cursor: pointer; margin-bottom: 1rem; } .video-image { position: relative; margin-bottom: 0.75rem; } .video-image:before { content: ""; position: absolute; width: 50px; height: 35px; top: calc(50% - 50px/2); left: calc(50% - 35px/2); z-index: 1; background-repeat: no-repeat; background-image: url(../images/play.png); } .video-name { text-align: center; font-size: 16px; color: var(--color-black); margin-bottom: 0px; } .album { cursor: pointer; margin-bottom: 1rem; } .album-image { margin-bottom: 0.75rem; } .album-name { margin-bottom: 0px; text-align: center; } .album-name a { display: block; font-size: 16px; color: var(--color-black); margin-bottom: 0px; } .wrap-brand { margin-bottom: 50px; padding: 0px 15px; } .wrap-brand .wrap-content { position: relative; } .brand { display: block; border: 1px solid #eee; max-width: 160px; margin: 0px auto; } .wrap-product { margin-bottom: 50px; } .product { float: left; width: 23.5%; margin: 0 2% 2% 0; } .product:nth-child(4n+1) { clear: both; } .product:nth-child(4n) { margin-right: 0px; } .box-product { position: relative; display: block; margin-bottom: 1rem; } .pic-product { background: #ffffff; border-radius: 5px; padding: 5px; border: 1px solid #eee; } .pic-product img { width: 100%; border-radius: 3px; } .name-product { font-size: 17px; color: var(--c3); font-weight: bold; } .name-product.text-split { -webkit-line-clamp: 1; } .price-product { margin-bottom: 0px; } .price-product span { font-weight: 700; } .price-new { font-size: 15px; font-weight: 500; color: var(--c2); } .price-old { padding-left: 10px; font-size: 12px; color: var(--color-gray); } .price-per { position: absolute; top: 15px; right: 15px; color: #ffffff; background: var(--color-red); font-size: 11px; border-radius: 2px; width: 45px; height: 25px; text-align: center; line-height: 25px; } .cart-product { margin-bottom: 0px; } .cart-product span { cursor: pointer; width: 49%; float: left; color: #ffffff; text-transform: capitalize; text-align: center; padding: 7px 5px; border-radius: 3px; } .cart-add { margin-right: 2%; background-color: var(--c2); } .cart-add:hover { background-color: var(--color-dark-red); } .cart-buy { background-color: var(--color-green); } .cart-buy:hover { background-color: var(--color-dark-green); } .grid-pro-detail { margin-bottom: 3rem; } .left-pro-detail { position: relative; text-align: center; } .left-pro-detail .MagicZoom { border: 1px solid #eee; padding: 7px; border-radius: 5px; background-color: #ffffff; } .gallery-thumb-pro { position: relative; margin-top: 10px; } .owl-pro-detail { padding: 0px 30px; } .control-pro-detail button { background-color: transparent; color: #222222; opacity: 1; width: 25px; font-size: 23px; } .control-pro-detail button:hover { opacity: 0.7; } .control-pro-detail button.owl-prev { left: 0px; } .control-pro-detail button.owl-next { right: 0px; } .thumb-pro-detail { display: block!important; border: 1px solid #eee; padding: 5px; border-radius: 3px; cursor: pointer; background-color: #ffffff; } .thumb-pro-detail.mz-thumb.mz-thumb-selected { border-color: #cecfd2; } .thumb-pro-detail img { box-shadow: none!important; filter: brightness(100%)!important; border-bottom: 0px!important; padding-bottom: 0px!important; } .title-pro-detail { text-transform: capitalize; font-size: 20px; display: block; font-weight: 700; } .comment-pro-detail { display: flex; align-items: center; justify-content: flex-start; } .social-plugin-pro-detail { margin-bottom: 1rem; margin-top: 0px!important; } .desc-pro-detail { margin-bottom: 1rem; } .attr-pro-detail { list-style: none; padding: 0px; } .attr-pro-detail li { margin-bottom: 0.5rem; } .attr-label-pro-detail { margin: 0px 5px 0px 0px; } .attr-label-pro-detail.d-block { display: block; margin: 0px 0px 5px 0px; } .attr-content-pro-detail { display: inline-block; margin-bottom: 0px; } .price-new-pro-detail { font-weight: 700; font-size: 20px; color: var(--color-red); } .price-old-pro-detail { font-weight: 500; color: var(--color-gray); text-decoration: line-through; padding-left: 10px; } .color-pro-detail { cursor: pointer; display: inline-block; vertical-align: top; position: relative; width: 35px; height: 30px; margin: 0px 0px 3px 0px; border: 1px solid transparent; background-repeat: no-repeat; background-size: contain; background-position: center center; } .size-pro-detail { cursor: pointer; border: 1px solid #ccc; padding: 3px 10px 4px 10px; display: inline-block; position: relative; } .size-pro-detail.active,.color-pro-detail.active { border-color: #e5101d; color: #e5101d; } .size-pro-detail.active:after,.color-pro-detail.active:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 13px; height: 13px; background-repeat: no-repeat; background-image: url(../images/check-cart.png); } .color-pro-detail input[type=radio],.size-pro-detail input[type=radio] { display: none; } .quantity-pro-detail { width: 100%; max-width: 110px; line-height: normal; display: flex; align-items: center; justify-content: space-between; text-align: center; } .quantity-pro-detail span { line-height: 25px; padding: 0px; width: 30px; height: 30px; color: #5f5f5f; cursor: pointer; font-size: 22px; border: 1px solid #cccccc; } .quantity-pro-detail span.quantity-plus-pro-detail { border-left: 0px; } .quantity-pro-detail span.quantity-minus-pro-detail { border-right: 0px; } .quantity-pro-detail input { height: 30px; border: 1px solid #cccccc; width: calc(100% - 60px); text-align: center; font-size: 14px; padding: 5px; } .cart-pro-detail { margin-bottom: 1rem; } .cart-pro-detail a { font-size: 14px; color: #ffffff!important; text-transform: uppercase; } .tags-pro-detail a { float: left; font-size: 13px; padding-bottom: 0.375rem; margin: 0px 5px 5px 0px; } .tags-pro-detail a i { font-size: 11px; margin: 5px 5px 0px 0px; } .tabs-pro-detail { margin-top: 2rem; } .tabs-pro-detail .nav-tabs .nav-link { border-top-width: 3px; font-size: 13px; } .tabs-pro-detail .nav-tabs .nav-link.active,.tabs-pro-detail .nav-tabs .nav-item.show .nav-link { border-top-color: #555555; } .news { margin-bottom: 2rem; } .news-name { margin-bottom: 0.5rem; } .news-name a { color: #333; font-size: 16px; font-weight: bold; } .news-name a.text-split { -webkit-line-clamp: 2; } .news-name a:hover { color: var(--c2); } .news-time { color: #84878a; margin-bottom: 0.25rem; } .news-desc { color: #333333; margin-top: 5px; line-height: 22px; } .othernews b { margin-bottom: 10px; } .list-news-other { padding-left: 17px; list-style: square; } .list-news-other li { margin-bottom: 2px; } .list-news-other li a { text-transform: none; color: #333333; } .list-news-other li a:hover { color: var(--color-red); } .contact-article { margin-bottom: 3rem; } .contact-input { position: relative; margin-bottom: 15px; } .contact-input textarea { resize: none; height: 150px; } .contact-input .custom-file-label::after { content: attr(title); } .contact-map { position: relative; height: 500px; } .contact-map iframe { position: absolute; top: 0px; left: 0px; width: 100%!important; height: 100%!important; } .newsletter-slogan { margin-bottom: 0.5rem; color: var(--color-gray); } .newsletter-input { position: relative; } .newsletter-button { margin-top: 5px; } .newsletter-button input[type=submit] { text-transform: uppercase; font-weight: 500; } .social-plugin { display: flex; justify-content: flex-start; margin-top: 10px; } .social-plugin .at-share-btn { margin-bottom: 0px!important; } .social-plugin .zalo-share-button { margin-left: 3px; } .pagination-home .pagination .page-item .page-link { color: #555555; font-size: .875rem; } .pagination-home .pagination .page-item.active .page-link { color: #ffffff; background-color: #555555; border-color: #555555; } .pagination-ajax { text-align: center; } .pagination-ajax a { transition: all 0.2s linear; display: inline-block; vertical-align: top; margin: 0px 3px 3px 3px; width: 35px; height: 35px; line-height: 33px; color: #666!important; border: 1px solid #e6e6e6; font-size: 13px; cursor: pointer; text-decoration: none!important; background-color: rgb(255 255 255 / 50%); box-shadow: inset 0 0 5px 5px rgb(0 0 0 / 8%); border-radius: 3px; } .pagination-ajax a.current, .pagination-ajax a:hover { transition: all 0.2s linear; color: #ffffff!important; border-color: var(--c2); background-color: var(--c2); } .pagination-ajax a.first, .pagination-ajax a.last, .pagination-ajax a.prev, .pagination-ajax a.next { text-indent: -9999px; position: relative; background-color: rgb(255 255 255 / 50%)!important; } .pagination-ajax a.first:before,.pagination-ajax a.last:before,.pagination-ajax a.prev:before,.pagination-ajax a.next:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background-color: transparent; background-repeat: no-repeat; background-position: center; } .pagination-ajax a.first:before { background-image: url(../images/page-first.png); } .pagination-ajax a.last:before { background-image: url(../images/page-last.png); } .pagination-ajax a.prev:before { background-image: url(../images/page-prev.png); } .pagination-ajax a.next:before { background-image: url(../images/page-next.png); } #popup .modal-body { padding: 0px; } .grecaptcha-badge { display: none!important; width: 0px!important; height: 0px!important; visibility: hidden!important; overflow: hidden; } coccocgrammar { display: none; } .scrollToTop { width: 41px; height: 41px; text-align: center; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 65px; right: 25px; display: none; z-index: 10; cursor: pointer; } .text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; } .transition { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; } .ease { -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .scale-img { overflow: hidden; display: block; } .scale-img img { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } .scale-img:hover > img { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .blink { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes blink { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blink { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blink { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } .btn-frame { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 1001; cursor: pointer; } .btn-frame i { display: flex; display: -ms-flex; justify-content: center; align-items: center; -ms-flex-align: center; width: 50px; height: 50px; border-radius: 50%; background: var(--c2); position: relative; z-index: 1; } .btn-frame i img { vertical-align: middle; width: 70%; } .btn-frame .animated.infinite { animation-iteration-count: infinite; } .btn-frame .kenit-alo-circle { width: 60px; height: 60px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(7,41,103,0.8); opacity: .1; border-color: var(--c2); opacity: .5; } .btn-frame .zoomIn { animation-name: zoomIn; } .btn-frame .animated { animation-duration: 1s; animation-fill-mode: both; } .btn-frame .kenit-alo-circle-fill { width: 70px; height: 70px; top: -10px; right: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(7,41,103,0.35); opacity: .4; } .btn-frame .pulse { animation-name: pulse; } .btn-zalo { bottom: 140px; } .btn-phone { bottom: 230px; } .js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed { display: none!important } .js-facebook-messenger-tooltip { bottom: 97px; right: 97px } .js-facebook-messenger-tooltip { color: #404040; background: #fff } .js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index: 999 } .js-facebook-messenger-tooltip { display: none; position: fixed; text-align: center; border-radius: 10px; overflow: hidden; font-size: 12px; line-height: 1; padding: 10px; border: 1px solid rgba(0,0,0,0.1); box-shadow: rgba(0,0,0,0.15) 0 2pt 10pt; z-index: 1.0E+30 } .js-facebook-messenger-close-tooltip { width: 10px; height: 10px; display: inline-block; cursor: pointer; margin-left: 10px } .js-facebook-messenger-box.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } .js-facebook-messenger-box.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index: 999 } .js-facebook-messenger-box { display: block; position: fixed; cursor: pointer; bottom: 150px; right: 17px; width: 56px; height: 56px; text-align: center; background: var(--c2); border-radius: 100%; overflow: hidden; z-index: 99; -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.3); box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.3) } .js-facebook-messenger-box.rotate svg#fb-msng-icon { transform: rotate(0deg) } .js-facebook-messenger-box svg#fb-msng-icon { width: 32px; height: 33px; position: absolute; top: 13px; left: 12px; opacity: 1; overflow: hidden; -webkit-transition: opacity 160ms ease-in-out,transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out,transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out,transform 160ms ease-in-out; transition: opacity 160ms ease-in-out,transform 160ms ease-in-out; } .js-facebook-messenger-box.rotate svg#close-icon { transform: rotate(-45deg) } .js-facebook-messenger-box svg#close-icon { opacity: 0; width: 19px; height: 20px; position: absolute; top: 19px; left: 19px; -webkit-transition: opacity 160ms ease-in-out,transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out,transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out,transform 160ms ease-in-out; transition: opacity 160ms ease-in-out,transform 160ms ease-in-out; } .js-facebook-messenger-container,.js-facebook-messenger-container-button { z-index: 1000 } .js-facebook-messenger-container { position: fixed; opacity: 0; transform: translateY(50px); bottom: 110px; right: 90px; border-radius: 10px; pointer-events: none; box-shadow: 0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16); -webkit-transition: transform 160ms ease-in-out,opacity 160ms ease-in-out; -moz-transition: transform 160ms ease-in-out,opacity 160ms ease-in-out; -o-transition: transform 160ms ease-in-out,opacity 160ms ease-in-out; transition: transform 160ms ease-in-out,opacity 160ms ease-in-out } .js-facebook-messenger-top-header { width: 220px } .js-facebook-messenger-top-header { color: #ffffff; background: var(--c2) } .js-facebook-messenger-top-header { display: block; position: relative; width: 220px; background: var(--c2); color: #ffffff; text-align: center; line-height: 1; padding: 10px; font-size: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px } .js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px } .js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index: 999 } .js-facebook-messenger-container,.js-facebook-messenger-container-button { z-index: 1000 } .js-facebook-messenger-top-header { color: #ffffff; background: var(--c2) } .js-facebook-messenger-top-header { width: 220px } .js-facebook-messenger-tooltip { color: #404040; background: #fff } .js-facebook-messenger-container.open { transform: translateY(0px); opacity: 1; pointer-events: all } .js-facebook-messenger-tooltip { bottom: 97px; right: 97px } .js-facebook-messenger-box.open svg#fb-msng-icon { opacity: 0 } .js-facebook-messenger-box.rotate.open svg#close-icon { transform: rotate(0deg) } .js-facebook-messenger-box.open svg#close-icon { opacity: 1 } .js-facebook-messenger-box svg path { fill: #fff !important; } .cart-fixed { position: fixed; right: 20px; bottom: 390px; z-index: 10; background: var(--c2); width: 50px; height: 50px; text-align: center; color: #fff!important; border-radius: 100%; display: flex; align-items: center; justify-content: center; display: none; } .cart-fixed i { font-size: 20px; } .cart-fixed span { position: absolute; top: 0px; right: -5px; color: #ffffff; width: 25px; height: 25px; background: var(--c2); text-align: center; line-height: 25px; font-size: 11px; border-radius: 100%; } .toolbar { background: var(--c2); width: 100%; padding: 2vw; bottom: 0; position: sticky; z-index: 500; height: auto; left: 0px; } .toolbar ul { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 0px; margin: 0px; } .toolbar ul li { text-align: center; width: 25%; } .toolbar ul li a { display: block; width: 100%; cursor: pointer; } .toolbar ul li a img { height: 6vw; width: auto; } .toolbar ul li a span { font-weight: 400; color: #ffffff; font-size: 3.5vw; display: none; } .fixbar { bottom: 0; display: block; background: #f0eff4; border-top: 1px solid #ddd; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; margin: 0; z-index: 500; -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 50px; } .fixbar ul { margin: 0px; padding: 0px; list-style: none; } .fixbar ul li { display: inline-block; margin: 0 auto 10px; text-align: center; width: 25%; float: left; } .fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new { width: 20px; height: 20px; display: block; margin: 8px auto 0; } .fixbar .icon-cart-mobile { background: url(../images/cart-mobile.png) no-repeat; } .cart-total-header-mobile { font-size: 10px; position: absolute; background: red; color: #fff!important; border-radius: 50%; height: 15px; width: 15px; line-height: 15px; top: 5px; margin-left: 5px; } .fixbar ul li a { font-size: 11px; text-decoration: none; color: #333; } .fixbar ul li a i { font-size: 20px; } .plugbar { position: fixed; bottom: 0; left: 0; border-top: 1px solid #eae6e6; width: 100%; right: 0; max-width: 767px; margin: 0 auto; background: #ffffff; padding: 9px 10px 10px 7px; z-index: 10; } .plugbar ul { list-style: none; padding: 0; margin: 0px; display: -webkit-flex; display: -moz-flex; display: flex; justify-content: space-between; align-items: center; } .plugbar ul li { width: 20%; float: left; } .plugbar ul li a { display: block; color: #696969; font-size: 12px; text-align: center; position: relative; } .plugbar ul li a i { font-size: 20px; color: #696969; } .plugbar ul li a span { position: absolute; width: 50px; height: 50px; top: -40px; left: calc(50% - 50px/2); font-size: 14px; display: block; border: 1px solid rgba(234,230,230,0.5); border-radius: 100%; } .support-online { position: fixed; z-index: 999; left: 10px; bottom: 0px; } .support-online a { position: relative; margin: 20px 10px; text-align: left; width: 40px; height: 40px; } .support-online i { width: 40px; height: 40px; background: #43a1f3; color: #ffffff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; } .support-online a span { border-radius: 2px; text-align: center; background: rgb(103,182,52); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; } .support-online a:hover span { display: block; } .support-online a { display: block; } .support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent rgb(103,182,52) transparent transparent; position: absolute; left: -10px; top: 10px; } .support-online .kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(0,175,242,0.5); opacity: .75; right: -10px; } .support-online .kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30,30,30,0.4); opacity: .1; border-color: #0089B9; opacity: .5; } .support-online .support-online .btn-support { cursor: pointer; } .support-online .mes i { background: orange; } .support-online .sms i { background: red; } .support-online .call-now i { background: green; } .widget-mobile { position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; z-index: 9999999; } #my-phone-circle { position: relative; width: 50px!important; height: 50px!important; } .wcircle-open .wcircle-icon i:before { content: '\f00d'; } .wcircle-icon { background: #1282fc; border-radius: 50%; display: flex!important; display: -ms-flex!important; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative!important; } .wcircle-icon:before { position: absolute; content: ''; width: 60px; height: 60px; background: rgba(18,130,252,.5); border: 1px solid #ffffff; border-radius: 50%; left: -5px; top: -5px; -webkit-animation: pulse 1s infinite ease-in-out; -moz-animation: pulse 1s infinite ease-in-out; -ms-animation: pulse 1s infinite ease-in-out; -o-animation: pulse 1s infinite ease-in-out; animation: pulse 1s infinite ease-in-out; } .wcircle-icon:after { position: absolute; content: ''; width: 80px; height: 80px; background: rgba(18,130,252,.5); border-radius: 50%; left: -15px; top: -15px; -webkit-animation: zoomIn 2s infinite ease-in-out; -moz-animation: zoomIn 2s infinite ease-in-out; -ms-animation: zoomIn 2s infinite ease-in-out; -o-animation: zoomIn 2s infinite ease-in-out; animation: zoomIn 2s infinite ease-in-out; } .wcircle-menu { position: absolute!important; left: 0; top: 0; display: none; } .wcircle-menu-item { width: 50px; height: 50px; background: #1282fc; border-radius: 50%; display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wcircle-menu-item img { width: 50px; height: 50px; display: block; border-radius: 50%; } .wcircle-menu-item i,.wcircle-icon i { font-size: 25px; color: #ffffff; position: relative; z-index: 9999; } .shake-anim { -webkit-animation: shake-anim 1s infinite ease-in-out; -moz-animation: shake-anim 1s infinite ease-in-out; -ms-animation: shake-anim 1s infinite ease-in-out; -o-animation: shake-anim 1s infinite ease-in-out; animation: shake-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% } @-moz-keyframes shake-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10%,30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) } 20%,40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) } 100%,50% { -moz-transform: rotate(0) scale(1) skew(1deg) } } @-webkit-keyframes shake-anim { 0%,100%,50% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 10%,30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 20%,40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } } @-o-keyframes shake-anim { 0%,100%,50% { -o-transform: rotate(0) scale(1) skew(1deg) } 10%,30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) } 20%,40% { -o-transform: rotate(25deg) scale(1) skew(1deg) } } .page_news { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; } .page_news_left { width: 20%; margin-right: 25px; position: sticky; top: 60px; z-index: 998; } .page_news_right { flex: 1; } .col_danhmuc { background: transparent; color: var(--text); } .col_danhmuc label { color: var(--title); margin: 0; display: block; width: 100%; font-size: 18px; text-transform: uppercase; font-weight: bold; padding: 0; position: relative; margin-bottom: 10px; } .danhmuc_line { display: block; width: 30%; height: 2px; background: var(--c1); margin: 5px 0 12px; } .list-product { list-style: none; padding: 0; width: 100%; } .list-product ul { list-style: none; padding: 0; } .list-product > li > a { color: #000; text-transform: capitalize; font-weight: 400 !important; font-size: 14px !important; } .list-product li { position: relative; padding: 12px 12px 10px; background: var(--c2); margin-bottom: 5px; border-radius: 5px; } .list-product li span { width: 26px; height: 20px; cursor: pointer; display: block; position: absolute; right: 0; top: 20px; transform: translateY(-50%); } .list-product li span svg { transition: all 0.2s linear; width: 13px; height: 13px; color: #fff; } .list-product li span.active svg { transform: rotate(180deg); transition: all 0.2s linear; } .list-product li a { font-size: 14px; color: #fff; display: block; transition: all 0.3s; font-weight: 400; text-transform: uppercase; font-weight: 600 !important; } .list-product li a:hover { color: yellow; transition: all 0.2s linear; } .list-product li:last-of-type { border-bottom: none; } .list-product > li > ul { list-style: none; padding: 8px 0 0 10px; width: 100%; } .list-product > li ul { display: none; } .list-product > li > ul ul { padding-left: 15px; } .list-product ul li:last-child { border-bottom: none; padding-bottom: 0; } .list-product ul li { padding-left: 0; background: transparent; margin-bottom: 0; padding: 5px 0; } .page_photo { width: 100%; position: relative; margin-top: -25px; } .flex_photo { width: 100%; position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; } .page_photo_left { width: 30%; } .slide_banner_page { width: 100%; position: relative; } .page_photo_left { width: calc( 100% - 32% - 10px ); } .page_photo_right { width: 32%; } .slick_pro_page { width: 100%; position: relative; } .pro_baner__item { display: block; width: 100%; margin-bottom: 10px; } .pro_baner__item img { width: 100%; } .header_cart_mob { position: relative; } .header_cart_mob .count-cart { position: absolute; top: -5px; right: -5px; background: var(--c2); color: #000; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-weight: bold; font-size: 12px; } .mm-navbar__title { font-weight: bold; color: var(--title) !important; font-size: 16px; } .slideshow { position: relative; overflow: hidden; width: 100%; } .flex_layout { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; } .col_left { width: 19.5%; position: sticky; top: 90px; } .col_right { width: 79%; } .search { width: 225px; background: transparent; height: 40px; border: 1px solid rgb(2 125 78 / 50%); border-radius: 100px; margin-left: 70px; } .search p { border: none; background: none; float: left; width: 40px; height: 40px; cursor: pointer; margin: 0px; color: var(--c2); font-size: 16px; display: flex; align-items: center; justify-content: center; } .search input { width: calc(100% - 40px); height: 40px; float: left; outline: none; padding: 0px; border: 0px; background: transparent; font-size: 14px; color: #fff; padding-left: 20px; font-family: 'font3'; } .search input::-webkit-input-placeholder { color: #b3b3b3; } .search input:-moz-placeholder { color: #b3b3b3; } .search input::-moz-placeholder { color: #b3b3b3; } .search input:-ms-input-placeholder { color: #b3b3b3; } div#wrap_delivery { position: fixed; left: 10px; bottom: 30px; z-index: 1000; display: flex; flex-direction: column; align-items: center; align-content: flex-start; justify-content: flex-end; } .delivery_items { margin-top: 10px; transition: all .3s ease; border-radius: 50%; overflow: hidden; } .delivery_items img { width: 100%; text-align: center; } .delivery_items:hover img { transform: rotate(360deg); transition: all .3s ease; box-shadow: 0 0 0 3px #ffffff2b; } .wrap_banner { width: 100%; max-width: 100%; margin: 0px auto; position: relative; } .banner-image { display: block; width: 100%; } .grid_product { width: 100%; display: grid; grid-template-columns: repeat(3, calc((100% + 30px) / 3 - 30px)); grid-gap: 30px; } .grid_product.page { width: 100%; display: grid; grid-template-columns: repeat(4, calc((100% + 20px) / 4 - 20px)); grid-gap: 20px; } .search-res { position: relative; } .search-res .icon-search { width: 35px; height: 35px; cursor: pointer; color: var(--c2); margin: 0px; display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: all 0.2s linear; border: none; } .search-res .icon-search.active { color: var(--c1); background: var(--c2); color: #fff; transition: all 0.2s linear; } .search-res .search-grid { position: absolute; top: 50px; right: 0px; width: 0px; height: 40px; overflow: hidden; background: #ffffff; border: 1px solid var(--c2); z-index: 2; opacity: 0; border-radius: 25px; line-height: normal; } .search-res .search-grid p { float: left; width: 35px; height: 38px; cursor: pointer; outline: none; border: none; margin: 0px; font-size: 17px; display: block; color: var(--color-red); line-height: 40px; text-align: center; } .search-res .search-grid input { width: calc(100% - 35px); float: right; line-height: 38px; outline: none; border: none; color: var(--color-red); } .search-res .search-grid input::-webkit-input-placeholder { color: #333; } .search-res .search-grid input:-moz-placeholder { color: #333; } .search-res .search-grid input::-moz-placeholder { color: #333; } .search-res .search-grid input:-ms-input-placeholder { color: #333; } .slideshow_video { display: block; width: 100%; } .wrap_spnb { width: 100%; padding: 50px 0; background: #fffee9; } .flex_spnb { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; } .banner_spnb { display: block; width: 31%; } .show_spnb { width: calc( 100% - 31% - 30px ); position: relative; } .sp__items { display: block; background: #fff; width: 100%; text-align: center; border: 1px solid #ebeae2; padding: 5px; transition: all 0.2s linear; } .sp__items:hover { border: 1px solid var(--c2); transition: all 0.2s linear; } .sp__img { display: block; width: 100%; overflow: hidden; } .sp__txt { width: 100%; padding: 8px; background: #f7f7f7; } .sp__name { font-size: 14px; color: #333333; text-transform: uppercase; margin-bottom: 3px; transition: all 0.2s linear; line-height: 1.5; font-weight: bold; } .sp__name:hover { color: var(--c2); transition: all 0.2s linear; } .sp__price { font-size: 14px; color: #666666; font-weight: 400; } span.sp__price_old { font-weight: 300; margin-left: 0; text-decoration: line-through; color: #333; opacity: .8; } span.sp__price_new { margin-right: 5px; font-size: 15px; font-weight: 500; color: #ed1c24; text-transform: uppercase; } .wrap_combo { background: #fffee9; padding: 50px 0; } .cb__items { display: block; width: 100%; text-align: center; } .cb__img { display: block; width: 100%; margin-bottom: 20px; } .cb__name { font-size: 18px; color: #141414; font-weight: normal; text-transform: uppercase; margin-bottom: 10px; transition: all 0.2s linear; } .cb__name:hover { color: #000; transition: all 0.2s linear; } .cb__desc { font-size: 15px; color: #2b2b2b; font-weight: 300; line-height: 1.5; margin-bottom: 20px; } .cb__link { background: var(--c2); width: max-content; margin: 0px auto; color: #fff; line-height: 1; font-size: 14px; text-transform: uppercase; padding: 22px 40px; font-weight: 300; position: relative; transition: all 0.2s linear; border: 1px solid transparent; } .cb__link::before { position: absolute; content: ''; left: -10px; top: 50%; width: 40px; height: 1px; background: #edebc8; } .cb__link:hover { background: var(--c3); color: #000; transition: all 0.2s linear; border: 1px solid; } .wrap_dichvu { width: 100%; padding: 50px 0; background: #fffee9; } .dv__items { display: block; width: 100%; text-align: center; } .dv__img { display: block; width: 100%; margin-bottom: 0; } .dv__txt { display: block; border: 1px solid #e3e2c9; padding: 15px 10px; border-top: none; transition: all 0.2s linear; } .dv__name { font-size: 20px; color: #153a3c; font-weight: normal; text-transform: inherit; transition: all 0.2s linear; margin: 0; } .dv__name:hover { color: #000; transition: all 0.2s linear; } .dv__items:hover .dv__txt { background: var(--c2); border-color: var(--c2); color: #fff; transition: all 0.2s linear; } .dv__items:hover .dv__name { color: #fff; transition: all 0.2s linear; } .wrap_mautoc { width: 100%; padding: 50px 0; background: #fffee9; } .slide_mautoc { width: 100%; } .slide_video { display: block; width: 100%; max-width: 990px; overflow: hidden; margin: 0px auto; } { display: block; width: 100%; max-width: 990px; overflow: hidden; margin: 0px auto; } .slide_video .swiper-container { width: 100%; padding-top: 0; padding-bottom: 0; } .swiper-container { width: 100%; padding-top: 0; padding-bottom: 0; } .slide_video .swiper-container img { display: block; max-width: 100%; } .swiper-container img { display: block; max-width: 100%; } .slide_video .swiper-wrapper { padding-left: initial; margin: 0; } .swiper-wrapper { padding-left: initial; margin: 0; } .slide_video .swiper-slide { text-align: center; background: #000; width: auto !important; height: auto !important; border-right: none; display: flex; align-items: center; } .swiper-slide { text-align: center; background: #000; width: auto !important; height: auto !important; border-right: none; display: flex; align-items: center; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { display: none; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display: none; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: -55px; right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: -55px; left: auto; } .mau__item { display: block; user-select: none; position: relative; } .mau__name { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; text-align: center; font-size: 19px; color: #fff; font-weight: 400; background: rgb(0 0 0 / 60%); padding: 15px; } .wrap_newsnb { width: 100%; padding: 50px 0; background: #f4f3d7; } .flex_news { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; } .nleft { width: 32%; } .nright { width: calc( 100% - 32% - 35px ); } .news__items { display: block; width: 100%; position: relative; background: #fff; box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px; } .news__img { display: block; width: 100%; } .news__txt { width: 100%; display: flex; padding: 15px; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; } .news__time { flex-shrink: 0; margin-right: 20px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; } .news__time b { font-weight: bold; font-size: 25px; color: #153a3c; line-height: 1; margin-top: 8px; margin-bottom: 5px; } .news__time span { display: block; font-size: 13px; color: #153a3c; font-weight: 300; } .news__info { flex: 1; } .news__name { font-size: 19px; color: #153a3c; font-weight: 400; margin-bottom: 10px; transition: all 0.2s linear; } .news__name:hover { color: red; transition: all 0.2s linear; } .news__desc { font-size: 14px; color: #2a2a2a; font-weight: 300; line-height: 1.6; margin-bottom: 12px; } .news__link { font-size: 14px; color: #153a3c; font-weight: 400; transition: all 0.2s linear; } .news__link:hover { color: red; transition: all 0.2s linear; } .slick_newsnb .slick-slide { margin-bottom: 30px; } .slick_newsnb .news__items { display: flex; flex-direction: row; flex-wrap: nowrap; } .wrap_media { width: 100%; padding: 50px 0; background: #fffee9; } .flex_media { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; } .media_left { width: calc( 100% - 500px - 40px ); } .media_right { width: 500px; } .topbar { width: 100%; background: var(--c3); } .flex_top { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; height: 95px; } .top__item { flex-shrink: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; font-size: 15px; color: #000000; font-weight: 300; } .top__item i { flex-shrink: 0; margin-right: 8px; } .header_right { width: 50%; display: flex; align-items: center; justify-content: flex-end; } .top__txt { width: 43%; text-align: center; font-size: 32px; color: var(--c2); line-height: 1.4; font-family: 'font2'; text-shadow: 1.6px 0 0 #fff, -1.6px 0 0 #fff, 0 1.6px 0 #fff, 0 -1.6px 0 #fff, 1.6px 1.6px #fff, -1.6px -1.6px 0 #fff, 1.6px -1.6px 0 #fff, -1.6px 1.6px 0 #fff, 3px 3px 3px rgb(0 0 0 / 50%); margin-bottom: -8px; transition: all 0.2s linear; max-width: 400px; } .top__desc { flex: 1; } .top__desc span { display: block; font-size: 14px; color: #000000; font-weight: 500; line-height: normal; } .top__desc div { display: block; font-size: 14px; color: #000000; font-weight: 500; line-height: normal; margin-top: 5px; } .top__desc b { display: block; font-size: 24px; color: var(--c2); font-weight: bold; line-height: normal; } .menu { position: sticky; width: 100%; top: 0; z-index: 1000; background-image: url(../imgs/bg_menu.png); background-repeat: repeat-x; background-position: bottom; transition: all 0.2s linear; } .menu::before { position: absolute; content: ''; left: 0; top: calc( 100% + 1px ); bottom: 0; width: 100%; height: 5px; background-image: url(../imgs/bg_menu1.png); } .flex_menu { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; height: 45px; transition: all 0.2s linear; } .menu_logo { width: 165px; position: relative; text-align: center; padding: 0; margin-top: -30px; height: 165px; margin-left: 35px; margin-right: 35px; } .menu_logo a { display: block; } .menu_logo a img { height: 165px; width: auto; transition: all 0.2s linear; } .bg_menu { position: relative; margin: 0 !important; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-end; align-items: center; flex: 1 !important; transition: all 0.2s linear; } .menu ul { width: 100%; padding: 0px; margin: auto; list-style: none; } .menu ul li { position: relative; z-index: 99; width: auto; } .menu ul li a { display: block; position: relative; z-index: 1; text-align: center; text-decoration: none!important; } .menu ul li ul { position: absolute; min-width: 200px; width: max-content; background: var(--c2); box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1); -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; visibility: hidden; transition: all .3s; } .menu ul li:hover > ul { -webkit-transform: perspective(600px) rotateX(0); transform: perspective(600px) rotateX(0); -webkit-transform-origin: 0 0 0; opacity: 1; visibility: visible; transition: all .7s; } .menu ul li ul li a { text-align: left; border-bottom: 1px solid rgba(255,255,255,0.2); } .menu ul li ul li:last-child > a { border-bottom: 0px; } .menu ul li ul li a h2 { font-size: 15px; padding: 12px 15px 10px; position: relative; height: unset !important; line-height: unset !important; color: #fff; font-weight: 400; margin: 0 !important; } .menu h2 svg { width: 22px; height: 22px; margin-top: -6px; } .menu ul li ul li a h2::before { position: absolute; content: ''; width: 3px; height: 0; background-color: yellow; left: 0; top: 0; transition: height .3s ease; background-image: none; } .menu ul li a h2::after { position: absolute; content: ''; width: 0; height: 2px; background-color: var(--c1); left: 0; bottom: 0; transition: all .3s ease; background-image: none; } .menu ul li a.active h2::before,.menu ul li:hover > a h2::before { height: 100%; transition: height .3s ease; } .menu ul li a h2 { position: relative; font-size: 17px; color: #000000; padding: 0; text-transform: uppercase; height: 45px; line-height: 45px; transition: all 0.2s linear; font-weight: bold; margin: 0 22.5px; } .menu ul li a.active h2, .menu ul li:hover > a h2 { transition: all .3s ease; color: red; } .menu ul li a.active h2 { transition: all .3s ease; color: red; } .menu ul ul li:hover > a h2 { background: var(--c2); color: #fff; } .menu ul li a.active h2::before,.menu ul li a:hover h2::before,.menu ul li a.active h2::after,.menu ul li a:hover h2::after { transition: all .3s ease; opacity: 1; } .menu ul li ul li a h2::after { display: none; } .menu ul li ul ul { left: 100%; top: 0; } .menu ul ul li { margin-left: 0; } .menu.scrolled { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; transition: all 0.2s linear; } .menu.scrolled .menu_logo a img { height: 55px; transition: all 0.2s linear; } .menu.scrolled .flex_menu { height: 45px; transition: all 0.2s linear; } .menu { position: sticky; width: 100%; top: -95px; z-index: 1000; background-image: url(../imgs/bg_menu.png); background-repeat: repeat-x; background-position: bottom; transition: all 0.2s linear; } .menu.scrolled ul li a h2 { height: 45px; line-height: 45px; transition: all 0.2s linear; } .menu.scrolled .bg_menu { align-items: center; transition: all 0.2s linear; } .menu.scrolled .menu_logo { width: 165px; align-self: flex-start; height: 60px; margin-bottom: 0; margin-top: 0; } .menu.scrolled .top__txt { opacity: 0; transition: all 0.2s linear; } .wrap_why { width: 100%; padding: 40px 0; background-image: url(../imgs/bg.png); } .why__items { display: flex; text-align: center; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; background: #fff; border-radius: 100px; padding: 16px 20px; cursor: pointer; width: 90%; margin: auto; } .why__img { display: block; transition: all 0.5s linear; flex-shrink: 0; margin-right: 20px; } .why__txt { width: 100%; text-align: left; } .why__name { font-size: 14px; color: #000000; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; transition: all 0.2s linear; } .why__desc { font-size: 13px; color: #5a5a5a; font-weight: normal; line-height: 1.5; } .why__items:hover .why__img { transform: rotateY(360deg); transition: all 0.5s linear; } .why__items:hover .why__name { color: var(--c2); transition: all 0.2s linear; } .footer { width: 100%; position: relative; } .footer_main { width: 100%; padding: 80px 0 0; background-image: url(../imgs/bg_footer.jpg); background-size: cover; background-position: top center; } .flex_footer { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; padding-bottom: 50px; } .footer_title { font-size: 16px; color: var(--c2); text-transform: uppercase; line-height: 1; position: relative; margin-bottom: 20px; padding-top: 0; font-weight: bold; } .ft_name { font-size: 23px; font-weight: normal; color: var(--c2); font-family: 'font2'; margin-bottom: 20px; line-height: 1.5; text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 3px rgb(0 0 0 / 30%); } .ft_txt { width: 100%; font-size: 14px; color: #000000; line-height: 2.5; font-weight: normal; } .ft_txt p { margin: 0; } .fcol1 { width: 38%; } .fcol2 { width: 23%; } .fcol3 { width: 29%; } .footer-ul { list-style: none; padding: 0px; margin: 0px; margin-bottom: 35px; } .footer-ul li { margin-bottom: 6px; list-style: none; color: var(--c3); list-style-position: inside; } .footer-ul li:last-child { margin-bottom: 0px; padding: 0; border: none; } .footer-ul li a { color: #000000; font-size: 14px; transition: all 0.2s linear; font-weight: 400; } .footer-ul li a:hover { text-decoration: none; color: yellow; transition: all 0.2s linear; } #bottom { font-size: 14px; color: #fff; background: var(--c2); font-weight: normal; position: relative; line-height: normal; } #bottom::before { position: absolute; content: ''; left: 0; bottom: calc( 100% + 1px ); background-image: url(../imgs/line_footer.png); width: 100%; height: 5px; } #bottom .flex_cpy { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; flex-direction: row; align-content: center; padding: 0; height: 60px; position: relative; } .mxh_footer { flex-shrink: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; } .mxh_footer a { display: block; margin: 0 8px 8px 0; transition: all 0.2s linear; } .mxh_footer a:hover { transform: rotate(20deg); transition: all 0.2s linear; } .fmaps { width: 100%; height: 235px; } .fmaps #footer-map { width: 100%; height: 100%; } .fmaps #footer-map iframe { width: 100%; height: 100%; } .wrap_gioithieu { width: 100%; padding: 80px 0; position: relative; background-image: url(../imgs/bg_gt.jpg); background-size: cover; } .flex_gt { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 25px; align-items: start; } .gtclo1 { display: block; width: 100%; border-radius: 200px 0; overflow: hidden; } .gtclo2 { display: block; width: 100%; height: 100%; background-image: url(../imgs/bg.png); padding: 40px; } .gtclo3 { display: block; width: 100%; border-radius: 0 200px; overflow: hidden; transform: translateY(-85px); } .gt_content { width: 66%; text-align: center; } .gt_txt { width: 100%; margin-bottom: 15px; } .gt__wc { font-size: 26px; color: #fff; font-family: 'font3'; line-height: 1; } .gt__name { font-size: 46px; color: var(--c2); font-family: 'font2'; line-height: normal; margin-bottom: 25px; text-shadow: 1.6px 0 0 #fff, -1.6px 0 0 #fff, 0 1.6px 0 #fff, 0 -1.6px 0 #fff, 1.6px 1.6px #fff, -1.6px -1.6px 0 #fff, 1.6px -1.6px 0 #fff, -1.6px 1.6px 0 #fff, 3px 3px 3px rgb(0 0 0 / 50%); } .gt__desc { font-size: 14px; color: #000000; margin-bottom: 25px; line-height: 1.8; } .gt__desc p { margin: 0; } .btn_viewmore { display: inline-block; color: #fff; line-height: 1; font-size: 14px; padding: 19px 45px; border-radius: 0; text-transform: uppercase; transition: all 0.2s linear; background-image: url(../imgs/bg_btn.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .btn_viewmore:hover { color: var(--c1); transition: all 0.2s linear; } .wrap_newsletter { display: block; width: 100%; padding: 80px 0; position: relative; } .flex_nlt { width: 100%; display: block; position: relative; } .nlt_slide { display: block; width: 71%; border-radius: 20px; overflow: hidden; margin-left: auto; } .box_nlt { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 580px; z-index: 100; padding: 40px; background-image: url(../imgs/bg_nlt.png); background-size: 100% 100%; text-align: center; } .nlt__name { font-size: 26px; color: #000000; font-family: 'font3'; line-height: normal; } .nlt__desc { font-size: 40px; color: var(--c2); font-family: 'font2'; line-height: 1; margin-bottom: 12px; } .nlt__slogan { font-size: 14px; color: #3a3a3a; line-height: normal; margin-bottom: 20px; } form.nlt_form { width: 100%; color: #000; /* display: flex; */ /* flex-direction: row; */ /* flex-wrap: wrap; */ /* align-content: flex-start; */ /* justify-content: space-between; */ /* align-items: flex-start; */ margin-top: 20px; } .nlt_form input { /* width: calc( 50% - 5px ); */ /* height: 42px; */ /* border: none; */ /* padding: 0 15px; */ /* background: #fff; */ /* color: #000; */ /* margin-bottom: 10px; */ /* border-radius: 100px; */ /* font-size: 13px; */ /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */ } .nlt_form input[type='submit'] { width: max-content; border: none; font-weight: normal; display: inline-block; color: #fff; font-size: 14px; padding: 18px 36px; border-radius: 0; text-transform: uppercase; transition: all 0.2s linear; background-image: url(../imgs/bg_btn.png); background-size: contain; background-position: center; background-repeat: no-repeat; margin: 8px auto 0; background-color: transparent; box-shadow: none; height: unset; line-height: normal; } .nlt_form input[type='submit']:hover { color: var(--c1); transition: all 0.2s linear; } .nlt_form input::-webkit-input-placeholder { color: #363636; } .nlt_form input:-moz-placeholder { color: #363636; } .nlt_form input::-moz-placeholder { color: #363636; } .nlt_form input:-ms-input-placeholder { color: #363636; } .nlt_form textarea { /* width: 100%; */ /* height: 100px; */ /* border: none; */ /* padding: 10px 15px; */ /* background: #FFF; */ /* color: #000; */ /* margin-bottom: 10px; */ /* border-radius: 20px; */ /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */ } .grid_fanpage { width: 100%; display: grid; grid-template-columns: repeat(3, calc((100% + 35px) / 3 - 35px)); grid-gap: 35px; } .grid_maps { width: 100%; display: grid; grid-template-columns: repeat(4, calc((100% + 25px) / 4 - 25px)); grid-gap: 25px; } .wrap_maps { width: 100%; padding: 40px 0 100px; background-image: url(../imgs/bg_maps.jpg); background-size: cover; background-position: top center; } .cn__item { display: block; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } .cn__nav { width: 100%; height: 36px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; background: var(--c1); } .cn__txt { display: block; width: 100%; padding: 15px 16px; } .cn__txt p { margin: 0; } .cn__name { flex: 1; line-height: 1.2; padding: 0 16px; font-size: 14px; font-weight: bold; color: var(--c2); text-transform: uppercase; white-space: nowrap; } .cn__link { flex-shrink: 0; position: relative; font-size: 13px; color: #fff; background: var(--c2); height: 36px; display: flex; align-items: center; padding: 0 16px 0 25px; transition: all 0.2s linear; } .cn__link::before { position: absolute; content: ''; left: 0; top: 0; border-bottom: 36px solid var(--c2); border-left: 18px solid var(--c1); } .cn__link:hover { color: var(--c1); transition: all 0.2s linear; } .wrap_title { width: 100%; text-align: center; padding-bottom: 22px; margin-bottom: 35px; position: relative; } .wrap_title::before { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 18px; background-image: url(../imgs/img_title.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .title_main { font-size: 40px; color: var(--c1); margin: 0; font-family: 'font2'; text-transform: uppercase; line-height: 1; text-shadow: -1px -1px 0 #f37400, 1px -1px 0 #f37400, -1px 1px 0 #f37400, 1px 1px 0 #f37400, 2px 2px 0px #828282; letter-spacing: 3px; } .title_desc { font-size: 14px; color: #232323; margin-bottom: 0; margin-top: 10px; } .wrap_splist { display: block; width: 100%; margin: 70px 0; } .spnb__item { width: 100%; display: flex; margin-bottom: 40px; align-items: flex-start; } .spnb__slide { width: 67%; position: relative; } .spnb__content { width: calc( 33% + 100px ); margin-left: -100px; margin-top: 60px; position: relative; z-index: 10; background: var(--c1); padding: 40px 045px 50px; border-radius: 10px; background: url(../imgs/nam1.png) top right no-repeat, url(../imgs/bg.png); } .slide_spnb .control-owl { right: 0px; top: unset; bottom: 20px; height: 45px; display: flex; justify-content: flex-end; padding-right: 20px; } .slide_spnb .control-owl button.owl-prev, .slide_spnb .control-owl button.owl-next { right: unset; left: unset; position: relative; width: 45px; height: 45px; background: #fff; opacity: 1; color: #000; border-radius: 100%; margin-left: 10px; transition: all 0.2s linear; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } .slide_spnb .control-owl button.owl-prev:hover, .slide_spnb .control-owl button.owl-next:hover { background: var(--c1); color: #000; transition: all 0.2s linear; } .spnb__name { font-size: 30px; color: var(--c2); font-family: 'font2'; margin-bottom: 15px; transition: all 0.2s linear; display: block; } .spnb__name:hover { color: #fff; transition: all 0.2s linear; } .spnb__desc { display: block; width: 100%; color: #232323; line-height: 1.5; margin-bottom: 22px; } .spnb__desc p { margin: 0; } .spnb__call { display: inline-block; color: #fff; line-height: 1; font-size: 18px; padding: 15px 19px; border-radius: 0; text-transform: uppercase; transition: all 0.2s linear; background-image: url(../imgs/bg_btn.png); background-size: contain; background-position: center; background-repeat: no-repeat; font-weight: bold; transition: all 0.2s linear; } .spnb__call:hover { color: var(--c1); transition: all 0.2s linear; } .spnb__item.even { display: flex; flex-direction: row-reverse; } .spnb__item.even .spnb__content { margin-left: 0; margin-right: -100px; } .spnb__item.even .slide_spnb .control-owl { justify-content: flex-start; padding-right: 0; padding-left: 10px; } .spnb__item.even .spnb__content { background: url(../imgs/nam2.png) top left no-repeat, url(../imgs/bg.png); } .wrap_album { width: 100%; padding: 80px 0; background-image: url(../imgs/bg_ab.jpg); background-size: cover; } .grid_album { width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 6px; align-items: center; justify-content: center; } .ab__item.ab1 { grid-column: 1 / 4; grid-row: 1 / 2; } .ab__item.ab2 { grid-column: 4 / 7; grid-row: 1 / 2; } .ab__item.ab3 { grid-column: 7 / 10; grid-row: 1 / 2; } .ab__item.ab4 { grid-column: 10 / 13; grid-row: 1 / 2; } .ab__item.ab5 { grid-column: 1 / 5; grid-row: 2 / 3; } .ab__item.ab6 { grid-column: 5 / 9; grid-row: 2 / 3; } .ab__item.ab7 { grid-column: 9 / 13; grid-row: 2 / 3; } .ab__item.ab8 { grid-column: 8 / 12; grid-row: 3 / 4; } .ab__item { display: block; width: 100%; height: 100%; } .ab__item span { display: block; width: 100%; height: 100%; } .ab__item img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 1200px) { } @media (max-width: 1200px) { } @media (max-width: 1024px) { .flex_top { width:100%; height: auto; padding: 5px 0; } .menu { display: none; } .menu-res { display: block; height: auto; background: #fff; position: sticky; top: -1px; z-index: 1001; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; } .menu-bar-res { height: auto; padding-top: 5px; padding-bottom: 5px; } #hamburger:before, #hamburger:after, #hamburger span { background: var(--c2); } .btn-frame { display: none; } div#messages-facebook { display: none; } .search-res .icon-search { color: var(--c2); border: 1px solid; } .mmenu_center { flex: 1; margin: 0 15px; text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .mmenu_logo { display: block; width: max-content; height: 60px; transition: all 0.2s linear; flex-shrink: 0; margin-right: 10px; } .mmenu_logo img { width: auto; height: 100%; } .mmenu_search { width: 100%; height: 0; transition: all 0.2s linear; overflow: hidden; align-items: center; display: flex; } .search { width: 100%; background: #fff; height: 45; border-radius: 5px; margin-left: 0; } .menu-res.scrolled .mmenu_logo { height: 50px; overflow: hidden; transition: all 0.2s linear; } .menu-res.scrolled .mmenu_search { width: 100%; height: 55px; transition: all 0.2s linear; overflow: hidden; } form.nlt_form { width: 350px; right: 25px; border-radius: 8px; padding: 15px; } .menu-res { background-image: url(../imgs/bg.png); } .mmenu_center { flex: 1; margin: 0 15px; text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .mmenu__txt { flex-shrink: 0; color: var(--c2); font-family: 'font2'; line-height: 1.2; } } @media (max-width: 768px) { .control-owl { display:none; } .grid_product.page { grid-template-columns: repeat(2, calc((100% + 15px) / 2 - 15px)); grid-gap: 15px; } .grid_product { grid-template-columns: repeat(2, calc((100% + 15px) / 2 - 15px)); grid-gap: 15px; } .gt__item { width: 100%; text-align: center; } .gt_content { width: 100%; margin-bottom: 8px; } .gt_images { width: 100%; } .wrap_feedback { width: 100%; margin-bottom: 0; padding: 25px 0; } .wrap_video { width: 100%; } .banner_spnb { display: none; } .show_spnb { width: 100%; position: relative; } .flex_footer { flex-wrap: wrap; padding-bottom: 25px; } .fcol1 { width: 100%; margin-bottom: 20px; } .fcol2 { width: 100%; margin-bottom: 20px; } .fcol3 { width: 100%; margin-bottom: 20px; } #bottom .flex_cpy { flex-direction: column; height: auto; line-height: unset; } #bottom { font-size: 12px; line-height: 2; padding: 10px 0; height: unset; } .flex_media { flex-wrap: wrap; } .wrap_newsnb { width: 100%; margin-bottom: 0; } .fcol4 { width: 100%; } .header_mxh { display: none; } .top__item { width: 100%; line-height: 1.2; display: flex; justify-content: center; } form.nlt_form { position: relative; top: unset; left: unset; transform: unset; right: unset; width: 100%; border-radius: 0; padding: 15px; } .nleft { display: block; width: 100%; margin-bottom: 20px; } .nright { display: block; width: 100%; } .media_left { display: block; width: 100%; margin-bottom: 20px; } .media_right { display: block; width: 100%; } .header_right { display: none; } .flex_gt { grid-template-columns: repeat(4, 1fr); grid-gap: 10px; } .gtclo2 { order: -1; width: 100%; grid-column: 1 / 5; grid-row: 1 / 2; } .gtclo1 { grid-column: 1 / 3; grid-row: 2 / 3; } .gtclo3 { grid-column: 3 / 5; grid-row: 2 / 3; transform: unset; } .wrap_why { padding: 20px 0; } .box_nlt { position: relative; width: 100%; height: auto; top: unset; left: unset; bottom: unset; transform: unset; margin-bottom: 15px; } .nlt_slide { width: 100%; } .grid_fanpage { grid-template-columns: repeat(2, calc((100% + 15px) / 2 - 15px)); grid-gap: 15px; } .grid_maps { grid-template-columns: repeat(2, calc((100% + 15px) / 2 - 15px)); grid-gap: 15px; } } @media (max-width: 500px) { .wrap-main { margin:10px auto; } .grid_product.page { grid-template-columns: repeat(2, calc((100% + 8px) / 2 - 8px)); grid-gap: 8px; } .grid_product { grid-template-columns: repeat(2, calc((100% + 8px) / 2 - 8px)); grid-gap: 8px; } .wrap_gioithieu { padding: 25px 0; } .gt__wc { font-size: 20px; margin-bottom: 5px; } .gt_txt { margin-bottom: 15px; } .gt_images { width: 100%; padding: 20px; text-align: center; min-height: unset; } .gt_images_title { font-size: 20px; margin-bottom: 10px; } .wrap_title::before { background-size: contain; } .wrap_title { padding-top: 0; margin-bottom: 12px; padding-bottom: 22px; } .title_main { font-size: 20px; } .title_desc { font-size: 13px; margin-top: 5px; } .dv__txt { padding: 10px 8px; } .dv__name { font-size: 14px; margin-bottom: 5px; } .dv__desc { line-height: 1.3; } .media_title { font-size: 22px; margin-bottom: 0px; } .fb__img { margin-bottom: 8px; } .fb__name { font-size: 14px; } .wrap_media { padding: 25px 0; } .wrap_tieuchi { padding: 25px 0; } .tc__name { font-size: 14px; margin-bottom: 8px; } .tc__desc { line-height: 1.3; } .wrap_spnb { padding: 25px 0; } .sp__img { margin-bottom: 0; } .sp__name { font-size: 14px; margin-bottom: 2px; line-height: normal; } .sp__price { font-size: 13px; } span.sp__price_new { margin-right: 5px; font-size: 14px; } .wrap_newsnb { padding: 20px 0; } .news1__item { width: 100%; margin-bottom: 20px; } .flex_news { flex-wrap: wrap; } .slick_news { width: 100%; } .media_line { height: 20px; margin: 3px 0 10px; } .fbn__content { font-size: 13px; line-height: 1.5; } #bottom { font-size: 10px; line-height: 1.5; padding: 8px 0; } .news-name { margin-top: 1rem; } .title-main span { font-size: 16px; font-weight: normal; } .wrap_album { padding: 25px 0; } .grid_album { grid-template-columns: repeat(6, 1fr); grid-gap: 5px; } .ab__item.ab1 { grid-column: 1 / 4; grid-row: 1 / 2; } .ab__item.ab2 { grid-column: 4 / 7; grid-row: 1 / 2; } .ab__item.ab3 { grid-column: 1 / 4; grid-row: 2 / 3; } .ab__item.ab4 { grid-column: 4 / 7; grid-row: 2 / 3; } .ab__item.ab5 { grid-column: 4 / 7; grid-row: 2 / 3; display: none; } .ab__item.ab6 { grid-column: 4 / 7; grid-row: 2 / 3; display: none; } .ab__item.ab7 { grid-column: 4 / 7; grid-row: 2 / 3; display: none; } .footer_main { padding: 25px 0 0; background-image: url(../imgs/bg.png); } .ft_name { font-size: 22px; margin-bottom: 10px; } .footer_title { font-size: 15px; margin-bottom: 12px; padding-top: 0; } .title-main { margin-bottom: 0.8rem; } .top__item.add { font-size: 12px; } .nlt_title { font-size: 20px; margin-bottom: 12px; } .nlt_form input { font-size: 13px; height: 35px; margin-bottom: 8px; } .nlt_form input:nth-child(3), .nlt_form input:nth-child(4) { width: 100%; } .nlt_form input[type='submit'] { font-size: 12px; font-weight: 300; margin: 0; padding: 12px; } .wrap_combo { padding: 20px 0; } .cb__img { margin-bottom: 10px; } .cb__name { font-size: 15px; margin-bottom: 6px; } .cb__desc { font-size: 14px; margin-bottom: 10px; } .cb__link { font-size: 13px; padding: 12px 24px; width: 100%; } .wrap_dichvu { padding: 20px 0; } .gt__name { font-size: 20px; margin-bottom: 0px; } .gt__desc { font-size: 14px; margin-bottom: 10px; line-height: 1.5; } .btn_viewmore { font-size: 13px; padding: 8px 16px; } .gt_images { width: 100%; grid-template-columns: repeat(7, calc((100% + 5px) / 7 - 5px)); grid-gap: 5px; padding: 0; } .wrap_mautoc { padding: 20px 0; } .mau__item { display: block; width: 85% !important; } .mau__name { font-size: 14px; padding: 10px; } .wrap_why { padding: 20px 0; } .why__name { font-size: 14px; margin-bottom: 3px; font-weight: 500; } .why__desc { font-size: 13px; line-height: 1.4; } .sp__txt { padding: 5px; } .news__txt { padding: 8px; } .news__name { font-size: 15px; margin-bottom: 5px; font-weight: 500; } .news__desc { font-size: 13px; line-height: 1.4; margin-bottom: 6px; } .news__desc .text-split-4 { -webkit-line-clamp: 2 !important; } .news__link { display: none; } .slick-slide .news__time { display: none; } .slick_newsnb .slick-slide { margin-bottom: 5px; } .slick_newsnb .slick-slide .news__desc .text-split-4 { -webkit-line-clamp: 3 !important; } .ft_txt { font-size: 14px; line-height: 1.8; font-weight: 400; } .footer-ul li { margin-bottom: 8px; padding-bottom: 0; } .why__items { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 8px; padding: 8px; } .why__img { display: block; margin: 0; margin-bottom: 10px; } .why__txt { text-align: center; } .why__name .text-split-1 { -webkit-line-clamp: 2 !important; } .gtclo2 { padding: 12px; } .gtclo1 { border-radius: 30px 0; } .gtclo3 { border-radius: 0 30px; } .flex_gt { grid-gap: 8px; } .wrap_splist { margin: 20px 0; } .spnb__slide { width: 100%; } .spnb__item { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; } .spnb__content { width: 100%; margin: 0; border-radius: 0 0 5px 5px; padding: 15px; } .spnb__name { font-size: 18px; margin-bottom: 8px; } .spnb__desc { line-height: 1.4; margin-bottom: 10px; } .spnb__item.even .spnb__content { margin-left: 0; margin-right: 0; } .spnb__item.even { display: flex; flex-direction: column; } .slide_spnb .control-owl { bottom: 10px; padding-right: 10px; transform: scale(0.8); transform-origin: right bottom; } .spnb__item.even .slide_spnb .control-owl { justify-content: flex-end; padding-right: 10px; padding-left: 0; } .wrap_newsletter { padding: 20px 0; } .box_nlt { padding: 10px; margin-bottom: 10px; } .nlt__name { font-size: 20px; } .nlt__desc { font-size: 22px; margin-bottom: 8px; } .nlt__slogan { font-size: 13px; margin-bottom: 8px; } form.nlt_form { padding: 0; } .nlt_form input { width: 100% !important; } .grid_fanpage { grid-template-columns: repeat(1, calc((100% + 15px) / 1 - 15px)); grid-gap: 15px; } .grid_maps { grid-template-columns: repeat(1, calc((100% + 10px) / 1 - 10px)); grid-gap: 10px; } .sp__items { padding: 0; } .breadCrumbs .wrap-content { padding: .5rem 15px 0.5rem; font-size: 12px; } .breadCrumbs .wrap-content .breadcrumb-item a { font-size: 12px; } }