/* Theme Name: gamesforum @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ html, body { overflow-x: hidden; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 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) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 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) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } 100% { -webkit-transform: none; transform: none } } @keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } 100% { -webkit-transform: none; transform: none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none } 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) } 100% { -webkit-transform: none; transform: none } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none } 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) } 100% { -webkit-transform: none; transform: none } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -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) } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -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) } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } 100% { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.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) } 100% { 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) } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -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) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -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) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -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) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } .flipOutX { -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) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } 100% { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } 100% { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1 } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { opacity: 1 } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } @keyframes rollOut { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 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 zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .zoomInStable { -webkit-animation-name: zoomInStable; animation-name: zoomInStable } @-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) } 100% { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 100% { 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) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } @keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0) } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1) } } @-webkit-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0) } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1) } } @-moz-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0) } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1) } } @-o-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0) } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1) } } @-ms-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0) } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1) } } /*! * Font Awesome Free 5.8.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fab, .fal, .far, .fas { -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: .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: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em } .fa-spin { animation: fa-spin 2s infinite linear } .fa-pulse { animation: fa-spin 1s infinite steps(8) } @keyframes fa-spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scaleX(-1) } .fa-flip-vertical { transform: scaleY(-1) } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1) } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { 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-balance-scale:before { content: "\f24e" } .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-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-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-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-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-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-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-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-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-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-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-wizard:before { content: "\f6e8" } .fa-haykal:before { content: "\f666" } .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-id-badge:before { content: "\f2c1" } .fa-id-card:before { content: "\f2c2" } .fa-id-card-alt:before { content: "\f47f" } .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-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-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-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-nintendo-switch:before { content: "\f418" } .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-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-slash:before { content: "\f3dd" } .fa-phone-square:before { content: "\f098" } .fa-phone-volume:before { content: "\f2a0" } .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-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-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-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-up:before { content: "\f15e" } .fa-sort-amount-down:before { content: "\f160" } .fa-sort-amount-up:before { content: "\f161" } .fa-sort-down:before { content: "\f0dd" } .fa-sort-numeric-down:before { content: "\f162" } .fa-sort-numeric-up:before { content: "\f163" } .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-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-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-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-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-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-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-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/fa-brands-400.eot'); src: url('fonts/fa-brands-400.eot') format("embedded-opentype"), url('fonts/fa-brands-400.woff2') format("woff2"), url('fonts/fa-brands-400.woff') format("woff"), url('fonts/fa-brands-400.ttf') format("truetype"), url('fonts/fa-brands-400.svg') 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/fa-regular-400.eot'); src: url('fonts/fa-regular-400.eot') format("embedded-opentype"), url('fonts/fa-regular-400.woff2') format("woff2"), url('fonts/fa-regular-400.woff') format("woff"), url('fonts/fa-regular-400.ttf') format("truetype"), url('fonts/fa-regular-400.svg') format("svg") } .far { font-weight: 400 } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: auto; src: url('fonts/fa-solid-900.eot'); src: url('fonts/fa-solid-900.eot') format("embedded-opentype"), url('fonts/fa-solid-900.woff2') format("woff2"), url('fonts/fa-solid-900.woff') format("woff"), url('fonts/fa-solid-900.ttf') format("truetype"), url('fonts/fa-solid-900.svg') format("svg") } .fa, .far, .fas { font-family: "Font Awesome 5 Free" } .fa, .fas { font-weight: 900 } .la, .lab, .lad, .lal, .lar, .las { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .la-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em } .la-xs { font-size: .75em } .la-sm { font-size: .875em } .la-1x { font-size: 1em } .la-2x { font-size: 2em } .la-3x { font-size: 3em } .la-4x { font-size: 4em } .la-5x { font-size: 5em } .la-6x { font-size: 6em } .la-7x { font-size: 7em } .la-8x { font-size: 8em } .la-9x { font-size: 9em } .la-10x { font-size: 10em } .la-fw { text-align: center; width: 1.25em } .la-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 } .la-ul>li { position: relative } .la-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit } .la-border { border: solid .08em #eee; border-radius: .1em; padding: .2em .25em .15em } .la-pull-left { float: left } .la-pull-right { float: right } .la.la-pull-left, .lab.la-pull-left, .lal.la-pull-left, .lar.la-pull-left, .las.la-pull-left { margin-right: .3em } .la.la-pull-right, .lab.la-pull-right, .lal.la-pull-right, .lar.la-pull-right, .las.la-pull-right { margin-left: .3em } .la-spin { -webkit-animation: la-spin 2s infinite linear; animation: la-spin 2s infinite linear } .la-pulse { -webkit-animation: la-spin 1s infinite steps(8); animation: la-spin 1s infinite steps(8) } @-webkit-keyframes la-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes la-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .la-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .la-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .la-rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .la-flip-horizontal { -webkit-transform: scale(-1, 1); transform: scale(-1, 1) } .la-flip-vertical { -webkit-transform: scale(1, -1); transform: scale(1, -1) } .la-flip-both, .la-flip-horizontal.la-flip-vertical { -webkit-transform: scale(-1, -1); transform: scale(-1, -1) } :root .la-flip-both, :root .la-flip-horizontal, :root .la-flip-vertical, :root .la-rotate-180, :root .la-rotate-270, :root .la-rotate-90 { -webkit-filter: none; filter: none } .la-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em } .la-stack-1x, .la-stack-2x { left: 0; position: absolute; text-align: center; width: 100% } .la-stack-1x { line-height: inherit } .la-stack-2x { font-size: 2em } .la-inverse { color: #fff } .la-500px:before { content: "\f26e" } .la-accessible-icon:before { content: "\f368" } .la-accusoft:before { content: "\f369" } .la-acquisitions-incorporated:before { content: "\f6af" } .la-ad:before { content: "\f641" } .la-address-book:before { content: "\f2b9" } .la-address-card:before { content: "\f2bb" } .la-adjust:before { content: "\f042" } .la-adn:before { content: "\f170" } .la-adobe:before { content: "\f778" } .la-adversal:before { content: "\f36a" } .la-affiliatetheme:before { content: "\f36b" } .la-air-freshener:before { content: "\f5d0" } .la-airbnb:before { content: "\f834" } .la-algolia:before { content: "\f36c" } .la-align-center:before { content: "\f037" } .la-align-justify:before { content: "\f039" } .la-align-left:before { content: "\f036" } .la-align-right:before { content: "\f038" } .la-alipay:before { content: "\f642" } .la-allergies:before { content: "\f461" } .la-amazon:before { content: "\f270" } .la-amazon-pay:before { content: "\f42c" } .la-ambulance:before { content: "\f0f9" } .la-american-sign-language-interpreting:before { content: "\f2a3" } .la-amilia:before { content: "\f36d" } .la-anchor:before { content: "\f13d" } .la-android:before { content: "\f17b" } .la-angellist:before { content: "\f209" } .la-angle-double-down:before { content: "\f103" } .la-angle-double-left:before { content: "\f100" } .la-angle-double-right:before { content: "\f101" } .la-angle-double-up:before { content: "\f102" } .la-angle-down:before { content: "\f107" } .la-angle-left:before { content: "\f104" } .la-angle-right:before { content: "\f105" } .la-angle-up:before { content: "\f106" } .la-angry:before { content: "\f556" } .la-angrycreative:before { content: "\f36e" } .la-angular:before { content: "\f420" } .la-ankh:before { content: "\f644" } .la-app-store:before { content: "\f36f" } .la-app-store-ios:before { content: "\f370" } .la-apper:before { content: "\f371" } .la-apple:before { content: "\f179" } .la-apple-alt:before { content: "\f5d1" } .la-apple-pay:before { content: "\f415" } .la-archive:before { content: "\f187" } .la-archway:before { content: "\f557" } .la-arrow-alt-circle-down:before { content: "\f358" } .la-arrow-alt-circle-left:before { content: "\f359" } .la-arrow-alt-circle-right:before { content: "\f35a" } .la-arrow-alt-circle-up:before { content: "\f35b" } .la-arrow-circle-down:before { content: "\f0ab" } .la-arrow-circle-left:before { content: "\f0a8" } .la-arrow-circle-right:before { content: "\f0a9" } .la-arrow-circle-up:before { content: "\f0aa" } .la-arrow-down:before { content: "\f063" } .la-arrow-left:before { content: "\f060" } .la-arrow-right:before { content: "\f061" } .la-arrow-up:before { content: "\f062" } .la-arrows-alt:before { content: "\f0b2" } .la-arrows-alt-h:before { content: "\f337" } .la-arrows-alt-v:before { content: "\f338" } .la-artstation:before { content: "\f77a" } .la-assistive-listening-systems:before { content: "\f2a2" } .la-asterisk:before { content: "\f069" } .la-asymmetrik:before { content: "\f372" } .la-at:before { content: "\f1fa" } .la-atlas:before { content: "\f558" } .la-atlassian:before { content: "\f77b" } .la-atom:before { content: "\f5d2" } .la-audible:before { content: "\f373" } .la-audio-description:before { content: "\f29e" } .la-autoprefixer:before { content: "\f41c" } .la-avianex:before { content: "\f374" } .la-aviato:before { content: "\f421" } .la-award:before { content: "\f559" } .la-aws:before { content: "\f375" } .la-baby:before { content: "\f77c" } .la-baby-carriage:before { content: "\f77d" } .la-backspace:before { content: "\f55a" } .la-backward:before { content: "\f04a" } .la-bacon:before { content: "\f7e5" } .la-balance-scale:before { content: "\f24e" } .la-balance-scale-left:before { content: "\f515" } .la-balance-scale-right:before { content: "\f516" } .la-ban:before { content: "\f05e" } .la-band-aid:before { content: "\f462" } .la-bandcamp:before { content: "\f2d5" } .la-barcode:before { content: "\f02a" } .la-bars:before { content: "\f0c9" } .la-baseball-ball:before { content: "\f433" } .la-basketball-ball:before { content: "\f434" } .la-bath:before { content: "\f2cd" } .la-battery-empty:before { content: "\f244" } .la-battery-full:before { content: "\f240" } .la-battery-half:before { content: "\f242" } .la-battery-quarter:before { content: "\f243" } .la-battery-three-quarters:before { content: "\f241" } .la-battle-net:before { content: "\f835" } .la-bed:before { content: "\f236" } .la-beer:before { content: "\f0fc" } .la-behance:before { content: "\f1b4" } .la-behance-square:before { content: "\f1b5" } .la-bell:before { content: "\f0f3" } .la-bell-slash:before { content: "\f1f6" } .la-bezier-curve:before { content: "\f55b" } .la-bible:before { content: "\f647" } .la-bicycle:before { content: "\f206" } .la-biking:before { content: "\f84a" } .la-bimobject:before { content: "\f378" } .la-binoculars:before { content: "\f1e5" } .la-biohazard:before { content: "\f780" } .la-birthday-cake:before { content: "\f1fd" } .la-bitbucket:before { content: "\f171" } .la-bitcoin:before { content: "\f379" } .la-bity:before { content: "\f37a" } .la-black-tie:before { content: "\f27e" } .la-blackberry:before { content: "\f37b" } .la-blender:before { content: "\f517" } .la-blender-phone:before { content: "\f6b6" } .la-blind:before { content: "\f29d" } .la-blog:before { content: "\f781" } .la-blogger:before { content: "\f37c" } .la-blogger-b:before { content: "\f37d" } .la-bluetooth:before { content: "\f293" } .la-bluetooth-b:before { content: "\f294" } .la-bold:before { content: "\f032" } .la-bolt:before { content: "\f0e7" } .la-bomb:before { content: "\f1e2" } .la-bone:before { content: "\f5d7" } .la-bong:before { content: "\f55c" } .la-book:before { content: "\f02d" } .la-book-dead:before { content: "\f6b7" } .la-book-medical:before { content: "\f7e6" } .la-book-open:before { content: "\f518" } .la-book-reader:before { content: "\f5da" } .la-bookmark:before { content: "\f02e" } .la-bootstrap:before { content: "\f836" } .la-border-all:before { content: "\f84c" } .la-border-none:before { content: "\f850" } .la-border-style:before { content: "\f853" } .la-bowling-ball:before { content: "\f436" } .la-box:before { content: "\f466" } .la-box-open:before { content: "\f49e" } .la-boxes:before { content: "\f468" } .la-braille:before { content: "\f2a1" } .la-brain:before { content: "\f5dc" } .la-bread-slice:before { content: "\f7ec" } .la-briefcase:before { content: "\f0b1" } .la-briefcase-medical:before { content: "\f469" } .la-broadcast-tower:before { content: "\f519" } .la-broom:before { content: "\f51a" } .la-brush:before { content: "\f55d" } .la-btc:before { content: "\f15a" } .la-buffer:before { content: "\f837" } .la-bug:before { content: "\f188" } .la-building:before { content: "\f1ad" } .la-bullhorn:before { content: "\f0a1" } .la-bullseye:before { content: "\f140" } .la-burn:before { content: "\f46a" } .la-buromobelexperte:before { content: "\f37f" } .la-bus:before { content: "\f207" } .la-bus-alt:before { content: "\f55e" } .la-business-time:before { content: "\f64a" } .la-buy-n-large:before { content: "\f8a6" } .la-buysellads:before { content: "\f20d" } .la-calculator:before { content: "\f1ec" } .la-calendar:before { content: "\f133" } .la-calendar-alt:before { content: "\f073" } .la-calendar-check:before { content: "\f274" } .la-calendar-day:before { content: "\f783" } .la-calendar-minus:before { content: "\f272" } .la-calendar-plus:before { content: "\f271" } .la-calendar-times:before { content: "\f273" } .la-calendar-week:before { content: "\f784" } .la-camera:before { content: "\f030" } .la-camera-retro:before { content: "\f083" } .la-campground:before { content: "\f6bb" } .la-canadian-maple-leaf:before { content: "\f785" } .la-candy-cane:before { content: "\f786" } .la-cannabis:before { content: "\f55f" } .la-capsules:before { content: "\f46b" } .la-car:before { content: "\f1b9" } .la-car-alt:before { content: "\f5de" } .la-car-battery:before { content: "\f5df" } .la-car-crash:before { content: "\f5e1" } .la-car-side:before { content: "\f5e4" } .la-caret-down:before { content: "\f0d7" } .la-caret-left:before { content: "\f0d9" } .la-caret-right:before { content: "\f0da" } .la-caret-square-down:before { content: "\f150" } .la-caret-square-left:before { content: "\f191" } .la-caret-square-right:before { content: "\f152" } .la-caret-square-up:before { content: "\f151" } .la-caret-up:before { content: "\f0d8" } .la-carrot:before { content: "\f787" } .la-cart-arrow-down:before { content: "\f218" } .la-cart-plus:before { content: "\f217" } .la-cash-register:before { content: "\f788" } .la-cat:before { content: "\f6be" } .la-cc-amazon-pay:before { content: "\f42d" } .la-cc-amex:before { content: "\f1f3" } .la-cc-apple-pay:before { content: "\f416" } .la-cc-diners-club:before { content: "\f24c" } .la-cc-discover:before { content: "\f1f2" } .la-cc-jcb:before { content: "\f24b" } .la-cc-mastercard:before { content: "\f1f1" } .la-cc-paypal:before { content: "\f1f4" } .la-cc-stripe:before { content: "\f1f5" } .la-cc-visa:before { content: "\f1f0" } .la-centercode:before { content: "\f380" } .la-centos:before { content: "\f789" } .la-certificate:before { content: "\f0a3" } .la-chair:before { content: "\f6c0" } .la-chalkboard:before { content: "\f51b" } .la-chalkboard-teacher:before { content: "\f51c" } .la-charging-station:before { content: "\f5e7" } .la-chart-area:before { content: "\f1fe" } .la-chart-bar:before { content: "\f080" } .la-chart-line:before { content: "\f201" } .la-chart-pie:before { content: "\f200" } .la-check:before { content: "\f00c" } .la-check-circle:before { content: "\f058" } .la-check-double:before { content: "\f560" } .la-check-square:before { content: "\f14a" } .la-cheese:before { content: "\f7ef" } .la-chess:before { content: "\f439" } .la-chess-bishop:before { content: "\f43a" } .la-chess-board:before { content: "\f43c" } .la-chess-king:before { content: "\f43f" } .la-chess-knight:before { content: "\f441" } .la-chess-pawn:before { content: "\f443" } .la-chess-queen:before { content: "\f445" } .la-chess-rook:before { content: "\f447" } .la-chevron-circle-down:before { content: "\f13a" } .la-chevron-circle-left:before { content: "\f137" } .la-chevron-circle-right:before { content: "\f138" } .la-chevron-circle-up:before { content: "\f139" } .la-chevron-down:before { content: "\f078" } .la-chevron-left:before { content: "\f053" } .la-chevron-right:before { content: "\f054" } .la-chevron-up:before { content: "\f077" } .la-child:before { content: "\f1ae" } .la-chrome:before { content: "\f268" } .la-chromecast:before { content: "\f838" } .la-church:before { content: "\f51d" } .la-circle:before { content: "\f111" } .la-circle-notch:before { content: "\f1ce" } .la-city:before { content: "\f64f" } .la-clinic-medical:before { content: "\f7f2" } .la-clipboard:before { content: "\f328" } .la-clipboard-check:before { content: "\f46c" } .la-clipboard-list:before { content: "\f46d" } .la-clock:before { content: "\f017" } .la-clone:before { content: "\f24d" } .la-closed-captioning:before { content: "\f20a" } .la-cloud:before { content: "\f0c2" } .la-cloud-download-alt:before { content: "\f381" } .la-cloud-meatball:before { content: "\f73b" } .la-cloud-moon:before { content: "\f6c3" } .la-cloud-moon-rain:before { content: "\f73c" } .la-cloud-rain:before { content: "\f73d" } .la-cloud-showers-heavy:before { content: "\f740" } .la-cloud-sun:before { content: "\f6c4" } .la-cloud-sun-rain:before { content: "\f743" } .la-cloud-upload-alt:before { content: "\f382" } .la-cloudscale:before { content: "\f383" } .la-cloudsmith:before { content: "\f384" } .la-cloudversify:before { content: "\f385" } .la-cocktail:before { content: "\f561" } .la-code:before { content: "\f121" } .la-code-branch:before { content: "\f126" } .la-codepen:before { content: "\f1cb" } .la-codiepie:before { content: "\f284" } .la-coffee:before { content: "\f0f4" } .la-cog:before { content: "\f013" } .la-cogs:before { content: "\f085" } .la-coins:before { content: "\f51e" } .la-columns:before { content: "\f0db" } .la-comment:before { content: "\f075" } .la-comment-alt:before { content: "\f27a" } .la-comment-dollar:before { content: "\f651" } .la-comment-dots:before { content: "\f4ad" } .la-comment-medical:before { content: "\f7f5" } .la-comment-slash:before { content: "\f4b3" } .la-comments:before { content: "\f086" } .la-comments-dollar:before { content: "\f653" } .la-compact-disc:before { content: "\f51f" } .la-compass:before { content: "\f14e" } .la-compress:before { content: "\f066" } .la-compress-arrows-alt:before { content: "\f78c" } .la-concierge-bell:before { content: "\f562" } .la-confluence:before { content: "\f78d" } .la-connectdevelop:before { content: "\f20e" } .la-contao:before { content: "\f26d" } .la-cookie:before { content: "\f563" } .la-cookie-bite:before { content: "\f564" } .la-copy:before { content: "\f0c5" } .la-copyright:before { content: "\f1f9" } .la-cotton-bureau:before { content: "\f89e" } .la-couch:before { content: "\f4b8" } .la-cpanel:before { content: "\f388" } .la-creative-commons:before { content: "\f25e" } .la-creative-commons-by:before { content: "\f4e7" } .la-creative-commons-nc:before { content: "\f4e8" } .la-creative-commons-nc-eu:before { content: "\f4e9" } .la-creative-commons-nc-jp:before { content: "\f4ea" } .la-creative-commons-nd:before { content: "\f4eb" } .la-creative-commons-pd:before { content: "\f4ec" } .la-creative-commons-pd-alt:before { content: "\f4ed" } .la-creative-commons-remix:before { content: "\f4ee" } .la-creative-commons-sa:before { content: "\f4ef" } .la-creative-commons-sampling:before { content: "\f4f0" } .la-creative-commons-sampling-plus:before { content: "\f4f1" } .la-creative-commons-share:before { content: "\f4f2" } .la-creative-commons-zero:before { content: "\f4f3" } .la-credit-card:before { content: "\f09d" } .la-critical-role:before { content: "\f6c9" } .la-crop:before { content: "\f125" } .la-crop-alt:before { content: "\f565" } .la-cross:before { content: "\f654" } .la-crosshairs:before { content: "\f05b" } .la-crow:before { content: "\f520" } .la-crown:before { content: "\f521" } .la-crutch:before { content: "\f7f7" } .la-css3:before { content: "\f13c" } .la-css3-alt:before { content: "\f38b" } .la-cube:before { content: "\f1b2" } .la-cubes:before { content: "\f1b3" } .la-cut:before { content: "\f0c4" } .la-cuttlefish:before { content: "\f38c" } .la-d-and-d:before { content: "\f38d" } .la-d-and-d-beyond:before { content: "\f6ca" } .la-dashcube:before { content: "\f210" } .la-database:before { content: "\f1c0" } .la-deaf:before { content: "\f2a4" } .la-delicious:before { content: "\f1a5" } .la-democrat:before { content: "\f747" } .la-deploydog:before { content: "\f38e" } .la-deskpro:before { content: "\f38f" } .la-desktop:before { content: "\f108" } .la-dev:before { content: "\f6cc" } .la-deviantart:before { content: "\f1bd" } .la-dharmachakra:before { content: "\f655" } .la-dhl:before { content: "\f790" } .la-diagnoses:before { content: "\f470" } .la-diaspora:before { content: "\f791" } .la-dice:before { content: "\f522" } .la-dice-d20:before { content: "\f6cf" } .la-dice-d6:before { content: "\f6d1" } .la-dice-five:before { content: "\f523" } .la-dice-four:before { content: "\f524" } .la-dice-one:before { content: "\f525" } .la-dice-six:before { content: "\f526" } .la-dice-three:before { content: "\f527" } .la-dice-two:before { content: "\f528" } .la-digg:before { content: "\f1a6" } .la-digital-ocean:before { content: "\f391" } .la-digital-tachograph:before { content: "\f566" } .la-directions:before { content: "\f5eb" } .la-discord:before { content: "\f392" } .la-discourse:before { content: "\f393" } .la-divide:before { content: "\f529" } .la-dizzy:before { content: "\f567" } .la-dna:before { content: "\f471" } .la-dochub:before { content: "\f394" } .la-docker:before { content: "\f395" } .la-dog:before { content: "\f6d3" } .la-dollar-sign:before { content: "\f155" } .la-dolly:before { content: "\f472" } .la-dolly-flatbed:before { content: "\f474" } .la-donate:before { content: "\f4b9" } .la-door-closed:before { content: "\f52a" } .la-door-open:before { content: "\f52b" } .la-dot-circle:before { content: "\f192" } .la-dove:before { content: "\f4ba" } .la-download:before { content: "\f019" } .la-draft2digital:before { content: "\f396" } .la-drafting-compass:before { content: "\f568" } .la-dragon:before { content: "\f6d5" } .la-draw-polygon:before { content: "\f5ee" } .la-dribbble:before { content: "\f17d" } .la-dribbble-square:before { content: "\f397" } .la-dropbox:before { content: "\f16b" } .la-drum:before { content: "\f569" } .la-drum-steelpan:before { content: "\f56a" } .la-drumstick-bite:before { content: "\f6d7" } .la-drupal:before { content: "\f1a9" } .la-dumbbell:before { content: "\f44b" } .la-dumpster:before { content: "\f793" } .la-dumpster-fire:before { content: "\f794" } .la-dungeon:before { content: "\f6d9" } .la-dyalog:before { content: "\f399" } .la-earlybirds:before { content: "\f39a" } .la-ebay:before { content: "\f4f4" } .la-edge:before { content: "\f282" } .la-edit:before { content: "\f044" } .la-egg:before { content: "\f7fb" } .la-eject:before { content: "\f052" } .la-elementor:before { content: "\f430" } .la-ellipsis-h:before { content: "\f141" } .la-ellipsis-v:before { content: "\f142" } .la-ello:before { content: "\f5f1" } .la-ember:before { content: "\f423" } .la-empire:before { content: "\f1d1" } .la-envelope:before { content: "\f0e0" } .la-envelope-open:before { content: "\f2b6" } .la-envelope-open-text:before { content: "\f658" } .la-envelope-square:before { content: "\f199" } .la-envira:before { content: "\f299" } .la-equals:before { content: "\f52c" } .la-eraser:before { content: "\f12d" } .la-erlang:before { content: "\f39d" } .la-ethereum:before { content: "\f42e" } .la-ethernet:before { content: "\f796" } .la-etsy:before { content: "\f2d7" } .la-euro-sign:before { content: "\f153" } .la-evernote:before { content: "\f839" } .la-exchange-alt:before { content: "\f362" } .la-exclamation:before { content: "\f12a" } .la-exclamation-circle:before { content: "\f06a" } .la-exclamation-triangle:before { content: "\f071" } .la-expand:before { content: "\f065" } .la-expand-arrows-alt:before { content: "\f31e" } .la-expeditedssl:before { content: "\f23e" } .la-external-link-alt:before { content: "\f35d" } .la-external-link-square-alt:before { content: "\f360" } .la-eye:before { content: "\f06e" } .la-eye-dropper:before { content: "\f1fb" } .la-eye-slash:before { content: "\f070" } .la-facebook:before { content: "\f09a" } .la-facebook-f:before { content: "\f39e" } .la-facebook-messenger:before { content: "\f39f" } .la-facebook-square:before { content: "\f082" } .la-fan:before { content: "\f863" } .la-fantasy-flight-games:before { content: "\f6dc" } .la-fast-backward:before { content: "\f049" } .la-fast-forward:before { content: "\f050" } .la-fax:before { content: "\f1ac" } .la-feather:before { content: "\f52d" } .la-feather-alt:before { content: "\f56b" } .la-fedex:before { content: "\f797" } .la-fedora:before { content: "\f798" } .la-female:before { content: "\f182" } .la-fighter-jet:before { content: "\f0fb" } .la-figma:before { content: "\f799" } .la-file:before { content: "\f15b" } .la-file-alt:before { content: "\f15c" } .la-file-archive:before { content: "\f1c6" } .la-file-audio:before { content: "\f1c7" } .la-file-code:before { content: "\f1c9" } .la-file-contract:before { content: "\f56c" } .la-file-csv:before { content: "\f6dd" } .la-file-download:before { content: "\f56d" } .la-file-excel:before { content: "\f1c3" } .la-file-export:before { content: "\f56e" } .la-file-image:before { content: "\f1c5" } .la-file-import:before { content: "\f56f" } .la-file-invoice:before { content: "\f570" } .la-file-invoice-dollar:before { content: "\f571" } .la-file-medical:before { content: "\f477" } .la-file-medical-alt:before { content: "\f478" } .la-file-pdf:before { content: "\f1c1" } .la-file-powerpoint:before { content: "\f1c4" } .la-file-prescription:before { content: "\f572" } .la-file-signature:before { content: "\f573" } .la-file-upload:before { content: "\f574" } .la-file-video:before { content: "\f1c8" } .la-file-word:before { content: "\f1c2" } .la-fill:before { content: "\f575" } .la-fill-drip:before { content: "\f576" } .la-film:before { content: "\f008" } .la-filter:before { content: "\f0b0" } .la-fingerprint:before { content: "\f577" } .la-fire:before { content: "\f06d" } .la-fire-alt:before { content: "\f7e4" } .la-fire-extinguisher:before { content: "\f134" } .la-firefox:before { content: "\f269" } .la-first-aid:before { content: "\f479" } .la-first-order:before { content: "\f2b0" } .la-first-order-alt:before { content: "\f50a" } .la-firstdraft:before { content: "\f3a1" } .la-fish:before { content: "\f578" } .la-fist-raised:before { content: "\f6de" } .la-flag:before { content: "\f024" } .la-flag-checkered:before { content: "\f11e" } .la-flag-usa:before { content: "\f74d" } .la-flask:before { content: "\f0c3" } .la-flickr:before { content: "\f16e" } .la-flipboard:before { content: "\f44d" } .la-flushed:before { content: "\f579" } .la-fly:before { content: "\f417" } .la-folder:before { content: "\f07b" } .la-folder-minus:before { content: "\f65d" } .la-folder-open:before { content: "\f07c" } .la-folder-plus:before { content: "\f65e" } .la-font:before { content: "\f031" } .la-font-awesome:before { content: "\f2b4" } .la-font-awesome-alt:before { content: "\f35c" } .la-font-awesome-flag:before { content: "\f425" } .la-font-awesome-logo-full:before { content: "\f4e6" } .la-fonticons:before { content: "\f280" } .la-fonticons-fi:before { content: "\f3a2" } .la-football-ball:before { content: "\f44e" } .la-fort-awesome:before { content: "\f286" } .la-fort-awesome-alt:before { content: "\f3a3" } .la-forumbee:before { content: "\f211" } .la-forward:before { content: "\f04e" } .la-foursquare:before { content: "\f180" } .la-free-code-camp:before { content: "\f2c5" } .la-freebsd:before { content: "\f3a4" } .la-frog:before { content: "\f52e" } .la-frown:before { content: "\f119" } .la-frown-open:before { content: "\f57a" } .la-fulcrum:before { content: "\f50b" } .la-funnel-dollar:before { content: "\f662" } .la-futbol:before { content: "\f1e3" } .la-galactic-republic:before { content: "\f50c" } .la-galactic-senate:before { content: "\f50d" } .la-gamepad:before { content: "\f11b" } .la-gas-pump:before { content: "\f52f" } .la-gavel:before { content: "\f0e3" } .la-gem:before { content: "\f3a5" } .la-genderless:before { content: "\f22d" } .la-get-pocket:before { content: "\f265" } .la-gg:before { content: "\f260" } .la-gg-circle:before { content: "\f261" } .la-ghost:before { content: "\f6e2" } .la-gift:before { content: "\f06b" } .la-gifts:before { content: "\f79c" } .la-git:before { content: "\f1d3" } .la-git-alt:before { content: "\f841" } .la-git-square:before { content: "\f1d2" } .la-github:before { content: "\f09b" } .la-github-alt:before { content: "\f113" } .la-github-square:before { content: "\f092" } .la-gitkraken:before { content: "\f3a6" } .la-gitlab:before { content: "\f296" } .la-gitter:before { content: "\f426" } .la-glass-cheers:before { content: "\f79f" } .la-glass-martini:before { content: "\f000" } .la-glass-martini-alt:before { content: "\f57b" } .la-glass-whiskey:before { content: "\f7a0" } .la-glasses:before { content: "\f530" } .la-glide:before { content: "\f2a5" } .la-glide-g:before { content: "\f2a6" } .la-globe:before { content: "\f0ac" } .la-globe-africa:before { content: "\f57c" } .la-globe-americas:before { content: "\f57d" } .la-globe-asia:before { content: "\f57e" } .la-globe-europe:before { content: "\f7a2" } .la-gofore:before { content: "\f3a7" } .la-golf-ball:before { content: "\f450" } .la-goodreads:before { content: "\f3a8" } .la-goodreads-g:before { content: "\f3a9" } .la-google:before { content: "\f1a0" } .la-google-drive:before { content: "\f3aa" } .la-google-play:before { content: "\f3ab" } .la-google-plus:before { content: "\f2b3" } .la-google-plus-g:before { content: "\f0d5" } .la-google-plus-square:before { content: "\f0d4" } .la-google-wallet:before { content: "\f1ee" } .la-gopuram:before { content: "\f664" } .la-graduation-cap:before { content: "\f19d" } .la-gratipay:before { content: "\f184" } .la-grav:before { content: "\f2d6" } .la-greater-than:before { content: "\f531" } .la-greater-than-equal:before { content: "\f532" } .la-grimace:before { content: "\f57f" } .la-grin:before { content: "\f580" } .la-grin-alt:before { content: "\f581" } .la-grin-beam:before { content: "\f582" } .la-grin-beam-sweat:before { content: "\f583" } .la-grin-hearts:before { content: "\f584" } .la-grin-squint:before { content: "\f585" } .la-grin-squint-tears:before { content: "\f586" } .la-grin-stars:before { content: "\f587" } .la-grin-tears:before { content: "\f588" } .la-grin-tongue:before { content: "\f589" } .la-grin-tongue-squint:before { content: "\f58a" } .la-grin-tongue-wink:before { content: "\f58b" } .la-grin-wink:before { content: "\f58c" } .la-grip-horizontal:before { content: "\f58d" } .la-grip-lines:before { content: "\f7a4" } .la-grip-lines-vertical:before { content: "\f7a5" } .la-grip-vertical:before { content: "\f58e" } .la-gripfire:before { content: "\f3ac" } .la-grunt:before { content: "\f3ad" } .la-guitar:before { content: "\f7a6" } .la-gulp:before { content: "\f3ae" } .la-h-square:before { content: "\f0fd" } .la-hacker-news:before { content: "\f1d4" } .la-hacker-news-square:before { content: "\f3af" } .la-hackerrank:before { content: "\f5f7" } .la-hamburger:before { content: "\f805" } .la-hammer:before { content: "\f6e3" } .la-hamsa:before { content: "\f665" } .la-hand-holding:before { content: "\f4bd" } .la-hand-holding-heart:before { content: "\f4be" } .la-hand-holding-usd:before { content: "\f4c0" } .la-hand-lizard:before { content: "\f258" } .la-hand-middle-finger:before { content: "\f806" } .la-hand-paper:before { content: "\f256" } .la-hand-peace:before { content: "\f25b" } .la-hand-point-down:before { content: "\f0a7" } .la-hand-point-left:before { content: "\f0a5" } .la-hand-point-right:before { content: "\f0a4" } .la-hand-point-up:before { content: "\f0a6" } .la-hand-pointer:before { content: "\f25a" } .la-hand-rock:before { content: "\f255" } .la-hand-scissors:before { content: "\f257" } .la-hand-spock:before { content: "\f259" } .la-hands:before { content: "\f4c2" } .la-hands-helping:before { content: "\f4c4" } .la-handshake:before { content: "\f2b5" } .la-hanukiah:before { content: "\f6e6" } .la-hard-hat:before { content: "\f807" } .la-hashtag:before { content: "\f292" } .la-hat-cowboy:before { content: "\f8c0" } .la-hat-cowboy-side:before { content: "\f8c1" } .la-hat-wizard:before { content: "\f6e8" } .la-haykal:before { content: "\f666" } .la-hdd:before { content: "\f0a0" } .la-heading:before { content: "\f1dc" } .la-headphones:before { content: "\f025" } .la-headphones-alt:before { content: "\f58f" } .la-headset:before { content: "\f590" } .la-heart:before { content: "\f004" } .la-heart-broken:before { content: "\f7a9" } .la-heartbeat:before { content: "\f21e" } .la-helicopter:before { content: "\f533" } .la-highlighter:before { content: "\f591" } .la-hiking:before { content: "\f6ec" } .la-hippo:before { content: "\f6ed" } .la-hips:before { content: "\f452" } .la-hire-a-helper:before { content: "\f3b0" } .la-history:before { content: "\f1da" } .la-hockey-puck:before { content: "\f453" } .la-holly-berry:before { content: "\f7aa" } .la-home:before { content: "\f015" } .la-hooli:before { content: "\f427" } .la-hornbill:before { content: "\f592" } .la-horse:before { content: "\f6f0" } .la-horse-head:before { content: "\f7ab" } .la-hospital:before { content: "\f0f8" } .la-hospital-alt:before { content: "\f47d" } .la-hospital-symbol:before { content: "\f47e" } .la-hot-tub:before { content: "\f593" } .la-hotdog:before { content: "\f80f" } .la-hotel:before { content: "\f594" } .la-hotjar:before { content: "\f3b1" } .la-hourglass:before { content: "\f254" } .la-hourglass-end:before { content: "\f253" } .la-hourglass-half:before { content: "\f252" } .la-hourglass-start:before { content: "\f251" } .la-house-damage:before { content: "\f6f1" } .la-houzz:before { content: "\f27c" } .la-hryvnia:before { content: "\f6f2" } .la-html5:before { content: "\f13b" } .la-hubspot:before { content: "\f3b2" } .la-i-cursor:before { content: "\f246" } .la-ice-cream:before { content: "\f810" } .la-icicles:before { content: "\f7ad" } .la-icons:before { content: "\f86d" } .la-id-badge:before { content: "\f2c1" } .la-id-card:before { content: "\f2c2" } .la-id-card-alt:before { content: "\f47f" } .la-igloo:before { content: "\f7ae" } .la-image:before { content: "\f03e" } .la-images:before { content: "\f302" } .la-imdb:before { content: "\f2d8" } .la-inbox:before { content: "\f01c" } .la-indent:before { content: "\f03c" } .la-industry:before { content: "\f275" } .la-infinity:before { content: "\f534" } .la-info:before { content: "\f129" } .la-info-circle:before { content: "\f05a" } .la-instagram:before { content: "\f16d" } .la-intercom:before { content: "\f7af" } .la-internet-explorer:before { content: "\f26b" } .la-invision:before { content: "\f7b0" } .la-ioxhost:before { content: "\f208" } .la-italic:before { content: "\f033" } .la-itch-io:before { content: "\f83a" } .la-itunes:before { content: "\f3b4" } .la-itunes-note:before { content: "\f3b5" } .la-java:before { content: "\f4e4" } .la-jedi:before { content: "\f669" } .la-jedi-order:before { content: "\f50e" } .la-jenkins:before { content: "\f3b6" } .la-jira:before { content: "\f7b1" } .la-joget:before { content: "\f3b7" } .la-joint:before { content: "\f595" } .la-joomla:before { content: "\f1aa" } .la-journal-whills:before { content: "\f66a" } .la-js:before { content: "\f3b8" } .la-js-square:before { content: "\f3b9" } .la-jsfiddle:before { content: "\f1cc" } .la-kaaba:before { content: "\f66b" } .la-kaggle:before { content: "\f5fa" } .la-key:before { content: "\f084" } .la-keybase:before { content: "\f4f5" } .la-keyboard:before { content: "\f11c" } .la-keycdn:before { content: "\f3ba" } .la-khanda:before { content: "\f66d" } .la-kickstarter:before { content: "\f3bb" } .la-kickstarter-k:before { content: "\f3bc" } .la-kiss:before { content: "\f596" } .la-kiss-beam:before { content: "\f597" } .la-kiss-wink-heart:before { content: "\f598" } .la-kiwi-bird:before { content: "\f535" } .la-korvue:before { content: "\f42f" } .la-landmark:before { content: "\f66f" } .la-language:before { content: "\f1ab" } .la-laptop:before { content: "\f109" } .la-laptop-code:before { content: "\f5fc" } .la-laptop-medical:before { content: "\f812" } .la-laravel:before { content: "\f3bd" } .la-lastfm:before { content: "\f202" } .la-lastfm-square:before { content: "\f203" } .la-laugh:before { content: "\f599" } .la-laugh-beam:before { content: "\f59a" } .la-laugh-squint:before { content: "\f59b" } .la-laugh-wink:before { content: "\f59c" } .la-layer-group:before { content: "\f5fd" } .la-leaf:before { content: "\f06c" } .la-leanpub:before { content: "\f212" } .la-lemon:before { content: "\f094" } .la-less:before { content: "\f41d" } .la-less-than:before { content: "\f536" } .la-less-than-equal:before { content: "\f537" } .la-level-down-alt:before { content: "\f3be" } .la-level-up-alt:before { content: "\f3bf" } .la-life-ring:before { content: "\f1cd" } .la-lightbulb:before { content: "\f0eb" } .la-line:before { content: "\f3c0" } .la-link:before { content: "\f0c1" } .la-linkedin:before { content: "\f08c" } .la-linkedin-in:before { content: "\f0e1" } .la-linode:before { content: "\f2b8" } .la-linux:before { content: "\f17c" } .la-lira-sign:before { content: "\f195" } .la-list:before { content: "\f03a" } .la-list-alt:before { content: "\f022" } .la-list-ol:before { content: "\f0cb" } .la-list-ul:before { content: "\f0ca" } .la-location-arrow:before { content: "\f124" } .la-lock:before { content: "\f023" } .la-lock-open:before { content: "\f3c1" } .la-long-arrow-alt-down:before { content: "\f309" } .la-long-arrow-alt-left:before { content: "\f30a" } .la-long-arrow-alt-right:before { content: "\f30b" } .la-long-arrow-alt-up:before { content: "\f30c" } .la-low-vision:before { content: "\f2a8" } .la-luggage-cart:before { content: "\f59d" } .la-lyft:before { content: "\f3c3" } .la-magento:before { content: "\f3c4" } .la-magic:before { content: "\f0d0" } .la-magnet:before { content: "\f076" } .la-mail-bulk:before { content: "\f674" } .la-mailchimp:before { content: "\f59e" } .la-male:before { content: "\f183" } .la-mandalorian:before { content: "\f50f" } .la-map:before { content: "\f279" } .la-map-marked:before { content: "\f59f" } .la-map-marked-alt:before { content: "\f5a0" } .la-map-marker:before { content: "\f041" } .la-map-marker-alt:before { content: "\f3c5" } .la-map-pin:before { content: "\f276" } .la-map-signs:before { content: "\f277" } .la-markdown:before { content: "\f60f" } .la-marker:before { content: "\f5a1" } .la-mars:before { content: "\f222" } .la-mars-double:before { content: "\f227" } .la-mars-stroke:before { content: "\f229" } .la-mars-stroke-h:before { content: "\f22b" } .la-mars-stroke-v:before { content: "\f22a" } .la-mask:before { content: "\f6fa" } .la-mastodon:before { content: "\f4f6" } .la-maxcdn:before { content: "\f136" } .la-mdb:before { content: "\f8ca" } .la-medal:before { content: "\f5a2" } .la-medapps:before { content: "\f3c6" } .la-medium:before { content: "\f23a" } .la-medium-m:before { content: "\f3c7" } .la-medkit:before { content: "\f0fa" } .la-medrt:before { content: "\f3c8" } .la-meetup:before { content: "\f2e0" } .la-megaport:before { content: "\f5a3" } .la-meh:before { content: "\f11a" } .la-meh-blank:before { content: "\f5a4" } .la-meh-rolling-eyes:before { content: "\f5a5" } .la-memory:before { content: "\f538" } .la-mendeley:before { content: "\f7b3" } .la-menorah:before { content: "\f676" } .la-mercury:before { content: "\f223" } .la-meteor:before { content: "\f753" } .la-microchip:before { content: "\f2db" } .la-microphone:before { content: "\f130" } .la-microphone-alt:before { content: "\f3c9" } .la-microphone-alt-slash:before { content: "\f539" } .la-microphone-slash:before { content: "\f131" } .la-microscope:before { content: "\f610" } .la-microsoft:before { content: "\f3ca" } .la-minus:before { content: "\f068" } .la-minus-circle:before { content: "\f056" } .la-minus-square:before { content: "\f146" } .la-mitten:before { content: "\f7b5" } .la-mix:before { content: "\f3cb" } .la-mixcloud:before { content: "\f289" } .la-mizuni:before { content: "\f3cc" } .la-mobile:before { content: "\f10b" } .la-mobile-alt:before { content: "\f3cd" } .la-modx:before { content: "\f285" } .la-monero:before { content: "\f3d0" } .la-money-bill:before { content: "\f0d6" } .la-money-bill-alt:before { content: "\f3d1" } .la-money-bill-wave:before { content: "\f53a" } .la-money-bill-wave-alt:before { content: "\f53b" } .la-money-check:before { content: "\f53c" } .la-money-check-alt:before { content: "\f53d" } .la-monument:before { content: "\f5a6" } .la-moon:before { content: "\f186" } .la-mortar-pestle:before { content: "\f5a7" } .la-mosque:before { content: "\f678" } .la-motorcycle:before { content: "\f21c" } .la-mountain:before { content: "\f6fc" } .la-mouse:before { content: "\f8cc" } .la-mouse-pointer:before { content: "\f245" } .la-mug-hot:before { content: "\f7b6" } .la-music:before { content: "\f001" } .la-napster:before { content: "\f3d2" } .la-neos:before { content: "\f612" } .la-network-wired:before { content: "\f6ff" } .la-neuter:before { content: "\f22c" } .la-newspaper:before { content: "\f1ea" } .la-nimblr:before { content: "\f5a8" } .la-node:before { content: "\f419" } .la-node-js:before { content: "\f3d3" } .la-not-equal:before { content: "\f53e" } .la-notes-medical:before { content: "\f481" } .la-npm:before { content: "\f3d4" } .la-ns8:before { content: "\f3d5" } .la-nutritionix:before { content: "\f3d6" } .la-object-group:before { content: "\f247" } .la-object-ungroup:before { content: "\f248" } .la-odnoklassniki:before { content: "\f263" } .la-odnoklassniki-square:before { content: "\f264" } .la-oil-can:before { content: "\f613" } .la-old-republic:before { content: "\f510" } .la-om:before { content: "\f679" } .la-opencart:before { content: "\f23d" } .la-openid:before { content: "\f19b" } .la-opera:before { content: "\f26a" } .la-optin-monster:before { content: "\f23c" } .la-orcid:before { content: "\f8d2" } .la-osi:before { content: "\f41a" } .la-otter:before { content: "\f700" } .la-outdent:before { content: "\f03b" } .la-page4:before { content: "\f3d7" } .la-pagelines:before { content: "\f18c" } .la-pager:before { content: "\f815" } .la-paint-brush:before { content: "\f1fc" } .la-paint-roller:before { content: "\f5aa" } .la-palette:before { content: "\f53f" } .la-palfed:before { content: "\f3d8" } .la-pallet:before { content: "\f482" } .la-paper-plane:before { content: "\f1d8" } .la-paperclip:before { content: "\f0c6" } .la-parachute-box:before { content: "\f4cd" } .la-paragraph:before { content: "\f1dd" } .la-parking:before { content: "\f540" } .la-passport:before { content: "\f5ab" } .la-pastafarianism:before { content: "\f67b" } .la-paste:before { content: "\f0ea" } .la-patreon:before { content: "\f3d9" } .la-pause:before { content: "\f04c" } .la-pause-circle:before { content: "\f28b" } .la-paw:before { content: "\f1b0" } .la-paypal:before { content: "\f1ed" } .la-peace:before { content: "\f67c" } .la-pen:before { content: "\f304" } .la-pen-alt:before { content: "\f305" } .la-pen-fancy:before { content: "\f5ac" } .la-pen-nib:before { content: "\f5ad" } .la-pen-square:before { content: "\f14b" } .la-pencil-alt:before { content: "\f303" } .la-pencil-ruler:before { content: "\f5ae" } .la-penny-arcade:before { content: "\f704" } .la-people-carry:before { content: "\f4ce" } .la-pepper-hot:before { content: "\f816" } .la-percent:before { content: "\f295" } .la-percentage:before { content: "\f541" } .la-periscope:before { content: "\f3da" } .la-person-booth:before { content: "\f756" } .la-phabricator:before { content: "\f3db" } .la-phoenix-framework:before { content: "\f3dc" } .la-phoenix-squadron:before { content: "\f511" } .la-phone:before { content: "\f095" } .la-phone-alt:before { content: "\f879" } .la-phone-slash:before { content: "\f3dd" } .la-phone-square:before { content: "\f098" } .la-phone-square-alt:before { content: "\f87b" } .la-phone-volume:before { content: "\f2a0" } .la-photo-video:before { content: "\f87c" } .la-php:before { content: "\f457" } .la-pied-piper:before { content: "\f2ae" } .la-pied-piper-alt:before { content: "\f1a8" } .la-pied-piper-hat:before { content: "\f4e5" } .la-pied-piper-pp:before { content: "\f1a7" } .la-piggy-bank:before { content: "\f4d3" } .la-pills:before { content: "\f484" } .la-pinterest:before { content: "\f0d2" } .la-pinterest-p:before { content: "\f231" } .la-pinterest-square:before { content: "\f0d3" } .la-pizza-slice:before { content: "\f818" } .la-place-of-worship:before { content: "\f67f" } .la-plane:before { content: "\f072" } .la-plane-arrival:before { content: "\f5af" } .la-plane-departure:before { content: "\f5b0" } .la-play:before { content: "\f04b" } .la-play-circle:before { content: "\f144" } .la-playstation:before { content: "\f3df" } .la-plug:before { content: "\f1e6" } .la-plus:before { content: "\f067" } .la-plus-circle:before { content: "\f055" } .la-plus-square:before { content: "\f0fe" } .la-podcast:before { content: "\f2ce" } .la-poll:before { content: "\f681" } .la-poll-h:before { content: "\f682" } .la-poo:before { content: "\f2fe" } .la-poo-storm:before { content: "\f75a" } .la-poop:before { content: "\f619" } .la-portrait:before { content: "\f3e0" } .la-pound-sign:before { content: "\f154" } .la-power-off:before { content: "\f011" } .la-pray:before { content: "\f683" } .la-praying-hands:before { content: "\f684" } .la-prescription:before { content: "\f5b1" } .la-prescription-bottle:before { content: "\f485" } .la-prescription-bottle-alt:before { content: "\f486" } .la-print:before { content: "\f02f" } .la-procedures:before { content: "\f487" } .la-product-hunt:before { content: "\f288" } .la-project-diagram:before { content: "\f542" } .la-pushed:before { content: "\f3e1" } .la-puzzle-piece:before { content: "\f12e" } .la-python:before { content: "\f3e2" } .la-qq:before { content: "\f1d6" } .la-qrcode:before { content: "\f029" } .la-question:before { content: "\f128" } .la-question-circle:before { content: "\f059" } .la-quidditch:before { content: "\f458" } .la-quinscape:before { content: "\f459" } .la-quora:before { content: "\f2c4" } .la-quote-left:before { content: "\f10d" } .la-quote-right:before { content: "\f10e" } .la-quran:before { content: "\f687" } .la-r-project:before { content: "\f4f7" } .la-radiation:before { content: "\f7b9" } .la-radiation-alt:before { content: "\f7ba" } .la-rainbow:before { content: "\f75b" } .la-random:before { content: "\f074" } .la-raspberry-pi:before { content: "\f7bb" } .la-ravelry:before { content: "\f2d9" } .la-react:before { content: "\f41b" } .la-reacteurope:before { content: "\f75d" } .la-readme:before { content: "\f4d5" } .la-rebel:before { content: "\f1d0" } .la-receipt:before { content: "\f543" } .la-record-vinyl:before { content: "\f8d9" } .la-recycle:before { content: "\f1b8" } .la-red-river:before { content: "\f3e3" } .la-reddit:before { content: "\f1a1" } .la-reddit-alien:before { content: "\f281" } .la-reddit-square:before { content: "\f1a2" } .la-redhat:before { content: "\f7bc" } .la-redo:before { content: "\f01e" } .la-redo-alt:before { content: "\f2f9" } .la-registered:before { content: "\f25d" } .la-remove-format:before { content: "\f87d" } .la-renren:before { content: "\f18b" } .la-reply:before { content: "\f3e5" } .la-reply-all:before { content: "\f122" } .la-replyd:before { content: "\f3e6" } .la-republican:before { content: "\f75e" } .la-researchgate:before { content: "\f4f8" } .la-resolving:before { content: "\f3e7" } .la-restroom:before { content: "\f7bd" } .la-retweet:before { content: "\f079" } .la-rev:before { content: "\f5b2" } .la-ribbon:before { content: "\f4d6" } .la-ring:before { content: "\f70b" } .la-road:before { content: "\f018" } .la-robot:before { content: "\f544" } .la-rocket:before { content: "\f135" } .la-rocketchat:before { content: "\f3e8" } .la-rockrms:before { content: "\f3e9" } .la-route:before { content: "\f4d7" } .la-rss:before { content: "\f09e" } .la-rss-square:before { content: "\f143" } .la-ruble-sign:before { content: "\f158" } .la-ruler:before { content: "\f545" } .la-ruler-combined:before { content: "\f546" } .la-ruler-horizontal:before { content: "\f547" } .la-ruler-vertical:before { content: "\f548" } .la-running:before { content: "\f70c" } .la-rupee-sign:before { content: "\f156" } .la-sad-cry:before { content: "\f5b3" } .la-sad-tear:before { content: "\f5b4" } .la-safari:before { content: "\f267" } .la-salesforce:before { content: "\f83b" } .la-sass:before { content: "\f41e" } .la-satellite:before { content: "\f7bf" } .la-satellite-dish:before { content: "\f7c0" } .la-save:before { content: "\f0c7" } .la-schlix:before { content: "\f3ea" } .la-school:before { content: "\f549" } .la-screwdriver:before { content: "\f54a" } .la-scribd:before { content: "\f28a" } .la-scroll:before { content: "\f70e" } .la-sd-card:before { content: "\f7c2" } .la-search:before { content: "\f002" } .la-search-dollar:before { content: "\f688" } .la-search-location:before { content: "\f689" } .la-search-minus:before { content: "\f010" } .la-search-plus:before { content: "\f00e" } .la-searchengin:before { content: "\f3eb" } .la-seedling:before { content: "\f4d8" } .la-sellcast:before { content: "\f2da" } .la-sellsy:before { content: "\f213" } .la-server:before { content: "\f233" } .la-servicestack:before { content: "\f3ec" } .la-shapes:before { content: "\f61f" } .la-share:before { content: "\f064" } .la-share-alt:before { content: "\f1e0" } .la-share-alt-square:before { content: "\f1e1" } .la-share-square:before { content: "\f14d" } .la-shekel-sign:before { content: "\f20b" } .la-shield-alt:before { content: "\f3ed" } .la-ship:before { content: "\f21a" } .la-shipping-fast:before { content: "\f48b" } .la-shirtsinbulk:before { content: "\f214" } .la-shoe-prints:before { content: "\f54b" } .la-shopping-bag:before { content: "\f290" } .la-shopping-basket:before { content: "\f291" } .la-shopping-cart:before { content: "\f07a" } .la-shopware:before { content: "\f5b5" } .la-shower:before { content: "\f2cc" } .la-shuttle-van:before { content: "\f5b6" } .la-sign:before { content: "\f4d9" } .la-sign-in-alt:before { content: "\f2f6" } .la-sign-language:before { content: "\f2a7" } .la-sign-out-alt:before { content: "\f2f5" } .la-signal:before { content: "\f012" } .la-signature:before { content: "\f5b7" } .la-sim-card:before { content: "\f7c4" } .la-simplybuilt:before { content: "\f215" } .la-sistrix:before { content: "\f3ee" } .la-sitemap:before { content: "\f0e8" } .la-sith:before { content: "\f512" } .la-skating:before { content: "\f7c5" } .la-sketch:before { content: "\f7c6" } .la-skiing:before { content: "\f7c9" } .la-skiing-nordic:before { content: "\f7ca" } .la-skull:before { content: "\f54c" } .la-skull-crossbones:before { content: "\f714" } .la-skyatlas:before { content: "\f216" } .la-skype:before { content: "\f17e" } .la-slack:before { content: "\f198" } .la-slack-hash:before { content: "\f3ef" } .la-slash:before { content: "\f715" } .la-sleigh:before { content: "\f7cc" } .la-sliders-h:before { content: "\f1de" } .la-slideshare:before { content: "\f1e7" } .la-smile:before { content: "\f118" } .la-smile-beam:before { content: "\f5b8" } .la-smile-wink:before { content: "\f4da" } .la-smog:before { content: "\f75f" } .la-smoking:before { content: "\f48d" } .la-smoking-ban:before { content: "\f54d" } .la-sms:before { content: "\f7cd" } .la-snapchat:before { content: "\f2ab" } .la-snapchat-ghost:before { content: "\f2ac" } .la-snapchat-square:before { content: "\f2ad" } .la-snowboarding:before { content: "\f7ce" } .la-snowflake:before { content: "\f2dc" } .la-snowman:before { content: "\f7d0" } .la-snowplow:before { content: "\f7d2" } .la-socks:before { content: "\f696" } .la-solar-panel:before { content: "\f5ba" } .la-sort:before { content: "\f0dc" } .la-sort-alpha-down:before { content: "\f15d" } .la-sort-alpha-down-alt:before { content: "\f881" } .la-sort-alpha-up:before { content: "\f15e" } .la-sort-alpha-up-alt:before { content: "\f882" } .la-sort-amount-down:before { content: "\f160" } .la-sort-amount-down-alt:before { content: "\f884" } .la-sort-amount-up:before { content: "\f161" } .la-sort-amount-up-alt:before { content: "\f885" } .la-sort-down:before { content: "\f0dd" } .la-sort-numeric-down:before { content: "\f162" } .la-sort-numeric-down-alt:before { content: "\f886" } .la-sort-numeric-up:before { content: "\f163" } .la-sort-numeric-up-alt:before { content: "\f887" } .la-sort-up:before { content: "\f0de" } .la-soundcloud:before { content: "\f1be" } .la-sourcetree:before { content: "\f7d3" } .la-spa:before { content: "\f5bb" } .la-space-shuttle:before { content: "\f197" } .la-speakap:before { content: "\f3f3" } .la-speaker-deck:before { content: "\f83c" } .la-spell-check:before { content: "\f891" } .la-spider:before { content: "\f717" } .la-spinner:before { content: "\f110" } .la-splotch:before { content: "\f5bc" } .la-spotify:before { content: "\f1bc" } .la-spray-can:before { content: "\f5bd" } .la-square:before { content: "\f0c8" } .la-square-full:before { content: "\f45c" } .la-square-root-alt:before { content: "\f698" } .la-squarespace:before { content: "\f5be" } .la-stack-exchange:before { content: "\f18d" } .la-stack-overflow:before { content: "\f16c" } .la-stackpath:before { content: "\f842" } .la-stamp:before { content: "\f5bf" } .la-star:before { content: "\f005" } .la-star-and-crescent:before { content: "\f699" } .la-star-half:before { content: "\f089" } .la-star-half-alt:before { content: "\f5c0" } .la-star-of-david:before { content: "\f69a" } .la-star-of-life:before { content: "\f621" } .la-staylinked:before { content: "\f3f5" } .la-steam:before { content: "\f1b6" } .la-steam-square:before { content: "\f1b7" } .la-steam-symbol:before { content: "\f3f6" } .la-step-backward:before { content: "\f048" } .la-step-forward:before { content: "\f051" } .la-stethoscope:before { content: "\f0f1" } .la-sticker-mule:before { content: "\f3f7" } .la-sticky-note:before { content: "\f249" } .la-stop:before { content: "\f04d" } .la-stop-circle:before { content: "\f28d" } .la-stopwatch:before { content: "\f2f2" } .la-store:before { content: "\f54e" } .la-store-alt:before { content: "\f54f" } .la-strava:before { content: "\f428" } .la-stream:before { content: "\f550" } .la-street-view:before { content: "\f21d" } .la-strikethrough:before { content: "\f0cc" } .la-stripe:before { content: "\f429" } .la-stripe-s:before { content: "\f42a" } .la-stroopwafel:before { content: "\f551" } .la-studiovinari:before { content: "\f3f8" } .la-stumbleupon:before { content: "\f1a4" } .la-stumbleupon-circle:before { content: "\f1a3" } .la-subscript:before { content: "\f12c" } .la-subway:before { content: "\f239" } .la-suitcase:before { content: "\f0f2" } .la-suitcase-rolling:before { content: "\f5c1" } .la-sun:before { content: "\f185" } .la-superpowers:before { content: "\f2dd" } .la-superscript:before { content: "\f12b" } .la-supple:before { content: "\f3f9" } .la-surprise:before { content: "\f5c2" } .la-suse:before { content: "\f7d6" } .la-swatchbook:before { content: "\f5c3" } .la-swift:before { content: "\f8e1" } .la-swimmer:before { content: "\f5c4" } .la-swimming-pool:before { content: "\f5c5" } .la-symfony:before { content: "\f83d" } .la-synagogue:before { content: "\f69b" } .la-sync:before { content: "\f021" } .la-sync-alt:before { content: "\f2f1" } .la-syringe:before { content: "\f48e" } .la-table:before { content: "\f0ce" } .la-table-tennis:before { content: "\f45d" } .la-tablet:before { content: "\f10a" } .la-tablet-alt:before { content: "\f3fa" } .la-tablets:before { content: "\f490" } .la-tachometer-alt:before { content: "\f3fd" } .la-tag:before { content: "\f02b" } .la-tags:before { content: "\f02c" } .la-tape:before { content: "\f4db" } .la-tasks:before { content: "\f0ae" } .la-taxi:before { content: "\f1ba" } .la-teamspeak:before { content: "\f4f9" } .la-teeth:before { content: "\f62e" } .la-teeth-open:before { content: "\f62f" } .la-telegram:before { content: "\f2c6" } .la-telegram-plane:before { content: "\f3fe" } .la-temperature-high:before { content: "\f769" } .la-temperature-low:before { content: "\f76b" } .la-tencent-weibo:before { content: "\f1d5" } .la-tenge:before { content: "\f7d7" } .la-terminal:before { content: "\f120" } .la-text-height:before { content: "\f034" } .la-text-width:before { content: "\f035" } .la-th:before { content: "\f00a" } .la-th-large:before { content: "\f009" } .la-th-list:before { content: "\f00b" } .la-the-red-yeti:before { content: "\f69d" } .la-theater-masks:before { content: "\f630" } .la-themeco:before { content: "\f5c6" } .la-themeisle:before { content: "\f2b2" } .la-thermometer:before { content: "\f491" } .la-thermometer-empty:before { content: "\f2cb" } .la-thermometer-full:before { content: "\f2c7" } .la-thermometer-half:before { content: "\f2c9" } .la-thermometer-quarter:before { content: "\f2ca" } .la-thermometer-three-quarters:before { content: "\f2c8" } .la-think-peaks:before { content: "\f731" } .la-thumbs-down:before { content: "\f165" } .la-thumbs-up:before { content: "\f164" } .la-thumbtack:before { content: "\f08d" } .la-ticket-alt:before { content: "\f3ff" } .la-times:before { content: "\f00d" } .la-times-circle:before { content: "\f057" } .la-tint:before { content: "\f043" } .la-tint-slash:before { content: "\f5c7" } .la-tired:before { content: "\f5c8" } .la-toggle-off:before { content: "\f204" } .la-toggle-on:before { content: "\f205" } .la-toilet:before { content: "\f7d8" } .la-toilet-paper:before { content: "\f71e" } .la-toolbox:before { content: "\f552" } .la-tools:before { content: "\f7d9" } .la-tooth:before { content: "\f5c9" } .la-torah:before { content: "\f6a0" } .la-torii-gate:before { content: "\f6a1" } .la-tractor:before { content: "\f722" } .la-trade-federation:before { content: "\f513" } .la-trademark:before { content: "\f25c" } .la-traffic-light:before { content: "\f637" } .la-train:before { content: "\f238" } .la-tram:before { content: "\f7da" } .la-transgender:before { content: "\f224" } .la-transgender-alt:before { content: "\f225" } .la-trash:before { content: "\f1f8" } .la-trash-alt:before { content: "\f2ed" } .la-trash-restore:before { content: "\f829" } .la-trash-restore-alt:before { content: "\f82a" } .la-tree:before { content: "\f1bb" } .la-trello:before { content: "\f181" } .la-tripadvisor:before { content: "\f262" } .la-trophy:before { content: "\f091" } .la-truck:before { content: "\f0d1" } .la-truck-loading:before { content: "\f4de" } .la-truck-monster:before { content: "\f63b" } .la-truck-moving:before { content: "\f4df" } .la-truck-pickup:before { content: "\f63c" } .la-tshirt:before { content: "\f553" } .la-tty:before { content: "\f1e4" } .la-tumblr:before { content: "\f173" } .la-tumblr-square:before { content: "\f174" } .la-tv:before { content: "\f26c" } .la-twitch:before { content: "\f1e8" } .la-twitter:before { content: "\f099" } .la-twitter-square:before { content: "\f081" } .la-typo3:before { content: "\f42b" } .la-uber:before { content: "\f402" } .la-ubuntu:before { content: "\f7df" } .la-uikit:before { content: "\f403" } .la-umbraco:before { content: "\f8e8" } .la-umbrella:before { content: "\f0e9" } .la-umbrella-beach:before { content: "\f5ca" } .la-underline:before { content: "\f0cd" } .la-undo:before { content: "\f0e2" } .la-undo-alt:before { content: "\f2ea" } .la-uniregistry:before { content: "\f404" } .la-universal-access:before { content: "\f29a" } .la-university:before { content: "\f19c" } .la-unlink:before { content: "\f127" } .la-unlock:before { content: "\f09c" } .la-unlock-alt:before { content: "\f13e" } .la-untappd:before { content: "\f405" } .la-upload:before { content: "\f093" } .la-ups:before { content: "\f7e0" } .la-usb:before { content: "\f287" } .la-user:before { content: "\f007" } .la-user-alt:before { content: "\f406" } .la-user-alt-slash:before { content: "\f4fa" } .la-user-astronaut:before { content: "\f4fb" } .la-user-check:before { content: "\f4fc" } .la-user-circle:before { content: "\f2bd" } .la-user-clock:before { content: "\f4fd" } .la-user-cog:before { content: "\f4fe" } .la-user-edit:before { content: "\f4ff" } .la-user-friends:before { content: "\f500" } .la-user-graduate:before { content: "\f501" } .la-user-injured:before { content: "\f728" } .la-user-lock:before { content: "\f502" } .la-user-md:before { content: "\f0f0" } .la-user-minus:before { content: "\f503" } .la-user-ninja:before { content: "\f504" } .la-user-nurse:before { content: "\f82f" } .la-user-plus:before { content: "\f234" } .la-user-secret:before { content: "\f21b" } .la-user-shield:before { content: "\f505" } .la-user-slash:before { content: "\f506" } .la-user-tag:before { content: "\f507" } .la-user-tie:before { content: "\f508" } .la-user-times:before { content: "\f235" } .la-users:before { content: "\f0c0" } .la-users-cog:before { content: "\f509" } .la-usps:before { content: "\f7e1" } .la-ussunnah:before { content: "\f407" } .la-utensil-spoon:before { content: "\f2e5" } .la-utensils:before { content: "\f2e7" } .la-vaadin:before { content: "\f408" } .la-vector-square:before { content: "\f5cb" } .la-venus:before { content: "\f221" } .la-venus-double:before { content: "\f226" } .la-venus-mars:before { content: "\f228" } .la-viacoin:before { content: "\f237" } .la-viadeo:before { content: "\f2a9" } .la-viadeo-square:before { content: "\f2aa" } .la-vial:before { content: "\f492" } .la-vials:before { content: "\f493" } .la-viber:before { content: "\f409" } .la-video:before { content: "\f03d" } .la-video-slash:before { content: "\f4e2" } .la-vihara:before { content: "\f6a7" } .la-vimeo:before { content: "\f40a" } .la-vimeo-square:before { content: "\f194" } .la-vimeo-v:before { content: "\f27d" } .la-vine:before { content: "\f1ca" } .la-vk:before { content: "\f189" } .la-vnv:before { content: "\f40b" } .la-voicemail:before { content: "\f897" } .la-volleyball-ball:before { content: "\f45f" } .la-volume-down:before { content: "\f027" } .la-volume-mute:before { content: "\f6a9" } .la-volume-off:before { content: "\f026" } .la-volume-up:before { content: "\f028" } .la-vote-yea:before { content: "\f772" } .la-vr-cardboard:before { content: "\f729" } .la-vuejs:before { content: "\f41f" } .la-walking:before { content: "\f554" } .la-wallet:before { content: "\f555" } .la-warehouse:before { content: "\f494" } .la-water:before { content: "\f773" } .la-wave-square:before { content: "\f83e" } .la-waze:before { content: "\f83f" } .la-weebly:before { content: "\f5cc" } .la-weibo:before { content: "\f18a" } .la-weight:before { content: "\f496" } .la-weight-hanging:before { content: "\f5cd" } .la-weixin:before { content: "\f1d7" } .la-whatsapp:before { content: "\f232" } .la-whatsapp-square:before { content: "\f40c" } .la-wheelchair:before { content: "\f193" } .la-whmcs:before { content: "\f40d" } .la-wifi:before { content: "\f1eb" } .la-wikipedia-w:before { content: "\f266" } .la-wind:before { content: "\f72e" } .la-window-close:before { content: "\f410" } .la-window-maximize:before { content: "\f2d0" } .la-window-minimize:before { content: "\f2d1" } .la-window-restore:before { content: "\f2d2" } .la-windows:before { content: "\f17a" } .la-wine-bottle:before { content: "\f72f" } .la-wine-glass:before { content: "\f4e3" } .la-wine-glass-alt:before { content: "\f5ce" } .la-wix:before { content: "\f5cf" } .la-wizards-of-the-coast:before { content: "\f730" } .la-wolf-pack-battalion:before { content: "\f514" } .la-won-sign:before { content: "\f159" } .la-wordpress:before { content: "\f19a" } .la-wordpress-simple:before { content: "\f411" } .la-wpbeginner:before { content: "\f297" } .la-wpexplorer:before { content: "\f2de" } .la-wpforms:before { content: "\f298" } .la-wpressr:before { content: "\f3e4" } .la-wrench:before { content: "\f0ad" } .la-x-ray:before { content: "\f497" } .la-xbox:before { content: "\f412" } .la-xing:before { content: "\f168" } .la-xing-square:before { content: "\f169" } .la-y-combinator:before { content: "\f23b" } .la-yahoo:before { content: "\f19e" } .la-yammer:before { content: "\f840" } .la-yandex:before { content: "\f413" } .la-yandex-international:before { content: "\f414" } .la-yarn:before { content: "\f7e3" } .la-yelp:before { content: "\f1e9" } .la-yen-sign:before { content: "\f157" } .la-yin-yang:before { content: "\f6ad" } .la-yoast:before { content: "\f2b1" } .la-youtube:before { content: "\f167" } .la-youtube-square:before { content: "\f431" } .la-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: 'Line Awesome Brands'; font-style: normal; font-weight: 400; font-display: auto; src: url('fonts/la-brands-400.eot'); src: url('fonts/la-brands-400.eot') format("embedded-opentype"), url('fonts/la-brands-400.woff2') format("woff2"), url('fonts/la-brands-400.woff') format("woff"), url('fonts/la-brands-400.ttf') format("truetype"), url('fonts/la-brands-400.svg') format("svg") } .lab { font-family: 'Line Awesome Brands' } @font-face { font-family: 'Line Awesome Free'; font-style: normal; font-weight: 400; font-display: auto; src: url('fonts/la-regular-400.eot'); src: url('fonts/la-regular-400.eot') format("embedded-opentype"), url('fonts/la-regular-400.woff2') format("woff2"), url('fonts/la-regular-400.woff') format("woff"), url('fonts/la-regular-400.ttf') format("truetype"), url('fonts/la-regular-400.svg') format("svg") } .lar { font-family: 'Line Awesome Free'; font-weight: 400 } @font-face { font-family: 'Line Awesome Free'; font-style: normal; font-weight: 900; font-display: auto; src: url('fonts/la-solid-900.eot'); src: url('fonts/la-solid-900.eot') format("embedded-opentype"), url('fonts/la-solid-900.woff2') format("woff2"), url('fonts/la-solid-900.woff') format("woff"), url('fonts/la-solid-900.ttf') format("truetype"), url('fonts/la-solid-900.svg') format("svg") } .la, .las { font-family: 'Line Awesome Free'; font-weight: 900 } .la.la-glass:before { content: "\f000" } .la.la-meetup { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-star-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-star-o:before { content: "\f005" } .la.la-remove:before { content: "\f00d" } .la.la-close:before { content: "\f00d" } .la.la-gear:before { content: "\f013" } .la.la-trash-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-trash-o:before { content: "\f2ed" } .la.la-file-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-o:before { content: "\f15b" } .la.la-clock-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-clock-o:before { content: "\f017" } .la.la-arrow-circle-o-down { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-arrow-circle-o-down:before { content: "\f358" } .la.la-arrow-circle-o-up { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-arrow-circle-o-up:before { content: "\f35b" } .la.la-play-circle-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-play-circle-o:before { content: "\f144" } .la.la-repeat:before { content: "\f01e" } .la.la-rotate-right:before { content: "\f01e" } .la.la-refresh:before { content: "\f021" } .la.la-list-alt { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-dedent:before { content: "\f03b" } .la.la-video-camera:before { content: "\f03d" } .la.la-picture-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-picture-o:before { content: "\f03e" } .la.la-photo { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-photo:before { content: "\f03e" } .la.la-image { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-image:before { content: "\f03e" } .la.la-pencil:before { content: "\f303" } .la.la-map-marker:before { content: "\f3c5" } .la.la-pencil-square-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-pencil-square-o:before { content: "\f044" } .la.la-share-square-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-share-square-o:before { content: "\f14d" } .la.la-check-square-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-check-square-o:before { content: "\f14a" } .la.la-arrows:before { content: "\f0b2" } .la.la-times-circle-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-times-circle-o:before { content: "\f057" } .la.la-check-circle-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-check-circle-o:before { content: "\f058" } .la.la-mail-forward:before { content: "\f064" } .la.la-eye { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-eye-slash { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-warning:before { content: "\f071" } .la.la-calendar:before { content: "\f073" } .la.la-arrows-v:before { content: "\f338" } .la.la-arrows-h:before { content: "\f337" } .la.la-bar-chart { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-bar-chart:before { content: "\f080" } .la.la-bar-chart-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-bar-chart-o:before { content: "\f080" } .la.la-twitter-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-facebook-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-gears:before { content: "\f085" } .la.la-thumbs-o-up { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-thumbs-o-up:before { content: "\f164" } .la.la-thumbs-o-down { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-thumbs-o-down:before { content: "\f165" } .la.la-heart-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-heart-o:before { content: "\f004" } .la.la-sign-out:before { content: "\f2f5" } .la.la-linkedin-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-linkedin-square:before { content: "\f08c" } .la.la-thumb-tack:before { content: "\f08d" } .la.la-external-link:before { content: "\f35d" } .la.la-sign-in:before { content: "\f2f6" } .la.la-github-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-lemon-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-lemon-o:before { content: "\f094" } .la.la-square-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-square-o:before { content: "\f0c8" } .la.la-bookmark-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-bookmark-o:before { content: "\f02e" } .la.la-twitter { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-facebook { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-facebook:before { content: "\f39e" } .la.la-facebook-f { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-facebook-f:before { content: "\f39e" } .la.la-github { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-credit-card { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-feed:before { content: "\f09e" } .la.la-hdd-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hdd-o:before { content: "\f0a0" } .la.la-hand-o-right { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-o-right:before { content: "\f0a4" } .la.la-hand-o-left { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-o-left:before { content: "\f0a5" } .la.la-hand-o-up { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-o-up:before { content: "\f0a6" } .la.la-hand-o-down { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-o-down:before { content: "\f0a7" } .la.la-arrows-alt:before { content: "\f31e" } .la.la-group:before { content: "\f0c0" } .la.la-chain:before { content: "\f0c1" } .la.la-scissors:before { content: "\f0c4" } .la.la-files-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-files-o:before { content: "\f0c5" } .la.la-floppy-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-floppy-o:before { content: "\f0c7" } .la.la-navicon:before { content: "\f0c9" } .la.la-reorder:before { content: "\f0c9" } .la.la-pinterest { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-pinterest-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-google-plus-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-google-plus { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-google-plus:before { content: "\f0d5" } .la.la-money { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-money:before { content: "\f3d1" } .la.la-unsorted:before { content: "\f0dc" } .la.la-sort-desc:before { content: "\f0dd" } .la.la-sort-asc:before { content: "\f0de" } .la.la-linkedin { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-linkedin:before { content: "\f0e1" } .la.la-rotate-left:before { content: "\f0e2" } .la.la-legal:before { content: "\f0e3" } .la.la-tachometer:before { content: "\f3fd" } .la.la-dashboard:before { content: "\f3fd" } .la.la-comment-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-comment-o:before { content: "\f075" } .la.la-comments-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-comments-o:before { content: "\f086" } .la.la-flash:before { content: "\f0e7" } .la.la-clipboard { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-paste { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-paste:before { content: "\f328" } .la.la-lightbulb-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-lightbulb-o:before { content: "\f0eb" } .la.la-exchange:before { content: "\f362" } .la.la-cloud-download:before { content: "\f381" } .la.la-cloud-upload:before { content: "\f382" } .la.la-bell-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-bell-o:before { content: "\f0f3" } .la.la-cutlery:before { content: "\f2e7" } .la.la-file-text-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-text-o:before { content: "\f15c" } .la.la-building-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-building-o:before { content: "\f1ad" } .la.la-hospital-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hospital-o:before { content: "\f0f8" } .la.la-tablet:before { content: "\f3fa" } .la.la-mobile:before { content: "\f3cd" } .la.la-mobile-phone:before { content: "\f3cd" } .la.la-circle-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-circle-o:before { content: "\f111" } .la.la-mail-reply:before { content: "\f3e5" } .la.la-github-alt { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-folder-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-folder-o:before { content: "\f07b" } .la.la-folder-open-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-folder-open-o:before { content: "\f07c" } .la.la-smile-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-smile-o:before { content: "\f118" } .la.la-frown-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-frown-o:before { content: "\f119" } .la.la-meh-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-meh-o:before { content: "\f11a" } .la.la-keyboard-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-keyboard-o:before { content: "\f11c" } .la.la-flag-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-flag-o:before { content: "\f024" } .la.la-mail-reply-all:before { content: "\f122" } .la.la-star-half-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-star-half-o:before { content: "\f089" } .la.la-star-half-empty { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-star-half-empty:before { content: "\f089" } .la.la-star-half-full { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-star-half-full:before { content: "\f089" } .la.la-code-fork:before { content: "\f126" } .la.la-chain-broken:before { content: "\f127" } .la.la-shield:before { content: "\f3ed" } .la.la-calendar-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-calendar-o:before { content: "\f133" } .la.la-maxcdn { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-html5 { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-css3 { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-ticket:before { content: "\f3ff" } .la.la-minus-square-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-minus-square-o:before { content: "\f146" } .la.la-level-up:before { content: "\f3bf" } .la.la-level-down:before { content: "\f3be" } .la.la-pencil-square:before { content: "\f14b" } .la.la-external-link-square:before { content: "\f360" } .la.la-compass { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-caret-square-o-down { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-caret-square-o-down:before { content: "\f150" } .la.la-toggle-down { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-toggle-down:before { content: "\f150" } .la.la-caret-square-o-up { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-caret-square-o-up:before { content: "\f151" } .la.la-toggle-up { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-toggle-up:before { content: "\f151" } .la.la-caret-square-o-right { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-caret-square-o-right:before { content: "\f152" } .la.la-toggle-right { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-toggle-right:before { content: "\f152" } .la.la-eur:before { content: "\f153" } .la.la-euro:before { content: "\f153" } .la.la-gbp:before { content: "\f154" } .la.la-usd:before { content: "\f155" } .la.la-dollar:before { content: "\f155" } .la.la-inr:before { content: "\f156" } .la.la-rupee:before { content: "\f156" } .la.la-jpy:before { content: "\f157" } .la.la-cny:before { content: "\f157" } .la.la-rmb:before { content: "\f157" } .la.la-yen:before { content: "\f157" } .la.la-rub:before { content: "\f158" } .la.la-ruble:before { content: "\f158" } .la.la-rouble:before { content: "\f158" } .la.la-krw:before { content: "\f159" } .la.la-won:before { content: "\f159" } .la.la-btc { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-bitcoin { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-bitcoin:before { content: "\f15a" } .la.la-file-text:before { content: "\f15c" } .la.la-sort-alpha-asc:before { content: "\f15d" } .la.la-sort-alpha-desc:before { content: "\f881" } .la.la-sort-amount-asc:before { content: "\f160" } .la.la-sort-amount-desc:before { content: "\f884" } .la.la-sort-numeric-asc:before { content: "\f162" } .la.la-sort-numeric-desc:before { content: "\f886" } .la.la-youtube-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-youtube { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-xing { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-xing-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-youtube-play { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-youtube-play:before { content: "\f167" } .la.la-dropbox { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-stack-overflow { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-instagram { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-flickr { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-adn { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-bitbucket { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-bitbucket-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-bitbucket-square:before { content: "\f171" } .la.la-tumblr { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-tumblr-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-long-arrow-down:before { content: "\f309" } .la.la-long-arrow-up:before { content: "\f30c" } .la.la-long-arrow-left:before { content: "\f30a" } .la.la-long-arrow-right:before { content: "\f30b" } .la.la-apple { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-windows { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-android { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-linux { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-dribbble { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-skype { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-foursquare { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-trello { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-gratipay { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-gittip { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-gittip:before { content: "\f184" } .la.la-sun-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-sun-o:before { content: "\f185" } .la.la-moon-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-moon-o:before { content: "\f186" } .la.la-vk { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-weibo { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-renren { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-pagelines { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-stack-exchange { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-arrow-circle-o-right { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-arrow-circle-o-right:before { content: "\f35a" } .la.la-arrow-circle-o-left { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-arrow-circle-o-left:before { content: "\f359" } .la.la-caret-square-o-left { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-caret-square-o-left:before { content: "\f191" } .la.la-toggle-left { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-toggle-left:before { content: "\f191" } .la.la-dot-circle-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-dot-circle-o:before { content: "\f192" } .la.la-vimeo-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-try:before { content: "\f195" } .la.la-turkish-lira:before { content: "\f195" } .la.la-plus-square-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-plus-square-o:before { content: "\f0fe" } .la.la-slack { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-wordpress { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-openid { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-institution:before { content: "\f19c" } .la.la-bank:before { content: "\f19c" } .la.la-mortar-board:before { content: "\f19d" } .la.la-yahoo { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-google { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-reddit { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-reddit-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-stumbleupon-circle { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-stumbleupon { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-delicious { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-digg { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-pied-piper-pp { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-pied-piper-alt { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-drupal { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-joomla { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-spoon:before { content: "\f2e5" } .la.la-behance { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-behance-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-steam { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-steam-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-automobile:before { content: "\f1b9" } .la.la-cab:before { content: "\f1ba" } .la.la-envelope-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-envelope-o:before { content: "\f0e0" } .la.la-deviantart { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-soundcloud { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-file-pdf-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-pdf-o:before { content: "\f1c1" } .la.la-file-word-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-word-o:before { content: "\f1c2" } .la.la-file-excel-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-excel-o:before { content: "\f1c3" } .la.la-file-powerpoint-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-powerpoint-o:before { content: "\f1c4" } .la.la-file-image-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-image-o:before { content: "\f1c5" } .la.la-file-photo-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-photo-o:before { content: "\f1c5" } .la.la-file-picture-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-picture-o:before { content: "\f1c5" } .la.la-file-archive-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-archive-o:before { content: "\f1c6" } .la.la-file-zip-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-zip-o:before { content: "\f1c6" } .la.la-file-audio-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-audio-o:before { content: "\f1c7" } .la.la-file-sound-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-sound-o:before { content: "\f1c7" } .la.la-file-video-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-video-o:before { content: "\f1c8" } .la.la-file-movie-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-movie-o:before { content: "\f1c8" } .la.la-file-code-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-file-code-o:before { content: "\f1c9" } .la.la-vine { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-codepen { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-jsfiddle { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-life-ring { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-life-bouy { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-life-bouy:before { content: "\f1cd" } .la.la-life-buoy { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-life-buoy:before { content: "\f1cd" } .la.la-life-saver { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-life-saver:before { content: "\f1cd" } .la.la-support { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-support:before { content: "\f1cd" } .la.la-circle-o-notch:before { content: "\f1ce" } .la.la-rebel { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-ra { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-ra:before { content: "\f1d0" } .la.la-resistance { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-resistance:before { content: "\f1d0" } .la.la-empire { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-ge { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-ge:before { content: "\f1d1" } .la.la-git-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-git { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-hacker-news { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-y-combinator-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-y-combinator-square:before { content: "\f1d4" } .la.la-yc-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-yc-square:before { content: "\f1d4" } .la.la-tencent-weibo { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-qq { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-weixin { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-wechat { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-wechat:before { content: "\f1d7" } .la.la-send:before { content: "\f1d8" } .la.la-paper-plane-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-paper-plane-o:before { content: "\f1d8" } .la.la-send-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-send-o:before { content: "\f1d8" } .la.la-circle-thin { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-circle-thin:before { content: "\f111" } .la.la-header:before { content: "\f1dc" } .la.la-sliders:before { content: "\f1de" } .la.la-futbol-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-futbol-o:before { content: "\f1e3" } .la.la-soccer-ball-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-soccer-ball-o:before { content: "\f1e3" } .la.la-slideshare { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-twitch { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-yelp { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-newspaper-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-newspaper-o:before { content: "\f1ea" } .la.la-paypal { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-google-wallet { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-cc-visa { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-cc-mastercard { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-cc-discover { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-cc-amex { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-cc-paypal { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-cc-stripe { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-bell-slash-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-bell-slash-o:before { content: "\f1f6" } .la.la-trash:before { content: "\f2ed" } .la.la-copyright { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-eyedropper:before { content: "\f1fb" } .la.la-area-chart:before { content: "\f1fe" } .la.la-pie-chart:before { content: "\f200" } .la.la-line-chart:before { content: "\f201" } .la.la-lastfm { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-lastfm-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-ioxhost { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-angellist { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-cc { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-cc:before { content: "\f20a" } .la.la-ils:before { content: "\f20b" } .la.la-shekel:before { content: "\f20b" } .la.la-sheqel:before { content: "\f20b" } .la.la-meanpath { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-meanpath:before { content: "\f2b4" } .la.la-buysellads { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-connectdevelop { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-dashcube { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-forumbee { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-leanpub { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-sellsy { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-shirtsinbulk { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-simplybuilt { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-skyatlas { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-diamond { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-diamond:before { content: "\f3a5" } .la.la-intersex:before { content: "\f224" } .la.la-facebook-official { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-facebook-official:before { content: "\f09a" } .la.la-pinterest-p { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-whatsapp { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-hotel:before { content: "\f236" } .la.la-viacoin { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-medium { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-y-combinator { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-yc { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-yc:before { content: "\f23b" } .la.la-optin-monster { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-opencart { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-expeditedssl { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-battery-4:before { content: "\f240" } .la.la-battery:before { content: "\f240" } .la.la-battery-3:before { content: "\f241" } .la.la-battery-2:before { content: "\f242" } .la.la-battery-1:before { content: "\f243" } .la.la-battery-0:before { content: "\f244" } .la.la-object-group { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-object-ungroup { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-sticky-note-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-sticky-note-o:before { content: "\f249" } .la.la-cc-jcb { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-cc-diners-club { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-clone { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hourglass-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hourglass-o:before { content: "\f254" } .la.la-hourglass-1:before { content: "\f251" } .la.la-hourglass-2:before { content: "\f252" } .la.la-hourglass-3:before { content: "\f253" } .la.la-hand-rock-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-rock-o:before { content: "\f255" } .la.la-hand-grab-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-grab-o:before { content: "\f255" } .la.la-hand-paper-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-paper-o:before { content: "\f256" } .la.la-hand-stop-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-stop-o:before { content: "\f256" } .la.la-hand-scissors-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-scissors-o:before { content: "\f257" } .la.la-hand-lizard-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-lizard-o:before { content: "\f258" } .la.la-hand-spock-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-spock-o:before { content: "\f259" } .la.la-hand-pointer-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-pointer-o:before { content: "\f25a" } .la.la-hand-peace-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-hand-peace-o:before { content: "\f25b" } .la.la-registered { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-creative-commons { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-gg { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-gg-circle { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-tripadvisor { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-odnoklassniki { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-odnoklassniki-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-get-pocket { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-wikipedia-w { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-safari { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-chrome { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-firefox { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-opera { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-internet-explorer { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-television:before { content: "\f26c" } .la.la-contao { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-500px { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-amazon { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-calendar-plus-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-calendar-plus-o:before { content: "\f271" } .la.la-calendar-minus-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-calendar-minus-o:before { content: "\f272" } .la.la-calendar-times-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-calendar-times-o:before { content: "\f273" } .la.la-calendar-check-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-calendar-check-o:before { content: "\f274" } .la.la-map-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-map-o:before { content: "\f279" } .la.la-commenting:before { content: "\f4ad" } .la.la-commenting-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-commenting-o:before { content: "\f4ad" } .la.la-houzz { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-vimeo { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-vimeo:before { content: "\f27d" } .la.la-black-tie { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-fonticons { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-reddit-alien { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-edge { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-credit-card-alt:before { content: "\f09d" } .la.la-codiepie { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-modx { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-fort-awesome { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-usb { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-product-hunt { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-mixcloud { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-scribd { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-pause-circle-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-pause-circle-o:before { content: "\f28b" } .la.la-stop-circle-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-stop-circle-o:before { content: "\f28d" } .la.la-bluetooth { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-bluetooth-b { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-gitlab { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-wpbeginner { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-wpforms { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-envira { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-wheelchair-alt { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-wheelchair-alt:before { content: "\f368" } .la.la-question-circle-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-question-circle-o:before { content: "\f059" } .la.la-volume-control-phone:before { content: "\f2a0" } .la.la-asl-interpreting:before { content: "\f2a3" } .la.la-deafness:before { content: "\f2a4" } .la.la-hard-of-hearing:before { content: "\f2a4" } .la.la-glide { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-glide-g { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-signing:before { content: "\f2a7" } .la.la-viadeo { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-viadeo-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-snapchat { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-snapchat-ghost { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-snapchat-square { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-pied-piper { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-first-order { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-yoast { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-themeisle { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-google-plus-official { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-google-plus-official:before { content: "\f2b3" } .la.la-google-plus-circle { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-google-plus-circle:before { content: "\f2b3" } .la.la-font-awesome { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-fa { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-fa:before { content: "\f2b4" } .la.la-handshake-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-handshake-o:before { content: "\f2b5" } .la.la-envelope-open-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-envelope-open-o:before { content: "\f2b6" } .la.la-linode { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-address-book-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-address-book-o:before { content: "\f2b9" } .la.la-vcard:before { content: "\f2bb" } .la.la-address-card-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-address-card-o:before { content: "\f2bb" } .la.la-vcard-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-vcard-o:before { content: "\f2bb" } .la.la-user-circle-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-user-circle-o:before { content: "\f2bd" } .la.la-user-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-user-o:before { content: "\f007" } .la.la-id-badge { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-drivers-license:before { content: "\f2c2" } .la.la-id-card-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-id-card-o:before { content: "\f2c2" } .la.la-drivers-license-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-drivers-license-o:before { content: "\f2c2" } .la.la-quora { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-free-code-camp { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-telegram { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-thermometer-4:before { content: "\f2c7" } .la.la-thermometer:before { content: "\f2c7" } .la.la-thermometer-3:before { content: "\f2c8" } .la.la-thermometer-2:before { content: "\f2c9" } .la.la-thermometer-1:before { content: "\f2ca" } .la.la-thermometer-0:before { content: "\f2cb" } .la.la-bathtub:before { content: "\f2cd" } .la.la-s15:before { content: "\f2cd" } .la.la-window-maximize { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-window-restore { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-times-rectangle:before { content: "\f410" } .la.la-window-close-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-window-close-o:before { content: "\f410" } .la.la-times-rectangle-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-times-rectangle-o:before { content: "\f410" } .la.la-bandcamp { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-grav { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-etsy { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-imdb { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-ravelry { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-eercast { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-eercast:before { content: "\f2da" } .la.la-snowflake-o { font-family: 'Line Awesome Free'; font-weight: 400 } .la.la-snowflake-o:before { content: "\f2dc" } .la.la-superpowers { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-wpexplorer { font-family: 'Line Awesome Brands'; font-weight: 400 } .la.la-spotify { font-family: 'Line Awesome Brands'; font-weight: 400 } /*! odometer 0.4.8 */ .odometer.odometer-auto-theme, .odometer.odometer-theme-default { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; visibility: hidden } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0) } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: "Helvetica Neue", sans-serif; line-height: 1.1em } .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center } .vbox-overlay { --vbox-tools-color: #fff; --vbox-title-background: #101010; --vbox-title-width: 'auto'; --vbox-title-radius: 0; --vbox-share-background: #101010; --vbox-share-width: 'auto'; --vbox-share-radius: 0 } .vbox-overlay *, .vbox-overlay :after, .vbox-overlay :before { -webkit-backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .vbox-overlay * { -webkit-backface-visibility: visible; backface-visibility: visible } .vbox-overlay { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 999999 } .vbox-share, .vbox-title { line-height: 1; position: fixed; z-index: 98; text-align: center; margin: 0 auto; color: var(--vbox-tools-color) } .vbox-title { font-size: 12px; background-color: var(--vbox-title-background); width: var(--vbox-title-width); border-radius: var(--vbox-title-radius); padding: 12px 54px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block } .vbox-share { font-size: 24px; padding: 0 .35em; background-color: var(--vbox-share-background); width: var(--vbox-share-width); border-radius: var(--vbox-share-radius) } .vbox-link-btn, button.vbox-link-btn, button.vbox-link-btn:active, button.vbox-link-btn:focus, button.vbox-link-btn:hover { border: none !important; background: 0 0 !important; box-shadow: none !important; color: inherit !important; padding: 6px 12px; outline: 0; display: inline-block; cursor: pointer } .vbox-share a { color: inherit !important; padding: 6px 12px; display: inline-block } .vbox-share svg { z-index: 10; vertical-align: middle } .vbox-close { cursor: pointer; position: fixed; top: 20px; right: 20px; z-index: 99; color: #000; color: var(--vbox-tools-color); border: 0; font-size: 24px; display: flex; align-items: center; opacity: .8; transition: opacity .2s } .vbox-close:hover { opacity: 1 } .vbox-left-corner { cursor: pointer; position: fixed; left: 20px; top: 20px; overflow: hidden; line-height: 1; font-size: 12px; z-index: 99; display: flex; align-items: center; color: var(--vbox-tools-color) } .vbox-num { display: inline-block; } .vbox-left { left: 0 } .vbox-right { right: 0 } .vbox-top { top: 0 } .vbox-bottom { bottom: 0 } .vbox-next, .vbox-prev { position: fixed; top: 50%; margin-top: -15px; overflow: hidden; cursor: pointer; display: block; color: #d2d2d2; width: 30px; height: 30px; z-index: 99; opacity: .8; transition: opacity .2s } .vbox-next:hover, .vbox-prev:hover { color: #d2d2d2; opacity: 1 } .vbox-next span, .vbox-prev span { position: relative; width: 20px; height: 20px; border: 2px solid transparent; border-top-color: var(--vbox-tools-color); border-right-color: var(--vbox-tools-color); text-indent: -100px; position: absolute; top: 8px; display: block } .vbox-prev { left: 20px } .vbox-next { right: 20px } .vbox-prev span { left: 10px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg) } .vbox-next span { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px } .vbox-inline, .venoratio { position: relative; width: 100%; margin: 0 auto } .venoratio::before { display: block; padding-top: var(--vb-aspect-ratio); content: "" } .venoratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .venoratio-1x1 { --vb-aspect-ratio: 100% } .venoratio-4x3 { --vb-aspect-ratio: calc(3 / 4 * 100%) } .venoratio-16x9 { --vb-aspect-ratio: calc(9 / 16 * 100%) } .venoratio-21x9 { --vb-aspect-ratio: calc(9 / 21 * 100%) } .vbox-child.vbox-inline, .vbox-child.venoratio { max-width: 1400px } .vbox-open { overflow: hidden } .vbox-container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 20; max-height: 100%; padding: 30px 0 } .vbox-content { opacity: 0 } .vbox-content { text-align: center; width: 100%; position: relative; overflow: hidden; padding: 20px 5%; display: flex; align-items: center; justify-content: center; min-height: 90vh; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .vbox-container img { max-width: 100%; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: contain; object-position: center; } .vbox-child { /* box-shadow: 0 0 12px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23); */ max-width: 100%; text-align: initial; height: 90vh; width: 100%; left: 0; top: 0; } .vbox-child img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; display: block } .vbox-grab .vbox-child img { cursor: grab } .vbox-content.swipe-left { margin-left: -200px !important } .vbox-content.swipe-right { margin-left: 200px !important } .vbox-preloader { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } .vbox-preloader .vbox-preloader-inner { opacity: 1; transition: opacity .2s } .vbox-hidden { display: none } .vbox-preloader.vbox-hidden .vbox-preloader-inner { opacity: 0 } .vbox-backdrop { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateZ(-1px); -moz-transform: translateZ(-1px); -o-transform: translateZ(-1px); transform: translateZ(-1px); z-index: 0 } .vbox-tooltip { position: relative; display: inline-block } .vbox-tooltip .vbox-tooltip-text { visibility: hidden; color: #fff; text-align: center; padding: 0; position: absolute; z-index: 1; bottom: 100%; left: 0; opacity: 0; transition: opacity .3s; margin-bottom: 2px; font-family: sans-serif } .vbox-top .vbox-tooltip .vbox-tooltip-text { bottom: auto; top: 100%; margin-bottom: 0; margin-top: 2px } .vbox-tooltip-inner { padding: 5px 10px; background-color: rgba(0, 0, 0, .9); border-radius: 6px; font-size: 10px } .vbox-tooltip:hover .vbox-tooltip-text { visibility: visible; opacity: 1 } .vbox-overlay { --sk-size: 40px; --sk-color: #333 } .sk-center { margin: auto } .sk-plane { width: var(--sk-size); height: var(--sk-size); background-color: var(--sk-color); animation: sk-plane 1.2s infinite ease-in-out } @keyframes sk-plane { 0% { transform: perspective(120px) rotateX(0) rotateY(0) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } .sk-chase { width: var(--sk-size); height: var(--sk-size); position: relative; animation: sk-chase 2.5s infinite linear both } .sk-chase-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: sk-chase-dot 2s infinite ease-in-out both } .sk-chase-dot:before { content: ''; display: block; width: 25%; height: 25%; background-color: var(--sk-color); border-radius: 100%; animation: sk-chase-dot-before 2s infinite ease-in-out both } .sk-chase-dot:nth-child(1) { animation-delay: -1.1s } .sk-chase-dot:nth-child(2) { animation-delay: -1s } .sk-chase-dot:nth-child(3) { animation-delay: -.9s } .sk-chase-dot:nth-child(4) { animation-delay: -.8s } .sk-chase-dot:nth-child(5) { animation-delay: -.7s } .sk-chase-dot:nth-child(6) { animation-delay: -.6s } .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s } .sk-chase-dot:nth-child(2):before { animation-delay: -1s } .sk-chase-dot:nth-child(3):before { animation-delay: -.9s } .sk-chase-dot:nth-child(4):before { animation-delay: -.8s } .sk-chase-dot:nth-child(5):before { animation-delay: -.7s } .sk-chase-dot:nth-child(6):before { animation-delay: -.6s } @keyframes sk-chase { 100% { transform: rotate(360deg) } } @keyframes sk-chase-dot { 100%, 80% { transform: rotate(360deg) } } @keyframes sk-chase-dot-before { 50% { transform: scale(.4) } 0%, 100% { transform: scale(1) } } .sk-bounce { width: var(--sk-size); height: var(--sk-size); position: relative } .sk-bounce-dot { width: 100%; height: 100%; border-radius: 50%; background-color: var(--sk-color); opacity: .6; position: absolute; top: 0; left: 0; animation: sk-bounce 2s infinite cubic-bezier(.455, .03, .515, .955) } .sk-bounce-dot:nth-child(2) { animation-delay: -1s } @keyframes sk-bounce { 0%, 100% { transform: scale(0) } 45%, 55% { transform: scale(1) } } .sk-wave { width: var(--sk-size); height: var(--sk-size); display: flex; justify-content: space-between } .sk-wave-rect { background-color: var(--sk-color); height: 100%; width: 15%; animation: sk-wave 1.2s infinite ease-in-out } .sk-wave-rect:nth-child(1) { animation-delay: -1.2s } .sk-wave-rect:nth-child(2) { animation-delay: -1.1s } .sk-wave-rect:nth-child(3) { animation-delay: -1s } .sk-wave-rect:nth-child(4) { animation-delay: -.9s } .sk-wave-rect:nth-child(5) { animation-delay: -.8s } @keyframes sk-wave { 0%, 100%, 40% { transform: scaleY(.4) } 20% { transform: scaleY(1) } } .sk-pulse { width: var(--sk-size); height: var(--sk-size); background-color: var(--sk-color); border-radius: 100%; animation: sk-pulse 1.2s infinite cubic-bezier(.455, .03, .515, .955) } @keyframes sk-pulse { 0% { transform: scale(0) } 100% { transform: scale(1); opacity: 0 } } .sk-flow { width: calc(var(--sk-size) * 1.3); height: calc(var(--sk-size) * 1.3); display: flex; justify-content: space-between } .sk-flow-dot { width: 25%; height: 25%; background-color: var(--sk-color); border-radius: 50%; animation: sk-flow 1.4s cubic-bezier(.455, .03, .515, .955) 0s infinite both } .sk-flow-dot:nth-child(1) { animation-delay: -.3s } .sk-flow-dot:nth-child(2) { animation-delay: -.15s } @keyframes sk-flow { 0%, 100%, 80% { transform: scale(.3) } 40% { transform: scale(1) } } .sk-swing { width: var(--sk-size); height: var(--sk-size); position: relative; animation: sk-swing 1.8s infinite linear } .sk-swing-dot { width: 45%; height: 45%; position: absolute; top: 0; left: 0; right: 0; margin: auto; background-color: var(--sk-color); border-radius: 100%; animation: sk-swing-dot 2s infinite ease-in-out } .sk-swing-dot:nth-child(2) { top: auto; bottom: 0; animation-delay: -1s } @keyframes sk-swing { 100% { transform: rotate(360deg) } } @keyframes sk-swing-dot { 0%, 100% { transform: scale(.2) } 50% { transform: scale(1) } } .sk-circle { width: var(--sk-size); height: var(--sk-size); position: relative } .sk-circle-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .sk-circle-dot:before { content: ''; display: block; width: 15%; height: 15%; background-color: var(--sk-color); border-radius: 100%; animation: sk-circle 1.2s infinite ease-in-out both } .sk-circle-dot:nth-child(1) { transform: rotate(30deg) } .sk-circle-dot:nth-child(2) { transform: rotate(60deg) } .sk-circle-dot:nth-child(3) { transform: rotate(90deg) } .sk-circle-dot:nth-child(4) { transform: rotate(120deg) } .sk-circle-dot:nth-child(5) { transform: rotate(150deg) } .sk-circle-dot:nth-child(6) { transform: rotate(180deg) } .sk-circle-dot:nth-child(7) { transform: rotate(210deg) } .sk-circle-dot:nth-child(8) { transform: rotate(240deg) } .sk-circle-dot:nth-child(9) { transform: rotate(270deg) } .sk-circle-dot:nth-child(10) { transform: rotate(300deg) } .sk-circle-dot:nth-child(11) { transform: rotate(330deg) } .sk-circle-dot:nth-child(1):before { animation-delay: -1.1s } .sk-circle-dot:nth-child(2):before { animation-delay: -1s } .sk-circle-dot:nth-child(3):before { animation-delay: -.9s } .sk-circle-dot:nth-child(4):before { animation-delay: -.8s } .sk-circle-dot:nth-child(5):before { animation-delay: -.7s } .sk-circle-dot:nth-child(6):before { animation-delay: -.6s } .sk-circle-dot:nth-child(7):before { animation-delay: -.5s } .sk-circle-dot:nth-child(8):before { animation-delay: -.4s } .sk-circle-dot:nth-child(9):before { animation-delay: -.3s } .sk-circle-dot:nth-child(10):before { animation-delay: -.2s } .sk-circle-dot:nth-child(11):before { animation-delay: -.1s } @keyframes sk-circle { 0%, 100%, 80% { transform: scale(0) } 40% { transform: scale(1) } } .sk-circle-fade { width: var(--sk-size); height: var(--sk-size); position: relative } .sk-circle-fade-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .sk-circle-fade-dot:before { content: ''; display: block; width: 15%; height: 15%; background-color: var(--sk-color); border-radius: 100%; animation: sk-circle-fade 1.2s infinite ease-in-out both } .sk-circle-fade-dot:nth-child(1) { transform: rotate(30deg) } .sk-circle-fade-dot:nth-child(2) { transform: rotate(60deg) } .sk-circle-fade-dot:nth-child(3) { transform: rotate(90deg) } .sk-circle-fade-dot:nth-child(4) { transform: rotate(120deg) } .sk-circle-fade-dot:nth-child(5) { transform: rotate(150deg) } .sk-circle-fade-dot:nth-child(6) { transform: rotate(180deg) } .sk-circle-fade-dot:nth-child(7) { transform: rotate(210deg) } .sk-circle-fade-dot:nth-child(8) { transform: rotate(240deg) } .sk-circle-fade-dot:nth-child(9) { transform: rotate(270deg) } .sk-circle-fade-dot:nth-child(10) { transform: rotate(300deg) } .sk-circle-fade-dot:nth-child(11) { transform: rotate(330deg) } .sk-circle-fade-dot:nth-child(1):before { animation-delay: -1.1s } .sk-circle-fade-dot:nth-child(2):before { animation-delay: -1s } .sk-circle-fade-dot:nth-child(3):before { animation-delay: -.9s } .sk-circle-fade-dot:nth-child(4):before { animation-delay: -.8s } .sk-circle-fade-dot:nth-child(5):before { animation-delay: -.7s } .sk-circle-fade-dot:nth-child(6):before { animation-delay: -.6s } .sk-circle-fade-dot:nth-child(7):before { animation-delay: -.5s } .sk-circle-fade-dot:nth-child(8):before { animation-delay: -.4s } .sk-circle-fade-dot:nth-child(9):before { animation-delay: -.3s } .sk-circle-fade-dot:nth-child(10):before { animation-delay: -.2s } .sk-circle-fade-dot:nth-child(11):before { animation-delay: -.1s } @keyframes sk-circle-fade { 0%, 100%, 39% { opacity: 0; transform: scale(.6) } 40% { opacity: 1; transform: scale(1) } } .sk-grid { width: var(--sk-size); height: var(--sk-size) } .sk-grid-cube { width: 33.33%; height: 33.33%; background-color: var(--sk-color); float: left; animation: sk-grid 1.3s infinite ease-in-out } .sk-grid-cube:nth-child(1) { animation-delay: .2s } .sk-grid-cube:nth-child(2) { animation-delay: .3s } .sk-grid-cube:nth-child(3) { animation-delay: .4s } .sk-grid-cube:nth-child(4) { animation-delay: .1s } .sk-grid-cube:nth-child(5) { animation-delay: .2s } .sk-grid-cube:nth-child(6) { animation-delay: .3s } .sk-grid-cube:nth-child(7) { animation-delay: 0s } .sk-grid-cube:nth-child(8) { animation-delay: .1s } .sk-grid-cube:nth-child(9) { animation-delay: .2s } @keyframes sk-grid { 0%, 100%, 70% { transform: scale3D(1, 1, 1) } 35% { transform: scale3D(0, 0, 1) } } .sk-fold { width: var(--sk-size); height: var(--sk-size); position: relative; transform: rotateZ(45deg) } .sk-fold-cube { float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1) } .sk-fold-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--sk-color); animation: sk-fold 2.4s infinite linear both; transform-origin: 100% 100% } .sk-fold-cube:nth-child(2) { transform: scale(1.1) rotateZ(90deg) } .sk-fold-cube:nth-child(4) { transform: scale(1.1) rotateZ(180deg) } .sk-fold-cube:nth-child(3) { transform: scale(1.1) rotateZ(270deg) } .sk-fold-cube:nth-child(2):before { animation-delay: .3s } .sk-fold-cube:nth-child(4):before { animation-delay: .6s } .sk-fold-cube:nth-child(3):before { animation-delay: .9s } @keyframes sk-fold { 0%, 10% { transform: perspective(140px) rotateX(-180deg); opacity: 0 } 25%, 75% { transform: perspective(140px) rotateX(0); opacity: 1 } 100%, 90% { transform: perspective(140px) rotateY(180deg); opacity: 0 } } .sk-wander { width: var(--sk-size); height: var(--sk-size); position: relative } .sk-wander-cube { background-color: var(--sk-color); width: 20%; height: 20%; position: absolute; top: 0; left: 0; --sk-wander-distance: calc(var(--sk-size) * 0.75); animation: sk-wander 2s ease-in-out -2s infinite both } .sk-wander-cube:nth-child(2) { animation-delay: -.5s } .sk-wander-cube:nth-child(3) { animation-delay: -1s } @keyframes sk-wander { 0% { transform: rotate(0) } 25% { transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6) } 50% { transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg) } 50.1% { transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg) } 75% { transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6) } 100% { transform: rotate(-360deg) } } @-webkit-keyframes clip-text { from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0) } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) } } @keyframes clip-text { from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0) } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) } } @-webkit-keyframes text-revealer { 0%, 50% { -webkit-transform-origin: 0 50%; transform-origin: 0 50% } 60%, 100% { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } 60% { -webkit-transform: scaleX(1); transform: scaleX(1) } 100% { -webkit-transform: scaleX(0); transform: scaleX(0) } } @keyframes text-revealer { 0%, 50% { -webkit-transform-origin: 0 50%; transform-origin: 0 50% } 60%, 100% { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } 60% { -webkit-transform: scaleX(1); transform: scaleX(1) } 100% { -webkit-transform: scaleX(0); transform: scaleX(0) } } @-webkit-keyframes text-revealer-vartical { 0%, 50% { -webkit-transform-origin: 0 50%; transform-origin: 0 50% } 60%, 100% { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } 60% { -webkit-transform: scaleY(1); transform: scaleY(1) } 100% { -webkit-transform: scaleY(0); transform: scaleY(0) } } @keyframes text-revealer-vartical { 0%, 50% { -webkit-transform-origin: 0 50%; transform-origin: 0 50% } 60%, 100% { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } 60% { -webkit-transform: scaleY(1); transform: scaleY(1) } 100% { -webkit-transform: scaleY(0); transform: scaleY(0) } } @keyframes bar-top { 0% { transform: scale(0, 1) } 12.5% { transform: scale(1, 1) } 87.5% { transform: scale(1, 1) } 100% { transform: scale(1, 1) } } @keyframes bar-right { 0% { transform: scale(1, 0) } 12.5% { transform: scale(1, 0) } 25% { transform: scale(1, 1) } 75% { transform: scale(1, 1) } 87.5% { transform: scale(1, 1) } 100% { transform: scale(1, 1) } } @keyframes bar-bottom { 0% { transform: scale(0, 1) } 25% { transform: scale(0, 1) } 37.5% { transform: scale(1, 1) } 62.5% { transform: scale(1, 1) } 75% { transform: scale(1, 1) } 100% { transform: scale(1, 1) } } @keyframes bar-left { 0% { transform: scale(1, 0) } 37.5% { transform: scale(1, 0) } 50% { transform: scale(1, 1) } 62.5% { transform: scale(1, 1) } 100% { transform: scale(1, 1) } } @keyframes rotation { 0% { transform: rotate(0deg) } 25% { transform: rotate(90deg) } 50% { transform: rotate(180deg) } 75% { transform: rotate(270deg) } 100% { transform: rotate(360deg) } } .tracking-in-expand { -webkit-animation-name: tracking-in-expand; animation-name: tracking-in-expand; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes tracking-in-expand { 0% { letter-spacing: -8px; opacity: 0 } 40% { opacity: .6 } 100% { opacity: 1 } } @keyframes tracking-in-expand { 0% { letter-spacing: -8px; opacity: 0 } 40% { opacity: .6 } 100% { opacity: 1 } } .tracking-in-expand-fwd { -webkit-animation-name: tracking-in-expand-fwd; animation-name: tracking-in-expand-fwd; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes tracking-in-expand-fwd { 0% { letter-spacing: -.5em; -webkit-transform: translateZ(-700px); transform: translateZ(-700px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes tracking-in-expand-fwd { 0% { letter-spacing: -.5em; -webkit-transform: translateZ(-700px); transform: translateZ(-700px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .tracking-in-expand-fwd-top { -webkit-animation-name: tracking-in-expand-fwd-top; animation-name: tracking-in-expand-fwd-top; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes tracking-in-expand-fwd-top { 0% { letter-spacing: -.5em; -webkit-transform: translateZ(-700px) translateY(-500px); transform: translateZ(-700px) translateY(-500px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1 } } @keyframes tracking-in-expand-fwd-top { 0% { letter-spacing: -.5em; -webkit-transform: translateZ(-700px) translateY(-500px); transform: translateZ(-700px) translateY(-500px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1 } } .tracking-in-expand-fwd-bottom { -webkit-animation-name: tracking-in-expand-fwd-bottom; animation-name: tracking-in-expand-fwd-bottom; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes tracking-in-expand-fwd-bottom { 0% { letter-spacing: -.5em; -webkit-transform: translateZ(-700px) translateY(500px); transform: translateZ(-700px) translateY(500px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1 } } @keyframes tracking-in-expand-fwd-bottom { 0% { letter-spacing: -.5em; -webkit-transform: translateZ(-700px) translateY(500px); transform: translateZ(-700px) translateY(500px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1 } } .tracking-in-contract { -webkit-animation-name: tracking-in-contract; animation-name: tracking-in-contract; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes tracking-in-contract { 0% { letter-spacing: 1em; opacity: 0 } 40% { opacity: .6 } 100% { letter-spacing: normal; opacity: 1 } } @keyframes tracking-in-contract { 0% { letter-spacing: 1em; opacity: 0 } 40% { opacity: .6 } 100% { letter-spacing: normal; opacity: 1 } } .tracking-in-contract-bck { -webkit-animation-name: tracking-in-contract-bck; animation-name: tracking-in-contract-bck; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes tracking-in-contract-bck { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px); transform: translateZ(400px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes tracking-in-contract-bck { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px); transform: translateZ(400px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .tracking-in-contract-bck-top { -webkit-animation-name: tracking-in-contract-bck-top; animation-name: tracking-in-contract-bck-top; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes tracking-in-contract-bck-top { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px) translateY(-300px); transform: translateZ(400px) translateY(-300px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1 } } @keyframes tracking-in-contract-bck-top { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px) translateY(-300px); transform: translateZ(400px) translateY(-300px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1 } } .tracking-in-contract-bck-bottom { -webkit-animation-name: tracking-in-contract-bck-bottom; animation-name: tracking-in-contract-bck-bottom; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes tracking-in-contract-bck-bottom { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px) translateY(300px); transform: translateZ(400px) translateY(300px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1 } } @keyframes tracking-in-contract-bck-bottom { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px) translateY(300px); transform: translateZ(400px) translateY(300px); opacity: 0 } 40% { opacity: .6 } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1 } } .text-focus-in { -webkit-animation-name: text-focus-in; animation-name: text-focus-in; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1 } } @keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1 } } .focus-in-expand { -webkit-animation-name: focus-in-expand; animation-name: focus-in-expand; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes focus-in-expand { 0% { letter-spacing: -.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1 } } @keyframes focus-in-expand { 0% { letter-spacing: -.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1 } } .focus-in-expand-fwd { -webkit-animation-name: focus-in-expand-fwd; animation-name: focus-in-expand-fwd; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes focus-in-expand-fwd { 0% { letter-spacing: -.5em; -webkit-transform: translateZ(-800px); transform: translateZ(-800px); -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0); filter: blur(0); opacity: 1 } } @keyframes focus-in-expand-fwd { 0% { letter-spacing: -.5em; -webkit-transform: translateZ(-800px); transform: translateZ(-800px); -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0); filter: blur(0); opacity: 1 } } .focus-in-contract { -webkit-animation-name: focus-in-contract; animation-name: focus-in-contract; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes focus-in-contract { 0% { letter-spacing: 8px; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1 } } @keyframes focus-in-contract { 0% { letter-spacing: 8px; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1 } } .focus-in-contract-bck { -webkit-animation-name: focus-in-contract-bck; animation-name: focus-in-contract-bck; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes focus-in-contract-bck { 0% { letter-spacing: 1em; -webkit-transform: translateZ(300px); transform: translateZ(300px); -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 } 100% { -webkit-transform: translateZ(12px); transform: translateZ(12px); -webkit-filter: blur(0); filter: blur(0); opacity: 1 } } @keyframes focus-in-contract-bck { 0% { letter-spacing: 1em; -webkit-transform: translateZ(300px); transform: translateZ(300px); -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 } 100% { -webkit-transform: translateZ(12px); transform: translateZ(12px); -webkit-filter: blur(0); filter: blur(0); opacity: 1 } } .slide-in-top { -webkit-animation-name: slide-in-top; animation-name: slide-in-top; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes slide-in-top { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes slide-in-top { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } .slide-in-right { -webkit-animation-name: slide-in-right; animation-name: slide-in-right; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes slide-in-right { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } .slide-in-bottom { -webkit-animation-name: slide-in-bottom; animation-name: slide-in-bottom; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes slide-in-bottom { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes slide-in-bottom { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } .slide-in-left { -webkit-animation-name: slide-in-left; animation-name: slide-in-left; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes slide-in-left { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } .bounce-in-top { -webkit-animation-name: bounce-in-top; animation-name: bounce-in-top; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes bounce-in-top { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes bounce-in-top { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .bounce-in-right { -webkit-animation-name: bounce-in-right; animation-name: bounce-in-right; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes bounce-in-right { 0% { -webkit-transform: translateX(600px); transform: translateX(600px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: translateX(68px); transform: translateX(68px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: translateX(32px); transform: translateX(32px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 90% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: translateX(8px); transform: translateX(8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes bounce-in-right { 0% { -webkit-transform: translateX(600px); transform: translateX(600px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: translateX(68px); transform: translateX(68px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: translateX(32px); transform: translateX(32px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 90% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: translateX(8px); transform: translateX(8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .bounce-in-bottom { -webkit-animation-name: bounce-in-bottom; animation-name: bounce-in-bottom; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes bounce-in-bottom { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: translateY(65px); transform: translateY(65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: translateY(28px); transform: translateY(28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: translateY(8px); transform: translateY(8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes bounce-in-bottom { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: translateY(65px); transform: translateY(65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: translateY(28px); transform: translateY(28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: translateY(8px); transform: translateY(8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .bounce-in-left { -webkit-animation-name: bounce-in-left; animation-name: bounce-in-left; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes bounce-in-left { 0% { -webkit-transform: translateX(-600px); transform: translateX(-600px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: translateX(-68px); transform: translateX(-68px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: translateX(-28px); transform: translateX(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 90% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: translateX(-8px); transform: translateX(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes bounce-in-left { 0% { -webkit-transform: translateX(-600px); transform: translateX(-600px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: translateX(-68px); transform: translateX(-68px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: translateX(-28px); transform: translateX(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 90% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: translateX(-8px); transform: translateX(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .bounce-in-fwd { -webkit-animation-name: bounce-in-fwd; animation-name: bounce-in-fwd; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes bounce-in-fwd { 0% { -webkit-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: scale(.7); transform: scale(.7); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: scale(.84); transform: scale(.84); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 89% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: scale(.95); transform: scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes bounce-in-fwd { 0% { -webkit-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: scale(.7); transform: scale(.7); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: scale(.84); transform: scale(.84); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 89% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: scale(.95); transform: scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .bounce-in-bck { -webkit-animation-name: bounce-in-bck; animation-name: bounce-in-bck; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes bounce-in-bck { 0% { -webkit-transform: scale(7); transform: scale(7); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: scale(1.24); transform: scale(1.24); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 89% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: scale(1.04); transform: scale(1.04); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes bounce-in-bck { 0% { -webkit-transform: scale(7); transform: scale(7); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: scale(1.24); transform: scale(1.24); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 89% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: scale(1.04); transform: scale(1.04); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .fade-in { -webkit-animation-name: fade-in; animation-name: fade-in; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } .fade-in-fwd { -webkit-animation-name: fade-in-fwd; animation-name: fade-in-fwd; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes fade-in-fwd { 0% { -webkit-transform: translateZ(-80px); transform: translateZ(-80px); opacity: 0 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes fade-in-fwd { 0% { -webkit-transform: translateZ(-80px); transform: translateZ(-80px); opacity: 0 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .fade-in-bck { -webkit-animation-name: fade-in-bck; animation-name: fade-in-bck; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes fade-in-bck { 0% { -webkit-transform: translateZ(80px); transform: translateZ(80px); opacity: 0 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes fade-in-bck { 0% { -webkit-transform: translateZ(80px); transform: translateZ(80px); opacity: 0 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .fade-in-top { -webkit-animation-name: fade-in-top; animation-name: fade-in-top; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes fade-in-top { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes fade-in-top { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } .fade-in-tr { -webkit-animation-name: fade-in-tr; animation-name: fade-in-tr; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes fade-in-tr { 0% { -webkit-transform: translateX(50px) translateY(-50px); transform: translateX(50px) translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1 } } @keyframes fade-in-tr { 0% { -webkit-transform: translateX(50px) translateY(-50px); transform: translateX(50px) translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1 } } .fade-in-right { -webkit-animation-name: fade-in-right; animation-name: fade-in-right; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes fade-in-right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes fade-in-right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } .fade-in-br { -webkit-animation-name: fade-in-br; animation-name: fade-in-br; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes fade-in-br { 0% { -webkit-transform: translateX(50px) translateY(50px); transform: translateX(50px) translateY(50px); opacity: 0 } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1 } } @keyframes fade-in-br { 0% { -webkit-transform: translateX(50px) translateY(50px); transform: translateX(50px) translateY(50px); opacity: 0 } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1 } } .fade-in-bottom { -webkit-animation-name: fade-in-bottom; animation-name: fade-in-bottom; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } .fade-in-bl { -webkit-animation-name: fade-in-bl; animation-name: fade-in-bl; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes fade-in-bl { 0% { -webkit-transform: translateX(-50px) translateY(50px); transform: translateX(-50px) translateY(50px); opacity: 0 } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1 } } @keyframes fade-in-bl { 0% { -webkit-transform: translateX(-50px) translateY(50px); transform: translateX(-50px) translateY(50px); opacity: 0 } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1 } } .fade-in-left { -webkit-animation-name: fade-in-left; animation-name: fade-in-left; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes fade-in-left { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes fade-in-left { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } .fade-in-tl { -webkit-animation-name: fade-in-tl; animation-name: fade-in-tl; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes fade-in-tl { 0% { -webkit-transform: translateX(-50px) translateY(-50px); transform: translateX(-50px) translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1 } } @keyframes fade-in-tl { 0% { -webkit-transform: translateX(-50px) translateY(-50px); transform: translateX(-50px) translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.8, .8, .8); transform: scale3d(.8, .8, .8) } 50% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.8, .8, .8); transform: scale3d(.8, .8, .8) } 50% { opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .main-slider .slick-current.slick-active .kenburns-top { -webkit-animation-name: kenburns-top; animation-name: kenburns-top; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes kenburns-top { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 16%; transform-origin: 50% 16% } 100% { -webkit-transform: scale(1.07) translateY(-15px); transform: scale(1.07) translateY(-15px); -webkit-transform-origin: top; transform-origin: top } } @keyframes kenburns-top { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 16%; transform-origin: 50% 16% } 100% { -webkit-transform: scale(1.07) translateY(-15px); transform: scale(1.07) translateY(-15px); -webkit-transform-origin: top; transform-origin: top } } .main-slider .slick-current.slick-active .kenburns-top-right { -webkit-animation-name: kenburns-top-right; animation-name: kenburns-top-right; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes kenburns-top-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 16%; transform-origin: 84% 16% } 100% { -webkit-transform: scale(1.15) translate(20px, -15px); transform: scale(1.15) translate(20px, -15px); -webkit-transform-origin: right top; transform-origin: right top } } @keyframes kenburns-top-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 16%; transform-origin: 84% 16% } 100% { -webkit-transform: scale(1.15) translate(20px, -15px); transform: scale(1.15) translate(20px, -15px); -webkit-transform-origin: right top; transform-origin: right top } } .main-slider .slick-current.slick-active .kenburns-right { -webkit-animation-name: kenburns-right; animation-name: kenburns-right; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes kenburns-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 50%; transform-origin: 84% 50% } 100% { -webkit-transform: scale(1.15) translateX(20px); transform: scale(1.15) translateX(20px); -webkit-transform-origin: right; transform-origin: right } } @keyframes kenburns-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 50%; transform-origin: 84% 50% } 100% { -webkit-transform: scale(1.15) translateX(20px); transform: scale(1.15) translateX(20px); -webkit-transform-origin: right; transform-origin: right } } .main-slider .slick-current.slick-active .kenburns-bottom-right { -webkit-animation-name: kenburns-bottom-right; animation-name: kenburns-bottom-right; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes kenburns-bottom-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 84%; transform-origin: 84% 84% } 100% { -webkit-transform: scale(1.15) translate(20px, 15px); transform: scale(1.15) translate(20px, 15px); -webkit-transform-origin: right bottom; transform-origin: right bottom } } @keyframes kenburns-bottom-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 84%; transform-origin: 84% 84% } 100% { -webkit-transform: scale(1.15) translate(20px, 15px); transform: scale(1.15) translate(20px, 15px); -webkit-transform-origin: right bottom; transform-origin: right bottom } } .main-slider .slick-current.slick-active .kenburns-bottom { -webkit-animation-name: kenburns-bottom; animation-name: kenburns-bottom; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes kenburns-bottom { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 84%; transform-origin: 50% 84% } 100% { -webkit-transform: scale(1.15) translateY(15px); transform: scale(1.15) translateY(15px); -webkit-transform-origin: bottom; transform-origin: bottom } } @keyframes kenburns-bottom { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 84%; transform-origin: 50% 84% } 100% { -webkit-transform: scale(1.15) translateY(15px); transform: scale(1.15) translateY(15px); -webkit-transform-origin: bottom; transform-origin: bottom } } .main-slider .slick-current.slick-active .kenburns-bottom-left { -webkit-animation-name: kenburns-bottom-left; animation-name: kenburns-bottom-left; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes kenburns-bottom-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 84%; transform-origin: 16% 84% } 100% { -webkit-transform: scale(1.15) translate(-20px, 15px); transform: scale(1.15) translate(-20px, 15px); -webkit-transform-origin: left bottom; transform-origin: left bottom } } @keyframes kenburns-bottom-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 84%; transform-origin: 16% 84% } 100% { -webkit-transform: scale(1.15) translate(-20px, 15px); transform: scale(1.15) translate(-20px, 15px); -webkit-transform-origin: left bottom; transform-origin: left bottom } } .main-slider .slick-current.slick-active .kenburns-left { -webkit-animation-name: kenburns-left; animation-name: kenburns-left; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes kenburns-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 50%; transform-origin: 16% 50% } 100% { -webkit-transform: scale(1.15) translate(-20px, 15px); transform: scale(1.15) translate(-20px, 15px); -webkit-transform-origin: left; transform-origin: left } } @keyframes kenburns-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 50%; transform-origin: 16% 50% } 100% { -webkit-transform: scale(1.15) translate(-20px, 15px); transform: scale(1.15) translate(-20px, 15px); -webkit-transform-origin: left; transform-origin: left } } .main-slider .slick-current.slick-active .kenburns-top-left { -webkit-animation-name: kenburns-top-left; animation-name: kenburns-top-left; animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-fill-mode: both } @-webkit-keyframes kenburns-top-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 16%; transform-origin: 16% 16% } 100% { -webkit-transform: scale(1.15) translate(-20px, -15px); transform: scale(1.15) translate(-20px, -15px); -webkit-transform-origin: top left; transform-origin: top left } } @keyframes kenburns-top-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 16%; transform-origin: 16% 16% } } @-webkit-keyframes jump { 20% { -webkit-transform: translateY(2%) scaleY(.9); transform: translateY(2%) scaleY(.9); opacity: 1 } 40% { -webkit-transform: translateY(-100%) scaleY(1.2); transform: translateY(-100%) scaleY(1.2); opacity: 1 } 50% { -webkit-transform: translateY(10%) scaleY(.8); transform: translateY(10%) scaleY(.8); opacity: 1 } 70% { -webkit-transform: translateY(-5%) scaleY(1); transform: translateY(-5%) scaleY(1); opacity: 1 } 80%, 100% { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1); opacity: 1 } } @keyframes jump { 20% { -webkit-transform: translateY(2%) scaleY(.9); transform: translateY(2%) scaleY(.9); opacity: 1 } 40% { -webkit-transform: translateY(-100%) scaleY(1.2); transform: translateY(-100%) scaleY(1.2); opacity: 1 } 50% { -webkit-transform: translateY(10%) scaleY(.8); transform: translateY(10%) scaleY(.8); opacity: 1 } 70% { -webkit-transform: translateY(-5%) scaleY(1); transform: translateY(-5%) scaleY(1); opacity: 1 } 80%, 100% { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1); opacity: 1 } } /** * Swiper 7.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 27, 2021 */ @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-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-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:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; 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-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-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .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%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 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 } .header { background: #23103e; width: 100%; height: auto; display: block; position: relative; z-index: 99 } .header:before { content: ""; position: absolute; left: 0; bottom: -18px; width: 175px; height: 18px; background: #23103e; clip-path: polygon(0 0, 100% 0%, 82% 100%, 0% 100%) } .header:after { content: ""; position: absolute; right: 0; bottom: -18px; width: 175px; height: 18px; background: #23103e; clip-path: polygon(0 0, 100% 0%, 100% 100%, 18% 100%) } .header-logo img { max-width: 100% } .header-logo .dark { display: none } .sticky-header.sticky-fixed-top .header-logo .light { display: none } .sticky-header.sticky-fixed-top .header-logo .dark { display: block } .top-bar { background-color: #07122d } .top-bar-inner { display: flex; align-items: center; justify-content: space-between; color: #fff } .top-bar .top-left li { font-size: 14px; color: #fff; display: inline-block; margin: 0; padding-top: 7px; padding-bottom: 7px } .top-bar .top-left li:first-child { margin-right: 10px } .top-bar .top-left li a { color: #fff; text-decoration: none } .top-bar .top-social li { display: inline-block; margin-left: 13px } .top-bar .top-social li:first-child { margin-left: 0 } .top-bar .top-social li a { color: #fff; font-size: 12px } .top-bar .top-social li a:hover { color: #ddd } @media(max-width:767px) { .top-bar .top-right { display: none } .top-bar .top-left li, .top-bar .top-left li:first-child { border: none } .top-bar .top-left li { padding-left: 0; padding-right: 20px } } .sticky-header { width: 100%; position: fixed; left: 0; top: 0; transform: translateY(-100%); z-index: 99 } .sticky-header .primary-header { background: #23103e; box-shadow: 0 2px 5px 0 rgb(0 0 0/30%) } .sticky-header.sticky-fixed-top { transition: transform 1s ease; will-change: transform; transform: translateY(0) } .header ul { margin: 0; padding: 0; list-style: none } .mobile-menu-icon { display: none } .burger-menu { width: 20px; height: 17px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; -webkit-transition: transform 330ms ease-out; -moz-transition: transform 330ms ease-out; -o-transition: transform 330ms ease-out; transition: transform 330ms ease-out } .burger-menu.menu-open { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .dark-text .line-menu, .line-menu { background-color: #222; border-radius: 2px; width: 100%; height: 3px } .line-menu.line-half { width: 50% } .line-menu.first-line { transition: transform 330ms cubic-bezier(.54, -.81, .57, .57); transform-origin: right } .menu-open .line-menu.first-line { -webkit-transform: rotate(-90deg) translateX(3px); -moz-transform: rotate(-90deg) translateX(3px); -o-transform: rotate(-90deg) translateX(3px); transform: rotate(-90deg) translateX(3px) } .line-menu.last-line { align-self: flex-end; transition: transform 330ms cubic-bezier(.54, -.81, .57, .57); transform-origin: left } .menu-open .line-menu.last-line { -webkit-transform: rotate(-90deg) translateX(-3px); -moz-transform: rotate(-90deg) translateX(-3px); -o-transform: rotate(-90deg) translateX(-3px); transform: rotate(-90deg) translateX(-3px) } .header-menu-wrap ul { margin: 0; padding: 0; list-style: none } .header-menu-wrap ul li { display: inline-block; position: relative } .header-menu-wrap ul li>a { display: block; font-family: oxanium, sans-serif; font-size: 15px; letter-spacing: -.2px; font-weight: 600; text-transform: uppercase; color: #ddd; padding: 0; margin: 0 15px; line-height: 1; text-decoration: none; -webkit-font-smoothing: antialiased; position: relative; z-index: 1 } .header-menu-wrap ul li>a:before { background-color: #9841ff; content: ''; position: absolute; left: 0; bottom: -10px; display: inline-block; width: 100%; height: 4px; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: .3s cubic-bezier(.45, .1, 0, .95); -o-transition: .3s cubic-bezier(.45, .1, 0, .95); transition: .3s cubic-bezier(.45, .1, 0, .95) } .header.dark-text .header-menu-wrap ul li>a { color: #0e1318 } .header-menu-wrap ul li.active>a, .header-menu-wrap ul li:hover>a { color: #fff } .header-menu-wrap ul li.active>a:before, .header-menu-wrap ul li:hover>a:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .header-menu-wrap li ul { background-color: rgba(12, 13, 53, .95); box-shadow: 0 2px 5px 0 rgb(0 0 0/30%); border-radius: 2px; width: 220px; padding: 0; display: block; position: absolute; left: -35px; top: 50px; opacity: 0; visibility: hidden; z-index: 0; -webkit-transition: opacity .5s ease, visibility .5s ease; -o-transition: opacity .5s ease, visibility .5s ease; transition: opacity .5s ease, visibility .5s ease } .header-menu-wrap li:hover>ul { opacity: 1; visibility: visible; z-index: 99 } .header-menu-wrap li li { display: flex; justify-content: space-between; padding: 15px 20px; border-bottom: 1px solid rgba(255, 255, 255, .05); text-align: left; position: relative; transition: all .2s ease-in-out } .header-menu-wrap li li:last-child { margin: 0; border-bottom: 0 } .header-menu-wrap li li>a { font-family: oxanium, sans-serif; display: block; height: auto; line-height: inherit; color: #bbb; font-weight: 600; font-size: 15px; text-transform: capitalize; line-height: 20px; letter-spacing: -.2px; width: 100%; -webkit-font-smoothing: antialiased } .header-menu-wrap li li>a:before { display: none } .header-menu-wrap li li>a:hover { color: aliceblue#fff } .header-menu-wrap li ul li ul { width: 220px; position: absolute; left: 100%; top: 0 } @media(min-width:993px) { .header-menu-wrap li ul { display: block !important } .sticky-fixed-top .header-menu-wrap li li:hover>a { color: #fff } } @media(max-width:992px) { .dropdown-plus { width: 49px; height: 49px; line-height: 49px; position: absolute; top: 0; right: 0; cursor: pointer } .dropdown-plus:before, .dropdown-plus:after { position: absolute; content: ''; top: 21px; right: 10px; width: 10px; height: 2px; background-color: #6a7c92 } .dropdown-plus:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .dropdown-plus.dropdown-open:after { display: none } .mobile-menu-icon { display: block } .header-menu-wrap { background-color: #23103e; display: none; width: 100%; height: auto; padding: 0 20px; position: absolute; left: 0; top: 100%; z-index: 999 } .header-menu-wrap ul li { margin: 0; display: block; border-bottom: 1px solid rgba(255, 255, 255, .05) } .header-menu-wrap ul li:first-child { border-top: 1px solid rgba(255, 255, 255, .05) } .header-menu-wrap ul li>a { padding: 10px 15px; height: inherit; line-height: inherit } .header-menu-wrap li li:hover>a { background-color: transparent } .header-menu-wrap ul li ul li ul, .header-menu-wrap ul li ul { background-color: transparent; width: 100%; opacity: 1; padding: 0; visibility: visible; position: inherit; display: none; top: inherit; left: inherit; box-shadow: none; padding-top: 11px } .header-menu-wrap li li { padding: 0 20px } .header-menu-wrap li li { padding-left: 10px } .header-menu-wrap li li:last-child { border-bottom: none } .header-menu-wrap ul li>a { color: #fff; font-size: 14px } .header-menu-wrap li li>a { color: #ddd; font-size: 14px } .header-menu-wrap li li:hover>a { color: #fff } .header-menu-wrap ul li>a:before { display: none } .sticky-fixed-top .header-right .search-icon { color: #0e1318 } .sticky-fixed-top .line-menu { background-color: #ddd } .line-menu { background-color: #ddd } } @media(max-width:580px) { .header-right a.dl-btn { line-height: 40px; font-size: 10px; padding: 0 25px } .primary-header .header-logo { max-width: 150px } .top-bar .top-left li { font-size: 12px } .sticky-header { display: none } } .primary-header-inner .header-right { display: flex; gap: 20px; align-items: center; line-height: 80px; margin-left: 20px } .header-right .search-icon { color: #ddd; cursor: pointer; font-size: 24px } .header-right .default-btn { height: 45px; line-height: 45px; width: 160px; padding: 0 20px } .header.dark-text .header-right .search-icon { color: #0e1318 } .header-right .search-icon:hover { opacity: .8 } .primary-header-inner { padding: 10px 0; display: flex; align-items: center; justify-content: space-between; position: relative } .primary-header .header-logo { max-width: 150px } .viewport-lg .primary-header .header-menu-wrap { display: block !important } .header-cart-btn { margin-left: 10px } .header-cart-btn a { color: #0e1318; font-size: 18px; text-decoration: none; position: relative } .header-cart-btn a .num { position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #f90cff; color: #fff; font-size: 11px; display: block; top: -8px; right: -9px; line-height: 16px; text-align: center } @media(max-width:992px) { .primary-header-inner { padding: 0 } .sticky-header .primary-header-inner { padding: 0 } } @media(max-width:992px) { .header-menu-wrap { top: 100% } .primary-header .header-logo { max-width: 180px } } @media(max-width:767px) { .primary-header .header-logo { max-width: 160px; padding: 15px 0 } } .viewport-sm .sticky-header { display: none } #popup-search-box { background-color: rgba(12, 13, 53, .95); position: fixed; width: 100%; height: 100%; top: -20em; left: 0; right: 0; white-space: nowrap; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: 500ms ease all; -moz-transition: 500ms ease all; transition: 500ms ease all } .box-inner-wrap:hover { cursor: zoom-in } #popup-search-box.toggled { top: 0; opacity: 1; visibility: visible } #popup-search-box .box-inner-wrap { width: 100%; height: 100% } #popup-search-box .box-inner-wrap form { position: relative; margin: 0 auto } #popup-search-box .box-inner-wrap input::-webkit-input-placeholder { color: #444 } #popup-search-box .box-inner-wrap input:-ms-input-placeholder { color: #444 } #popup-search-box .box-inner-wrap input::placeholder { color: #444; font-size: 36px } #popup-search-box .box-inner-wrap input { background: rgba(255, 255, 255, .2); font-family: oxanium, sans-serif; width: 100%; padding: 20px 30px; padding-right: 80px; border: none; font-size: 36px; color: #fff; border-radius: 2px } #popup-search-box .box-inner-wrap input::-webkit-input-placeholder { color: #ddd !important } #popup-search-box .box-inner-wrap input::-moz-placeholder { color: #ddd !important } #popup-search-box .box-inner-wrap input::-moz-placeholder { color: #ddd !important } #popup-search-box .box-inner-wrap input:-ms-input-placeholder { color: #ddd !important } #popup-search-box .box-inner-wrap input:focus { outline: none } #popup-search-box .box-inner-wrap button { position: absolute; display: flex; align-items: center; justify-content: center; width: 80px; height: 100%; right: 0; top: 50%; transform: translateY(-50%); background: 0 0; border: none; color: #ddd; font-size: 50px; -webkit-transition: 500ms ease all; -moz-transition: 500ms ease all; transition: 500ms ease all } #popup-search-box .box-inner-wrap button:hover { color: #fff } #popup-search-box .box-inner-wrap button:focus { outline: none } @media screen and (max-width:600px) { #popup-search-box .box-inner-wrap form { width: 90% } #popup-search-box .box-inner-wrap input, #popup-search-box .box-inner-wrap button { font-size: 3em } } .grid-post { margin: -15px } .post-card { background-color: rgba(12, 12, 53, .9); box-shadow: 0 2px 5px 0 rgb(0 0 0/20%) } .post-card .post-thumb { position: relative } .post-content-wrap { padding: 30px } .post-meta { margin-bottom: 10px } .post-meta li { font-family: oxanium, sans-serif; font-size: 14px; line-height: 1; font-weight: 600; text-transform: uppercase; color: #f1d6c5; display: inline-flex; align-items: center } .post-meta li:not(:last-of-type) { margin-right: 10px } .post-meta li i { color: #9841ff; font-size: 20px; margin-right: 5px; margin-top: -2px } .post-card .post-content h3 { font-family: oxanium, sans-serif; font-size: 24px; line-height: 34px; font-weight: 600; color: #fff; letter-spacing: -1px; transition: all .3s ease; text-transform: capitalize; position: relative } .post-card .post-content h3 a { background-image: linear-gradient(#9841ff 0%, #9841ff 98%); background-size: 0 4px; background-repeat: no-repeat; background-position: left 100% } .post-card .post-content h3 a:hover { background-size: 100% 4px } .post-card .post-content h3 a { color: #fff } .post-card .post-content .read-more { font-family: oxanium, sans-serif; font-size: 14px; line-height: 1; font-weight: 600; text-transform: uppercase; color: #f1d6c5; position: relative; padding-left: 30px } .post-card .post-content .read-more:before { background-color: #9841ff; position: absolute; content: ""; width: 20px; height: 4px; left: 0; top: 50%; transform: translateY(-50%) } .post-card .post-content .read-more:hover { color: #9841ff } .classic-post .post-card .post-thumb { min-height: 350px } .classic-post .post-card .post-thumb img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center } .classic-post .post-card:not(:last-of-type) { margin-bottom: 30px } .post-category { background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(90% 0, 100% 35%, 100% 100%, 0% 100%, 0 66%, 0 0); position: absolute; left: 0; bottom: 0; font-family: oxanium, sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; height: 30px; line-height: 30px; padding: 0 20px; cursor: pointer } .post-category:hover { color: #fff } .post-details .post-thumb { min-height: 350px; position: relative; margin-bottom: 40px } .post-details .post-thumb img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center } .post-details p { font-size: 20px; line-height: 30px; margin-bottom: 40px } blockquote { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%); padding: 40px; border: none; border-left: 3px solid #9841ff; font-size: 24px; line-height: 32px; font-weight: 500; color: #fff; display: block; margin: 0; margin-bottom: 40px } blockquote i.fas { color: #9841ff; display: block; margin-bottom: 20px } blockquote span { font-family: oxanium, sans-serif; font-size: 12px; font-weight: 600; line-height: 1; text-transform: uppercase; color: #9841ff; display: block; margin-top: 10px } .post-details-gallery { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; margin: 40px 0 } .post-details .tags li a { margin: 0 } .post-navigation { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; align-items: center; margin: 40px 0 } .post-navigation li:last-child { text-align: right } .post-navigation li a { font-size: 20px; line-height: 28px; font-weight: 600; color: #fff; letter-spacing: -.5px } .post-navigation li a:hover { text-decoration: underline } .post-navigation li a:hover>span { text-decoration: none } .post-navigation li a span { font-family: oxanium, sans-serif; font-size: 12px; font-weight: 600; color: #a5a6aa; text-transform: uppercase; display: block; margin-bottom: 10px; text-decoration: none } .post-navigation li a span i { color: #a5a6aa; margin-right: 5px } .post-navigation li:last-child a span i { margin-left: 5px; margin-right: auto } .author-box { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%); padding: 40px; border: none; border-radius: 2px; display: grid; align-items: center; grid-template-columns: 80px 1fr; grid-column-gap: 20px; line-height: 1; margin-bottom: 40px } .author-info p { margin-bottom: 20px } .social-icon { margin-left: -3px } .social-icon li { display: inline-block } .social-icon li a:hover { color: #9841ff } .social-icon li:not(:last-of-type) { margin-right: 10px } .comments-box { margin-bottom: 40px } .comment-title { font-weight: 600; color: #fff; display: inline-block; padding-bottom: 10px; position: relative; margin-bottom: 30px; line-height: 1 } .comment-title:before { background-color: #9841ff; width: 50%; height: 4px; position: absolute; content: ""; left: 0; bottom: 0 } .comments-box .comment-inner { display: grid; grid-template-columns: 60px 1fr; grid-column-gap: 20px } .comments-box .comment { margin-bottom: 40px } .comments-box .children { margin-left: 50px; margin-top: 40px } .comments-box .comment-thumb img { width: 60px; height: 60px; border-radius: 50%; margin-top: 5px } .comments-meta h4 { font-size: 20px; font-weight: 500; display: block } .comments-meta h4 span { font-family: oxanium, sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #ddd; display: block } .comment-area p { font-size: 17px; line-height: 27px; margin-bottom: 10px } .comment-area .reply { font-family: oxanium, sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #9841ff } .comment-form { margin-top: -15px } .comment-form .form-control { background-color: rgba(12, 12, 53, .9); height: 60px; border-radius: 2px; border: 2px solid rgba(152, 65, 255, .3); box-shadow: 0 2px 5px 0 rgb(0 0 0/20%); outline: none; color: #fff } .comment-form .form-control.comment { height: 150px } #form-messages { display: none; margin-top: 15px; margin-bottom: 0 } #form-messages.alert-danger, #form-messages.alert-success { display: block } .sidebar-widget { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%); padding: 30px; border-radius: 2px } .sidebar-widget:not(:last-of-type) { margin-bottom: 30px } .widget-title { display: block; overflow: hidden; position: relative; margin-bottom: 20px } .widget-title h3 { font-weight: 600; color: #fff; display: inline-block; padding-bottom: 10px; position: relative; margin: 0; line-height: 1 } .widget-title h3:before { background-color: #9841ff; width: 50%; height: 4px; position: absolute; content: ""; left: 0; bottom: 0 } .sidebar-widget .search-form { position: relative } .sidebar-widget .search-form .form-control { background-color: rgba(12, 12, 53, .9); border-radius: 2px; box-shadow: none; outline: none; height: 60px; border: 2px solid rgba(152, 65, 255, .3); box-shadow: 0 2px 5px 0 rgb(0 0 0/20%); padding-right: 40px; color: #fff; border-radius: 2px } .sidebar-widget .search-form .search-btn { position: absolute; right: 0; top: 0; width: 50px; height: 100%; font-size: 15px; color: #9841ff } .category-list li { display: flex; align-items: center; justify-content: space-between; transition: all .3s ease } .category-list li:not(:last-of-type) { margin-bottom: 10px } .category-list li a { color: #ddd } .category-list li a:hover { color: #9841ff; text-decoration: underline } .category-list li span { background-color: rgba(152, 65, 255, .3); clip-path: polygon(0% 0%, 80% 0, 100% 20%, 100% 100%, 0 100%); font-size: 14px; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1); transition: all .3s cubic-bezier(.165, .84, .44, 1) } .category-list li:hover span { background-color: #9841ff; color: #fff; transform: translateY(-2px) } .thumb-post li { display: inline-flex; align-items: flex-start; justify-content: space-between } .thumb-post li:not(:last-of-type) { margin-bottom: 20px } .thumb-post li .thumb { flex-shrink: 0; width: 80px; height: 70px; margin: 0 15px 0 0; position: relative; display: inline-block; vertical-align: top; max-width: 100%; overflow: hidden } .thumb-post .thumb-post-info { position: relative; display: inline-block; width: 100%; vertical-align: top } .thumb-post .thumb-post-info h3 { font-weight: 600; font-size: 16px; line-height: 22px } .thumb-post .thumb-post-info h3 a { color: #ddd } .thumb-post .thumb-post-info h3 a:hover { text-decoration: underline } .thumb-post .thumb-post-info .date { font-weight: 600; font-size: 12px; font-family: oxanium, sans-serif; text-transform: uppercase; color: #ddd; display: flex; align-items: center; line-height: 1 } .thumb-post .thumb-post-info .date i { color: #9841ff; margin-right: 5px } .tags li { display: inline-block } .tags li a { background-color: rgba(152, 65, 255, .3); display: inline-block; font-family: oxanium, sans-serif; text-transform: capitalize; font-size: 14px; color: #fff; padding: 3px 15px; margin: 0 3px 10px 0; border-radius: 2px } .tags li a:hover { background-color: #9841ff; color: #fff; transform: translateY(-2px) } .pagination-wrap li { display: inline-block; margin: 0 10px 0 0 } .pagination-wrap li a { background-color: rgba(152, 65, 255, .3); clip-path: polygon(0% 0%, 70% 0, 100% 30%, 100% 100%, 0 100%); border: none; color: #ddd; width: 40px; height: 40px; line-height: 42px; border-radius: 2px; text-align: center; display: inline-block; cursor: pointer } .pagination-wrap li a:hover, .pagination-wrap li a.active { background-color: #9841ff; color: #fff; transform: translateY(-2px) } .pagination-wrap li a.active { transform: translateY(0) } @media(max-width:992px) { .padding { padding: 50px 0 } .sm-padding { padding: 15px } p br { display: none } span br { display: none } .default-btn { padding: 0 30px } .post-card .post-content h3 { font-size: 20px; line-height: 26px } } @media all and (max-width:767px) { .grid-post { margin: 0 } .padding { padding: 50px 0 } .xs-padding { padding: 15px } p br { display: none } .author-box { display: block } .author-thumb { margin-bottom: 20px } } @media all and (max-width:580px) { #scrollup { bottom: 20px; right: 20px } } .shop-carousel, .shop-section.single { position: relative } .shop-section.single:before { background: linear-gradient(90deg, rgba(152, 65, 255, 0.1) 0%, rgba(152, 65, 255, 1) 50%, rgba(152, 65, 255, 0.1) 100%); content: ""; position: absolute; width: 100%; height: 4px; left: 0; bottom: 0; z-index: 1 } .shop-section .product-details-wrap { padding-right: 40px } .product-shorting { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 20px } @media all and (max-width:768px) { .product-shorting { display: block } .product-shorting .orderby { margin-top: 15px } } .product-shorting div { color: #ddd } .product-shorting .orderby { background-color: rgba(152, 65, 255, .3); padding: 0 10px; height: 30px; border: none; outline: none; box-shadow: none; color: #ddd } .product-shorting .orderby option { color: #23103e; font-size: 14px; font-weight: 500 } .product-thumb { background-color: rgba(12, 12, 53, .9); width: 100%; height: 250px; position: relative; overflow: hidden; box-shadow: 0 2px 5px 0 rgb(0 0 0/20%) } .product-card .product-thumb img { width: 100%; height: 100%; object-fit: scale-down; object-position: center; position: absolute; left: 0; top: 0; transition: .5s cubic-bezier(.3, .3, .05, .95) } .product-card:hover .product-thumb img { transform: scale(1.02), translate(-50%, -50%); transition: .5s cubic-bezier(.3, .3, .05, .95) } .shop-action { position: absolute; right: 10px; top: 10px } .shop-action li { transform: translateX(100%); visibility: hidden; opacity: 0; transition: .5s cubic-bezier(.3, .3, .05, .95) } .product-card:hover .shop-action li { visibility: visible; opacity: 1; transform: translateX(0) } .product-card:hover .shop-action li:nth-child(2) { transition-delay: .1s } .product-card:hover .shop-action li:nth-child(3) { transition-delay: .2s } .shop-action li a { background-color: rgba(152, 65, 255, .3); font-size: 14px; width: 40px; height: 40px; margin-bottom: 5px; display: flex; align-items: center; justify-content: center; clip-path: polygon(0% 0%, 70% 0, 100% 30%, 100% 100%, 0 100%) } .shop-action li a:hover { background-color: #9841ff; color: #fff } .product-card .product-thumb .default-btn { width: 70%; height: 45px; line-height: 45px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) translateY(100%); margin-bottom: 20px; visibility: hidden; opacity: 0; transition: .5s cubic-bezier(.3, .3, .05, .95) } .product-card:hover .default-btn { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0) } .product-thumb .badge { background-color: #9841ff; height: 20px; line-height: 20px; display: inline-block; position: absolute; left: 10px; top: 10px; color: #fff; font-size: 12px; font-family: work sans, sans-serif; font-weight: 600; text-transform: uppercase; padding: 0 15px; border-radius: 0 } .product-thumb .badge.hot { background-color: #fe4819 } .product-thumb .badge.in-stock { background-color: #5dce53 } .product-thumb .badge.out-stock { background-color: #ff9529 } .product-thumb .badge.sale { background-color: #ef3c3c } .product-info { margin-top: 15px } .product-inner { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 15px; align-items: center } .product-inner .rating { text-align: right } .product-info h3 { font-size: 22px; font-weight: 600; margin: 0; cursor: pointer; text-transform: uppercase } .product-info .category li a { font-family: oxanium, sans-serif; font-size: 12px; font-weight: 600; color: #f1d6c5; text-transform: uppercase; display: block; cursor: pointer } .product-info .price { font-family: oxanium, sans-serif; font-size: 22px; font-weight: 600; text-transform: uppercase; color: #9841ff; display: block } .product-info .price span { color: #a6a6a6; text-decoration: line-through; margin-left: 5px } .shop-sidebar-widget:not(:last-of-type) { margin-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, .1); padding-bottom: 40px } .shop-sidebar-widget .shop-widget-title h3 { font-size: 16px; margin-bottom: 30px; line-height: 1 } .shop-sidebar-widget .shop-widget-title h3 span { color: #9841ff; line-height: 1; font-weight: 600 } .shop-sidebar-widget .category-list { height: 190px; overflow-y: scroll; padding-right: 20px } .shop-sidebar-widget .category-list::-webkit-scrollbar { background: rgba(255, 255, 255, .05); width: 8px; height: 4px } .shop-sidebar-widget .category-list::-webkit-scrollbar-thumb { cursor: pointer; background: #9841ff } .shop-sidebar-widget .category-list::selection { background-color: #9841ff; color: #fff } .shop-sidebar-widget .category-list-webkit-::selection { background-color: #9841ff; color: #fff } .shop-sidebar-widget .category-list::-moz-selection { background-color: #9841ff; color: #fff } .range-slider { width: 100% } .range-slider input { -webkit-appearance: none; appearance: none; width: 100%; height: 10px; background: #eee; outline: none; -webkit-transition: .2s; transition: opacity .2s } .range-slider input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #9841ff; cursor: pointer } .range-slider input::-moz-range-thumb { width: 20px; height: 20px; background: #9841ff; cursor: pointer } .range-slider-output { display: flex; align-items: center; justify-content: space-between; margin-top: 10px } .color-list label { display: block; position: relative; cursor: pointer; font-size: 16px; padding-left: 30px; user-select: none } .color-list li:not(:last-of-type) { margin-bottom: 10px } .color-list input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .color-list .checkmark { position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 20px; width: 20px; background-color: #eee } .color-list label:hover input~.checkmark { background-color: #eee } .color-list .checkmark:after { content: ""; position: absolute; display: none } .color-list label input:checked~.checkmark:after { display: block } .color-list label .checkmark:after { content: "\f00c"; font-family: "font awesome 5 free"; font-size: 10px; font-weight: 600; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff } .color-list label input~.checkmark.black { background-color: #333 } .color-list label input~.checkmark.green { background-color: #0abf53 } .color-list label input~.checkmark.blue { background-color: #00aeff } .color-list label input~.checkmark.red { background-color: #ff4c4c } .color-list label input~.checkmark.yellow { background-color: #ffc845 } .size-list li { display: inline-block } .size-list li:not(:last-of-type) { margin-right: 5px } .size-list li a { background-color: rgba(152, 65, 255, .3); font-size: 14px; width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block } .size-list li a:hover { background-color: #9841ff; color: #fff; transform: translateY(-2px) } .product-gallary .swiper-slide { background-color: rgba(12, 12, 53, .9); box-shadow: 0 2px 5px 0 rgb(0 0 0/20%); height: 500px; position: relative } .product-gallary-thumb .swiper-slide img, .product-gallary .swiper-slide img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; border: 2px solid rgba(152, 65, 255, .3) } .product-gallary-thumb .swiper-slide { background-color: rgba(12, 12, 53, .9); box-shadow: 0 2px 5px 0 rgb(0 0 0/20%); height: 100px; position: relative; margin-top: 10px } .swiper-nav-next, .swiper-nav-prev { background-color: rgba(152, 65, 255, .3); width: 50px; height: 50px; color: #ddd; font-size: 20px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); visibility: hidden; opacity: 0; transition: all .2s ease; z-index: 1 } .swiper-nav-next { left: auto; right: 0 } .product-gallary:hover .swiper-nav-next, .product-gallary:hover .swiper-nav-prev { visibility: visible; opacity: 1 } .product-details h3 { font-size: 28px; line-height: 1; margin: 10px 0 } .product-details .price { color: #fff; font-size: 22px; display: flex; align-items: center } .product-details .price span { font-size: 16px; text-decoration: none; color: #5dce53; margin-left: 10px } .product-details p { margin-bottom: 30px } .product-btn { display: flex; align-items: center; margin-bottom: 30px } .purchase-btn { background: #f90cff; background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(0% 0%, 90% 0, 100% 30%, 100% 100%, 0 100%); font-size: 15px; font-weight: 600; color: #fff; height: 45px; line-height: 45px; text-align: center; padding: 0 30px; display: inline-block; margin-left: 15px } .purchase-btn:hover { background-color: #333; color: #fff } .product-btn form input { background-color: rgba(152, 65, 255, .3); color: #fff; width: 100%; height: 45px; line-height: 45px; border: none; border-radius: 0; outline: none; box-shadow: none; text-align: center } .product-details .product-meta { margin-bottom: 30px } .product-details .product-meta li { color: #9841ff; font-size: 14px; text-transform: uppercase; font-weight: 600 } .product-details .product-meta li:not(:last-of-type) { margin-bottom: 5px } .product-details .product-meta li a { color: #fff; margin-left: 5px } .product-details .social-icon li { margin-right: 0 } .product-details .social-icon li:first-child { margin-right: 10px } .product-details .social-icon li a { background-color: #eee; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; display: inline-block } .tab-navigation { border-bottom: 1px solid rgba(255, 255, 255, .2) } .tab-navigation button { font-family: oxanium, sans-serif; font-weight: 600; font-size: 15px; color: #fff; text-transform: uppercase; letter-spacing: 0; padding: 0; margin-right: 30px; padding-bottom: 10px; position: relative } .tab-navigation button:after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; width: 0; height: 1px; background-color: #9841ff; transition: .5s; opacity: 0 } .tab-navigation button.active:after { opacity: 1; width: 100% } .tab-navigation button.active, .tab-navigation button:hover { color: #9841ff } .tab-content .tab-pane { margin-top: 40px } .tab-content .description { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%); padding: 40px; border: 1px solid rgba(255, 255, 255, .1) } .description-meta { display: grid; grid-template-columns: 1fr 2fr; grid-gap: 10px } .description-meta li span { color: #9841ff; font-weight: 600; margin-right: 5px } .product-table { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%); border: 1px solid rgba(255, 255, 255, .1); margin: 0; margin-top: 40px } .product-table>:not(:last-child)>:last-child>* { border-color: rgba(255, 255, 255, .1) } .product-table tbody tr td, .product-table thead tr th { text-align: center } .product-table tbody tr td:not(:last-of-type), .product-table thead tr th:not(:last-of-type) { border-right: 1px solid rgba(255, 255, 255, .1) } .product-table thead tr th { color: #9841ff } .product-table tbody tr td { padding: 15px 0; color: #fff } .review .comment-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px } .review .comment-list>li { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%); border: 1px solid rgba(255, 255, 255, .1); display: grid; grid-template-columns: 80px 1fr; grid-gap: 30px; align-items: center; padding: 40px } .review .comment-list .comment-thumb img { border-radius: 50% } .review .comment-list .comment-author { display: flex; align-items: center; justify-content: space-between } .review .comment-list .comment-text h3 span { font-size: 14px; font-weight: 600; color: #ddd; display: block } .review .comment-list .comment-text p { margin: 0 } .shop-section .outside-spacing { padding: 0 25px; margin: 0 -25px } .shop-carousel .swiper-nav { z-index: 1 } .shop-carousel .swiper-nav.swiper-next { right: -20px } .shop-carousel .swiper-nav.swiper-prev { left: -20px } .cart-header { margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, .1); padding-bottom: 30px } .cart-header>div { font-size: 15px; font-weight: 600; color: #fff; text-transform: uppercase } .cart-body { display: flex; align-items: center } .cart-body .cart-item { display: flex; align-items: center } .cart-body .cart-item img { background-color: rgba(12, 12, 53, .9); box-shadow: 0 2px 5px 0 rgb(0 0 0/20%); max-width: 100px; margin-right: 20px; padding: 10px; border: 2px solid rgba(152, 65, 255, .3) } .cart-body .cart-item .cart-content a { font-size: 18px; font-weight: 500; color: #fff } .cart-body .cart-item .cart-content a:hover { color: #9841ff } .cart-body .cart-item p { margin: 0 } .cart-body .cart-item p strong { color: #fff } .cart-body .cart-item input { background-color: rgba(152, 65, 255, .3); color: #fff; border-radius: 0; border: none; width: 100px; height: 45px; line-height: 45px; text-align: center; outline: none; box-shadow: none } .cart-body .cart-item .remove { background-color: rgba(152, 65, 255, .3); border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 15px; color: #fff; display: block; margin-top: -5px } .cart-body .cart-item .remove:hover { background-color: #9841ff; color: #fff } .cart-total { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%); border: 1px solid rgba(255, 255, 255, .1); padding: 40px } .cart-total li { display: flex; align-items: center; justify-content: space-between } .cart-total li:not(:last-of-type) { margin-bottom: 20px } .cart-total li a:not(.default-btn), .cart-total li span { font-family: oxanium, sans-serif; font-size: 18px; font-weight: 600; color: #fff } .checkout-form-wrap { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%); border: 1px solid rgba(255, 255, 255, .1); border-radius: 2px; padding: 40px } .checkout-form { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px } .checkout-form-wrap h2 { font-size: 20px; letter-spacing: -1px } .additional-info .form-field textarea, .checkout-form .form-field input { background-color: rgba(255, 255, 255, .1); color: #fff; height: 50px; border-radius: 2px; outline: none; box-shadow: none; border: 1px solid rgba(255, 255, 255, .1) } .additional-info .form-field textarea { height: auto } .checkout-section .cart-total li:last-child { display: block } .checkout-section .cart-total li .default-btn { margin-top: 20px } @media(max-width:992px) { .padding { padding: 50px 0 } .sm-padding { padding: 15px } p br { display: none } span br { display: none } .default-btn { padding: 0 30px } .shop-sidebar { margin-top: 20px } .review .comment-list { grid-template-columns: 1fr } .cart-header { display: none } } @media all and (max-width:768px) { .padding { padding: 50px 0 } .xs-padding { padding: 15px } p br { display: none } .shop-section .product-details-wrap { padding-right: 15px } .description-meta { grid-template-columns: 1fr } .checkout-form-wrap { padding: 20px } } body { background-color: #1b0e22; background-image: url('images/body-bg.jpg'); background-repeat: repeat; background-position: 0 0; font-family: oxanium, sans-serif; font-size: 17px; line-height: 27px; color: #ddd; font-weight: 400; letter-spacing: -.2px; position: relative } * { padding: 0; margin: 0 } h1, h2, h3, h4, h5, h6 { font-family: oxanium, sans-serif; -webkit-font-smoothing: antialiased; color: #fff } h1 { font-size: 45px; font-weight: 600; line-height: 55px; margin: 0 0 10px; color: #fff } h2 { font-size: 32px; line-height: 42px; color: #fff; margin: 0 0 10px; font-weight: 600; letter-spacing: -1px } h3, h4 { margin: 0 0 10px; font-weight: 500; line-height: 1.7; color: #fff; letter-spacing: -.5px } h3 { font-size: 20px } h4 { font-size: 16px } h5, h6 { font-size: 14px; margin: 0 0 10px } p { font-size: 17px; line-height: 27px; margin-bottom: 15px } a { color: #fff } a, a:hover { text-decoration: none } a:hover { color: #9841ff } a:focus { outline: 0; text-decoration: none } img { border: none; outline: none; max-width: 100% } ul { display: block; list-style: none; padding: 0; margin: 0 } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc !important } input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc !important } input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc !important } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc !important } button { border: none; background: 0 0 } .padding { padding: 100px 0 } .padding-top { padding-top: 100px } .padding-bottom { padding-bottom: 100px } .pt-100 { padding-top: 100px } .pb-30 { padding-bottom: 30px } .no-padding { padding: 0 } .padding-15 { padding: 15px } .padding-20 { padding: 20px } .bg-white { background-color: #fff } .bg-grey { background-color: #fafafa } .bg-gradiant { background-image: linear-gradient(to right top, #23103e, #150e3c, #200e43, #2b0d49, #370a4e) } .bg-dark { background-color: #111 !important } .bd-top { border-top: 1px solid #eee } .bd-bottom { border-bottom: 1px solid #eee } .bd-left { border-left: 1px solid #eee } .bd-right { border-right: 1px solid #eee } .mt-10 { margin-top: 10px } .mt-15 { margin-top: 15px } .mt-20 { margin-top: 20px } .mt-25 { margin-top: 25px } .mt-30 { margin-top: 30px } .mt-35 { margin-top: 35px } .mt-40 { margin-top: 40px } .mt-45 { margin-top: 45px } .mt-50 { margin-top: 50px } .mb-10 { margin-bottom: 10px } .mb-15 { margin-bottom: 15px } .mb-20 { margin-bottom: 20px } .mb-25 { margin-bottom: 25px } .mb-30 { margin-bottom: 30px } .mb-35 { margin-bottom: 35px } .mb-40 { margin-bottom: 40px } .mb-45 { margin-bottom: 45px } .mb-50 { margin-bottom: 50px } .ml-40 { margin-left: 40px } a, a:hover, img, .form-control, .form-control:hover, button { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } ::-webkit-scrollbar { background: rgba(255, 255, 255, .05); width: 8px; height: 8px } ::-webkit-scrollbar-thumb { cursor: pointer; background: #9841ff } ::selection { background-color: #9841ff; color: #fff } -webkit-::selection { background-color: #9841ff; color: #fff } ::-moz-selection { background-color: #9841ff; color: #fff } body { overflow: hidden } body.loaded { overflow: inherit; overflow-x: hidden } .loaded .site-preloader { opacity: 0; visibility: hidden } .site-preloader { position: fixed; z-index: 999; height: 100%; width: 100%; background: #fff; top: 0; left: 0 } .site-preloader .spinner { background-color: #9841ff; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px } .spinner { width: 40px; height: 40px; border-radius: 100%; -webkit-animation: scaleout 1s infinite ease-in-out; animation: scaleout 1s infinite ease-in-out } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0) } 100% { -webkit-transform: scale(1); opacity: 0 } } @keyframes scaleout { 0% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } .dl-cursor { display: block; width: 30px; height: 30px; border-radius: 50%; position: fixed; left: 0; top: 0; user-select: none; pointer-events: none; transform: translate(50%, 50%); visibility: hidden; z-index: 10000; -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1); transition: all .3s cubic-bezier(.165, .84, .44, 1) } .dl-cursor:before { background: #9841ff; opacity: .5; content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0 } .dl-cursor.cursor-grow:before { opacity: .7; transform: scale(1.5); transition: all .3s ease } .dl-cursor.hide { opacity: 0; transition: opacity .3s ease; transition-delay: .4s } .dl-cursor.hide .inner { transform: scale(.1); transition: transform .3s ease } .btn-group { align-items: center; gap: 20px } .btn-group a { margin: 5px } .btn-group-left a { margin-right: 10px } .default-btn { background: #f90cff; background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(0% 0%, 90% 0, 100% 30%, 100% 100%, 0 100%); color: #fff; font-family: oxanium, sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0; text-align: center; text-transform: capitalize; display: inline-block; position: relative; min-width: 180px; height: 50px; line-height: 50px; padding: 0 40px; border-radius: 2px; white-space: nowrap; overflow: hidden; transition: all ease 700ms; -moz-transition: all ease 700ms; -webkit-transition: all ease 700ms; -ms-transition: all ease 700ms; -o-transition: all ease 700ms; z-index: 1 } .default-btn:hover { color: #fff } .default-btn span { background: #9841ff none repeat scroll 0 0; border-radius: 50%; display: block; width: 0; height: 0; position: absolute; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: width .6s ease 0s, height .6s ease 0s; -moz-transition: width .6s ease 0s, height .6s ease 0s; -webkit-transition: width .6s ease 0s, height .6s ease 0s; -ms-transition: width .6s ease 0s, height .6s ease 0s; -o-transition: width .6s ease 0s, height .6s ease 0s; z-index: -1 } .default-btn:hover span { height: 550px; width: 550px } .section-heading-group { display: flex; align-items: center; justify-content: space-between } .section-heading h3 { font-size: 16px; font-weight: 600; letter-spacing: 0; text-transform: uppercase } .section-heading h2 { font-size: 45px; line-height: 50px; display: block; font-weight: 700; text-transform: uppercase } .section-heading h2 span { color: #9841ff } .section-heading p { margin-bottom: 0 } .check-list li { display: flex; align-items: center } .check-list li i { font-size: 12px; color: #00c16e; margin-right: 10px } .page-header { width: 100%; height: 400px; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; z-index: 1 } .page-header.single { height: 550px } .page-header.error404 { height: 600px } .page-header:before { background: linear-gradient(90deg, rgba(152, 65, 255, 0.5) 0%, rgba(152, 65, 255, 1) 50%, rgba(152, 65, 255, 0.5) 100%); content: ""; position: absolute; width: 100%; height: 4px; left: 0; bottom: 0; z-index: 1 } .page-header .page-header-shape .shape { background: #f90cff; background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(0 0, 100% 0%, 85% 100%, 0 100%); width: 200px; height: 60px; position: absolute; left: 0; bottom: 0; border-radius: 2px } .page-header .page-header-shape .shape:before { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px); background-size: 4px 4px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .page-header .page-header-shape .shape.right { clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%); position: absolute; left: auto; right: 0; bottom: 0 } .page-header .page-header-shape .shape.center { clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; border-radius: 5px } .page-header .page-header-shape .shape.center.back { clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); width: 400px; height: 40px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; opacity: .5; border-radius: 2px; z-index: -1 } .page-header-info { text-align: center } .page-header-info h4 { font-family: oxanium, sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0; text-transform: uppercase; text-align: center; color: #9841ff; display: inline-block } .page-header-info h2 { color: #fff; font-size: 46px; margin-bottom: 20px } .page-header.single .page-header-info h2 { line-height: 52px } .page-header-info p { color: #ddd; margin: 0 } .page-header .post-meta { margin-top: 20px } .team-details .shape { display: none } .team-details .page-header-info { margin-top: -50px } .team-details .page-header-info img { max-width: 150px; margin-bottom: 20px } .team-details .page-header-info h2 { text-transform: uppercase; font-weight: 700; font-size: 36px; line-height: 1 } .team-details .page-header-info h2 span { display: block; color: #9841ff; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0; margin-top: 10px } .player-details .player-thumb { width: 180px; height: 180px; border-radius: 50%; box-shadow: 0 2px 5px 0 rgb(0 0 0/20%); border: 15px solid rgba(152, 65, 255, .3); margin: 0 auto; margin-bottom: 20px; position: relative } .player-details .player-thumb:before { border: 7px solid rgba(152, 65, 255, .5); content: ""; position: absolute; left: 50%; top: 50%; width: calc(100% + 14px); height: calc(100% + 14px); transform: translate(-50%, -50%); border-radius: 50%; z-index: 1 } .player-details .player-thumb img { border-radius: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center } .overlay { background-color: rgba(147, 65, 255, .2); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1 } .rating li { display: inline-block; color: #ff9529; font-size: 14px; margin: 0 -2px } #scrollup { width: 50px; height: 50px; position: fixed; bottom: 30px; right: 30px; clip-path: polygon(0% 0%, 70% 0, 100% 30%, 100% 100%, 0 100%); overflow: hidden; z-index: 999 } .scroll-to-top { background: #f90cff; background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); width: 100%; height: 100%; text-align: center; font-size: 20px; padding: 0; line-height: 50px; color: #fff; border-radius: 2px; outline: none; text-decoration: none; transform: translateY(150%); transition: all .3s ease-in-out } #scrollup.show { opacity: 1 } #scrollup.show .scroll-to-top { transform: translateY(0); transition: all .3s ease-in-out } .scroll-to-top:hover { color: #fff; text-decoration: none; opacity: .8; transition: all .3s ease-in-out } @media(max-width:1024px) {} @media(max-width:992px) { .padding { padding: 50px 0 } .sm-padding { padding: 15px } p br { display: none } span br { display: none } .default-btn { padding: 0 30px } .post-card .post-content h3 { font-size: 20px; line-height: 26px } } @media all and (max-width:768px) { .padding { padding: 50px 0 } .xs-padding { padding: 15px } p br { display: none } .page-header-info h2 { font-size: 32px; line-height: 36px } .post-details p { font-size: 17px; line-height: 27px } } @media all and (max-width:580px) { #scrollup { bottom: 20px; right: 20px } } .hero-section { display: flex; align-items: center; justify-content: center; position: relative; top: -100px; } .hero-section:before { background: linear-gradient(90deg, rgba(152, 65, 255, 0) 0%, rgba(152, 65, 255, 1) 50%, rgba(152, 65, 255, 0) 100%); content: ""; position: absolute; width: 100%; height: 4px; left: 0; bottom: 0; z-index: 1 } .hero-section .container { position: relative; height: 100%; display: flex; align-items: center } .hero-content { width: 100%; text-align: center; padding-top: 150px } .hero-content h4 { text-transform: uppercase; letter-spacing: 10px; margin-bottom: 20px } .hero-content h1 { font-size: 65px; line-height: 65px; letter-spacing: -1.5px } .hero-content img { display: block; margin: 0 auto; margin-top: 50px } .play-btn { background: #f90cff; background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); width: 90px; height: 90px; top: 50%; transform: translateY(0%); line-height: 90px; text-align: center; display: block; border-radius: 50%; -webkit-box-shadow: 0 10px 33.25px 1.75px rgba(0, 27, 103, .35); box-shadow: 0 10px 33.25px 1.75px rgba(0, 27, 103, .35); transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .play-btn svg { fill: #fff; width: 40px; margin-left: 5px } .play-btn .ripple, .play-btn .ripple:before, .play-btn .ripple:after { position: absolute; left: 50%; top: 50%; width: 90px; height: 90px; transform: translateX(-50%) translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5); box-shadow: 0 0 0 0 rgba(255, 255, 255, .5); -webkit-animation: rippleanim 3s infinite; -moz-animation: rippleanim 3s infinite; -ms-animation: rippleanim 3s infinite; -o-animation: rippleanim 3s infinite; animation: rippleanim 3s infinite } .play-btn .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; right: 0; bottom: 0 } .play-btn .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; right: 0; bottom: 0 } @-webkit-keyframes rippleanim { 70% { box-shadow: 0 0 0 70px transparent } 100% { box-shadow: 0 0 0 0 transparent } } @keyframes rippleanim { 70% { box-shadow: 0 0 0 70px transparent } 100% { box-shadow: 0 0 0 0 transparent } } .hero-element { position: relative } .hero-element .shape-wrap { width: 50%; height: 100%; position: absolute; left: -40px; bottom: 0; transform: skew(20deg); z-index: 1 } .hero-element .shape { background: #f90cff; background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); width: 200px; height: 100%; position: absolute; left: 0; bottom: 0; border-radius: 2px } .hero-element .shape:before { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px); background-size: 4px 4px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .hero-element .shape.shape-1 { width: 220px; height: 60%; left: 30%; z-index: 1; opacity: .8 } .hero-element .shape.shape-2 { height: 90%; left: 20%; opacity: .7 } .hero-element .shape.shape-3 { height: 70%; z-index: 2; opacity: .4 } .hero-element .shape.shape-4 { height: 40%; left: -10%; opacity: .6 } .hero-element .shape-wrap.right { transform: skew(-20deg); left: auto; right: -40px } .hero-element .right .shape { left: auto; right: 0 } .hero-element .right .shape.shape-1 { left: auto; right: 30% } .hero-element .right .shape.shape-2 { left: auto; right: 20% } .hero-element .right .shape.shape-3 { left: auto } .hero-element .right .shape.shape-4 { left: auto; right: -10% } .hero-section-2 { height: 600px; margin-bottom: 40px; position: relative } .hero-section-2 .overlay { clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%) } .hero-section-2 .hero-content { padding: 80px 0 30px } .hero-section-2 .hero-content h1 { font-size: 56px; line-height: 58px } .matches-list { display: flex; align-items: center; } .matches-list:not(:last-of-type) { margin-bottom: 100px } .participate-team { display: flex; align-items: start; flex-direction: column; justify-content: space-between; width: 100%; margin-left: 40px; text-align: right; position: relative; z-index: 1; padding-right: 15px; } .participate-team p { margin: 5px 0 0 50px; } .participate-team img { max-height: 180px } #agenda { padding-bottom: 200px; } .participate-team:after, .participate-team:before { background: #f90cff; background: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(30px 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 30px); content: ""; position: absolute; right: 0; top: 50%; width: 100%; min-height: 110px; height: calc(100% + 60px); transform: translateY(-50%); opacity: .3; border-radius: 5px; z-index: -1 } .participate-team:after { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px); background-size: 4px 4px } .participate-team.oponent:after, .participate-team.oponent:before { clip-path: polygon(30px 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 30px); right: auto; left: 0 } .participate-team.oponent { text-align: left } .participate-team h3 { font-size: 28px; line-height: 32px; font-weight: 700; text-transform: uppercase; letter-spacing: -1px; margin: 5px 50px 0 0 } .participate-team.oponent h3 { margin: 5px 0 0 50px } .participate-team.oponent .speakers_sche { margin: 5px 0 0 50px } .participate-team.oponent .speakers_sche ul { margin-top: 5px; margin-left: 13px; } .participate-team.oponent .speakers_sche ul li { margin-bottom: 15px; line-height: 1.2; } .participate-team.oponent .speakers_sche span.speaker_title { display: block; font-size: 13px; } .match-info { background: #f90cff; background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(100% 0, 100% 100%, 10% 100%, 0 60%, 0 0); border-radius: 3px; padding: 15px 20px; position: absolute; right: 35px; bottom: 0; font-size: 14px; text-transform: uppercase; font-weight: 600; line-height: 1 } .participate-team.oponent .match-info { clip-path: polygon(100% 0, 100% 60%, 90% 100%, 0 100%, 0 0); right: auto; left: 35px } .match-time h3 { font-size: 62px; font-weight: 600; letter-spacing: -1px; line-height: 1; text-align: center; margin: 0 } .match-time h3 span { display: block; color: #ddd; font-size: 14px; font-weight: 600; margin-top: 10px; letter-spacing: 0 } .match-time .watch-btn { text-align: center; margin-top: 10px } .match-time .watch-btn li { display: inline-block; align-items: center } .match-time a i { font-size: 30px } .match-details-header { background: linear-gradient(90deg, rgba(152, 65, 255, 0.1) 0%, rgba(152, 65, 255, 1) 50%, rgba(152, 65, 255, 0.1) 100%); width: 70%; border-radius: 2px; display: flex; align-items: center; justify-content: space-between; position: relative; padding: 20px 120px; margin: 0 auto; margin-top: -50px } .match-details-header .vs:before, .match-details-header:before { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px); background-size: 4px 4px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .match-details-header>div { display: inline-flex; align-items: center } .match-details-header h3 { font-weight: 600; line-height: 26px; letter-spacing: -.5px; text-align: left; margin: 0; display: inline-block; width: 50%; padding-left: 70px; z-index: 1 } .match-details-header h3 a:hover { color: #fff } .match-details-header h3.left-team { text-align: right; padding-right: 70px; padding-left: 0 } .match-details-header .vs { background: #f90cff; background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%); display: flex; align-items: center; justify-content: center; width: 110px; height: 100px; border-radius: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 5px 10px 0 rgb(0 0 0/30%) } .match-details-header .vs h2 { margin: 0; font-size: 60px; font-weight: 600 } .match-details-header img { position: absolute; left: -60px; top: 50%; transform: translateY(-50%) } .match-details-header img.right { left: auto; right: -60px } .match-details h2 { font-size: 36px; font-weight: 600; margin-bottom: 30px } .match-details p { font-size: 20px; line-height: 32px; margin-bottom: 30px; margin-top: -6px } .latest-matches-lists:not(:last-of-type) { margin-bottom: 20px } .latest-matches-list { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%); clip-path: polygon(95% 0, 100% 20%, 100% 100%, 0% 100%, 0 66%, 0 0); display: grid; grid-template-columns: 2fr 2fr 1fr; align-items: center; padding: 20px 30px; border-radius: 5px; position: relative; -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1); transition: all .3s cubic-bezier(.165, .84, .44, 1) } .latest-matches-list:before { background: linear-gradient(90deg, rgba(152, 65, 255, 0.1) 0%, rgba(152, 65, 255, 1) 50%, rgba(152, 65, 255, 0.1) 100%); content: ""; position: absolute; width: 100%; height: 4px; left: 0; bottom: 0; z-index: 1 } .latest-matches-list:after { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 6px); background-size: 4px 4px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1 } .latest-matches-list:hover { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.5) 50%, rgba(105, 85, 180, 0.1) 100%) } .matches-thumb img { max-width: 300px; border-radius: 5px } .match-category { background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(90% 0, 100% 35%, 100% 100%, 0% 100%, 0 66%, 0 0); font-family: oxanium, sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; height: 35px; line-height: 37px; padding: 0 20px; cursor: pointer; display: inline-block; margin-bottom: 10px } .match-category:hover { color: #fff; transform: translateY(-2px) } .latest-match-info h3 { font-size: 32px; font-weight: 600; line-height: 1 } .match-meta li a { font-size: 14px; line-height: 1; font-weight: 600; text-transform: uppercase; color: #fff } .watch-info { text-align: right } .watch-info a i { font-size: 40px; margin-right: 5px; font-weight: inherit } .watch-info a { font-size: 16px; font-weight: 600; line-height: 1; display: inline-flex; align-items: center } .watch-info a:hover { color: #9841ff } .carousel-wrap { position: relative; overflow: hidden } .watch-carousel { width: 150%; margin-left: -25% } .watch-carousel .swiper-slide img { border-radius: 3px; box-shadow: 0 5px 10px 0 rgb(0 0 0/30%); position: relative; margin-bottom: 5px; width: 100% } .watch-carousel .swiper-slide-active img { box-shadow: 0 5px 10px 0 rgb(0 0 0/30%) } .watch-carousel .play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); visibility: hidden; opacity: 0 } .watch-carousel .swiper-slide-active .play-btn { visibility: visible; opacity: 1 } .swiper-nav { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); font-size: 50px; opacity: .7 } .swiper-nav:before { content: ""; position: absolute; width: 40px; height: 40px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .5); left: -5px; top: 50%; transform: translateY(-50%); transition: all 450ms cubic-bezier(.4, 0, .2, 1) } .swiper-nav.swiper-next:before { left: auto; right: -5px } .swiper-nav.swiper-next { left: auto; right: 30px } .swiper-nav:hover { opacity: 1 } .swiper-nav:hover:before { scale: 1.05 } .hero-section-2 .watch-carousel { width: 120%; margin-left: -10% } .heading-wrap { display: flex; align-items: center; justify-content: space-between } .outside-spacing { overflow: hidden; padding: 0 13px; margin: 0 -20px } .team-carousel { position: relative } .team-content { position: relative; margin-top: -15px } .team-content h3 { background: #f90cff; background: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); width: 90%; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 3px; font-size: 22px; font-weight: 600; line-height: 1; margin: 0; box-shadow: 0 5px 10px 0 rgb(0 0 0/30%) } .team-content h3:before { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px); background-size: 4px 4px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .team-content:before { background: #f90cff; background: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(57% 0%, 100% 0%, 45% 100%, 0% 100%); border-radius: 3px; content: ""; position: absolute; width: 40px; height: 60px; right: 5px; top: 0 } .team-content:after { background: #ddd; clip-path: polygon(57% 0%, 100% 0%, 45% 100%, 0% 100%); border-radius: 3px; content: ""; position: absolute; width: 40px; height: 60px; right: -16px; top: 0 } .team-content .whte-shape { background-color: #fff; clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); border-radius: 3px; position: absolute; width: 60%; height: 60px; left: -10px; top: -10px } .team-content h4 { background-color: #ddd; clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%); color: #23103e; width: 60%; height: 25px; border-radius: 2px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: 0; margin: -10px 0 0 20px } .team-content h3 a { color: #fff; z-index: 1 } .team-thumb { position: relative } .team-thumb .shape-wrap { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; transform: skew(-5deg); z-index: -1 } .team-thumb .shape { background: #f90cff; background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(0% 0%, 80% 0, 100% 10%, 100% 100%, 0 100%); width: 150px; height: 100%; position: absolute; left: 0; bottom: 0; border-radius: 2px; transition: all 450ms cubic-bezier(.4, 0, .2, 1); transition: all .2s ease-in-out } .team-thumb .shape:before { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px); background-size: 4px 4px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .team-thumb .shape.shape-1 { clip-path: polygon(0% 0%, 90% 0, 100% 10%, 100% 100%, 0 100%); width: 200px; height: 70%; left: 20%; z-index: 1; opacity: .8 } .team-thumb .shape.shape-2 { height: 100%; left: 30%; opacity: .7 } .team-thumb .shape.shape-3 { height: 90%; z-index: 2; opacity: .4; left: 30px } .team-thumb .shape.shape-4 { height: 60%; left: 15px; opacity: .6 } .team-carousel .swiper-nav { left: -5px; z-index: 1 } .team-carousel .swiper-nav.swiper-next { left: auto; right: -5px } @media(min-width:767px) { .team-thumb .shape.shape-1 { height: 60% } .team-thumb .shape.shape-2 { height: 90% } .team-thumb .shape.shape-3 { height: 70% } .team-thumb .shape.shape-4 { height: 40% } .team-item:hover .team-thumb .shape.shape-1 { height: 70%; transition-delay: 200ms } .team-item:hover .team-thumb .shape.shape-2 { height: 100%; transition-delay: 150ms } .team-item:hover .team-thumb .shape.shape-3 { height: 90%; transition-delay: 100ms } .team-item:hover .team-thumb .shape.shape-4 { height: 60%; transition-delay: 50ms } } @media(max-width:767px) { .team-carousel .swiper-slide { padding-left: 20px } .team-carousel .team-content { width: 100% } .team-carousel .team-content:before, .team-carousel .team-content:after { display: none } .team-content h3 { justify-content: flex-start; padding-left: 65px } .team-content h4 { justify-content: flex-start; padding-left: 46px } } .team-details-info { position: relative; z-index: 1 } .team-details-wrap { display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: center; padding: 0 40px } .team-details-wrap { background: #f90cff; background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(2% 0, 98% 0, 100% 50%, 98% 100%, 2% 100%, 0% 50%); height: 120px; border-radius: 10px; position: relative; width: 90%; margin: 0 auto; margin-top: -60px; box-shadow: 0 5px 10px 0 rgb(0 0 0/30%) } .team-details-wrap:before { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px); background-size: 4px 4px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1 } .team-details-wrap ul li:first-child { color: #fff; font-weight: 600; font-size: 15px; margin-right: 10px } .team-details-wrap .social-list li a { background-color: rgba(12, 12, 53, .9); border-radius: 50%; clip-path: none; width: 30px; height: 30px; font-size: 12px } .team-counter { display: flex; align-items: center; justify-content: space-between } .team-counter .counter-list { text-align: center; margin: 0 } .team-details-wrap ul .counter-list:first-child { margin: 0 } .team-counter .counter-list .odometer-inside span { font-family: oxanium, sans-serif; font-size: 36px; line-height: 36px; font-weight: 600 } .team-counter .counter-list h4 { margin: 0; line-height: 1 } .team-details-wrap .rating { text-align: right } .team-details-wrap .rating li { color: rgba(12, 12, 53, .9) } .about-team-section .section-heading p { font-size: 18px; line-height: 32px; margin-bottom: 20px; margin-top: 20px } .player-details .team-details-wrap { grid-template-columns: 1fr 1fr 2fr } .player-details .team-details-wrap .social-list { text-align: center } .player-team { display: flex; align-items: center } .player-team img { max-width: 80px; margin-right: 10px } .player-team h3 { font-size: 20px; line-height: 25px; font-weight: 700; text-transform: uppercase; margin: 0 } .player-info { display: flex; align-items: center; gap: 40px; justify-content: flex-end } .player-info li>div { display: flex; align-items: center; margin-bottom: 5px } .player-info li .flag { max-width: 20px } .player-info li i { font-size: 20px } .player-info li span { font-size: 24px; font-weight: 600; text-transform: uppercase; line-height: 1; margin-left: 5px; margin-top: 2px } .player-info li h4 { display: block; margin: 0 } .player-thumb img { border-radius: 5px; box-shadow: 0 5px 10px 0 rgb(0 0 0/30%) } .about-content .section-heading h2 { margin-bottom: 15px } .about-content .section-heading .default-btn { margin-top: 25px } .about-img-holder { position: relative } .about-img-holder img:not(.character-3) { position: absolute; left: 0; bottom: 0 } .about-img-holder img.character-2 { left: auto; right: 0 } .promo-item { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.5) 50%, rgba(105, 85, 180, 0.1) 100%); clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0% 100%, 0 66%, 0 0); padding: 40px; text-align: center; position: relative } .promo-item:before { background: linear-gradient(90deg, rgba(152, 65, 255, 0.1) 0%, rgba(152, 65, 255, 1) 50%, rgba(152, 65, 255, 0.1) 100%); content: ""; position: absolute; width: 100%; height: 4px; left: 0; bottom: 0; z-index: 1; -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1); transition: all .3s cubic-bezier(.165, .84, .44, 1) } .promo-item:hover:before { height: 100%; z-index: -1 } .promo-item:after { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 6px); background-size: 4px 4px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1 } .promo-item .promo-icon { max-width: 120px; margin-bottom: 20px } .promo-item:hover .promo-icon { transform: scale(1.05)rotate(10deg) } .promo-content h3 { font-size: 24px; font-weight: 600 } .promo-content p { margin: 0 } .cta-section .section-heading { text-align: center } .cta-section .section-heading h3 { margin-bottom: 20px } .cta-section .section-heading h2 { font-size: 52px; line-height: 60px; font-weight: 600; letter-spacing: -1px; text-transform: capitalize; margin-bottom: 30px; text-shadow: 0 0 5px #9841ff, 0 0 10px #9841ff, 0 0 15px #9841ff } .gameplay-card { position: relative; overflow: hidden; box-shadow: 0 5px 10px 0 rgb(0 0 0/30%) } .gameplay-card:before { background: #23103e; background: linear-gradient(180deg, rgba(12, 12, 53, 0) 0%, rgba(12, 12, 53, 1) 100%); position: absolute; content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0 } .gameplay-card img { border-radius: 3px } .gameplay-card .play-btn { position: absolute; width: 70px; height: 70px; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center } .gameplay-card .play-btn i { font-size: 40px } .gameplay-info { width: 100%; height: auto; position: absolute; left: 0; bottom: 0; padding: 20px } .gameplay-info .post-meta { margin-bottom: 5px } .gameplay-info h2 { font-size: 24px; text-transform: uppercase; font-weight: 600; margin: 0; line-height: 1 } .testimonial-section .carousel-wrap { overflow: visible } .testimonial-carousel { padding-bottom: 50px } .testimonial-item { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.5) 50%, rgba(105, 85, 180, 0.1) 100%); clip-path: polygon(90% 0, 100% 20%, 100% 100%, 0% 100%, 0 66%, 0 0); padding: 40px; position: relative } .testimonial-item:before { background: linear-gradient(90deg, rgba(152, 65, 255, 0.1) 0%, rgba(152, 65, 255, 1) 50%, rgba(152, 65, 255, 0.1) 100%); content: ""; position: absolute; width: 100%; height: 4px; left: 0; bottom: 0; z-index: 1; -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1); transition: all .3s cubic-bezier(.165, .84, .44, 1) } .testimonial-item:after { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 6px); background-size: 4px 4px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1 } .testimonial-item .testi-thumb { display: flex; align-items: center; gap: 15px; margin-bottom: 20px } .testimonial-item .testi-thumb img { max-width: 80px; border-radius: 50%; border: 5px solid rgba(152, 65, 255, .3) } .testimonial-item h3 { font-size: 22px; font-weight: 600; margin: 0 } .testimonial-item h3 span { display: block; color: #ddd; font-size: 14px; font-weight: 600; text-transform: uppercase } .swiper-pagination-bullet { background-color: #fff } .swiper-pagination-bullet-active { background: #9841ff } .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0 } .contact-section .section-heading p { margin-bottom: 20px } .contact-form-group { grid-gap: 15px } .contact-form-group .form-field .form-control { background-color: rgba(12, 12, 53, .9); padding: 15px; border: none; color: #fff; height: 60px; border-radius: 2px; box-shadow: none; outline: none; box-shadow: 0 2px 5px 0 rgb(0 0 0/20%) } .contact-form-group .form-field.message { grid-column-end: span 2 } .contact-form-group .form-field.message .form-control { height: 150px } .reg_type, .reg_accept { margin-top: 20px; margin-top: 20px; color: #c9c9c9; } .reg_accept { margin-bottom: 20px; } .reg_accept span.wpcf7-list-item { margin: 0; } .wpcf7-not-valid-tip { font-size: 12px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #f93636; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output { background: #f93636; } .wpcf7 form.sent .wpcf7-response-output { background: #46b450; /* Green */ } .wpcf7 form .wpcf7-response-output { margin: 0; margin-bottom: 30px; } #form-messages { display: none; margin-top: 15px; margin-bottom: 0 } .contact-title { margin-bottom: 30px } .contact-title h2 span { color: #9841ff } .contact-section .contact-details li { display: flex; align-items: center; margin-bottom: 25px } .contact-section .contact-details li i { background-color: rgba(152, 65, 255, .3); clip-path: polygon(0% 0%, 70% 0, 100% 30%, 100% 100%, 0 100%); color: #fff; font-size: 15px; margin-right: 15px; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 2px; -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1); transition: all .3s cubic-bezier(.165, .84, .44, 1) } .contact-section .contact-details li i:hover { background-color: #9841ff; color: #fff; transform: translateY(-2px) } .accordion-item { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%); border-radius: 2px } .accordion-item:first-of-type .accordion-button { border-top-left-radius: 2px; border-top-right-radius: 2px; outline: none; box-shadow: none } .accordion-button { background-color: rgba(152, 65, 255, .3); color: #fff; font-size: 18px; font-weight: 600; border: none; padding: 15px; border-radius: 2px } .accordion-header { line-height: 28px } .accordion-button:focus { border-color: #eee; outline: none; box-shadow: none } .accordion-button:not(.collapsed) { color: #fff; background-color: #9841ff } .accordion-button:not(.collapsed):after { background-image: inherit; content: "\f067"; color: #fff; transform: inherit } .accordion-button:after { background-image: inherit; content: "\f068"; font-family: "font awesome 5 free"; font-size: 12px; position: absolute; right: 20px; top: 50%; color: #ddd; font-weight: 600; transform: translateY(-50%) !important; line-height: 1; display: flex; align-items: center; justify-content: center } .sponsor-carousel img { opacity: .8 } .sponsor-carousel .swiper-slide { text-align: center } .sponsor-carousel img:hover { opacity: 1; transform: translateY(-5px) } .sponsor-grid { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 15px } .sponsor-grid .sponsor-item { background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%); padding: 20px; position: relative; border-radius: 2px; -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1); transition: all .3s cubic-bezier(.165, .84, .44, 1) } .sponsor-grid .sponsor-item:before { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 6px); background-size: 4px 4px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1 } .sponsor-grid .sponsor-item:hover { transform: translateY(-5px) } .sponsor-grid .sponsor-item img { opacity: .8 } .sponsor-grid .sponsor-item:hover img { opacity: 1 } .footer-section { position: relative; padding-top: 100px } .footer-item .brand { display: block; margin-bottom: 20px } .footer-item .social-list { margin-top: 25px } .social-list li { display: inline-block } .social-list li:not(:last-of-type) { margin-right: 5px } .social-list li a { background-color: rgba(152, 65, 255, .3); font-size: 14px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; clip-path: polygon(0% 0%, 70% 0, 100% 30%, 100% 100%, 0 100%) } .social-list li a:hover { background-color: #9841ff; color: #fff; transform: translateY(-2px) } .subscribe-wrap { position: relative } .subscribe-wrap .subscribe-heading h3 { font-size: 24px; font-weight: 600; margin: 0 } .subscribe-wrap .subscribe-heading p { margin: 0 } .subscribe-form { position: relative; z-index: 1 } .subscribe-form .form-control { background-color: rgba(12, 12, 53, .9); color: #fff; height: 60px; border-radius: 2px; outline: none; border: 2px solid rgba(152, 65, 255, .3); box-shadow: 0 2px 5px 0 rgb(0 0 0/20%) } .subscribe-form .submit { background: #f90cff; background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8); clip-path: polygon(0% 0%, 90% 0, 100% 30%, 100% 100%, 0 100%); display: inline-block; width: 160px; height: 45px; line-height: 45px; padding: 0 15px; text-align: center; border-radius: 2px; font-family: oxanium, sans-serif; font-size: 14px; font-weight: 600; color: #fff; text-transform: capitalize; margin-top: 15px } .subscribe-form .submit:hover { transform: translateY(-2px) } #subscribe-result { display: none } #subscribe-result.subs-result { display: block; border: 1px solid rgba(255, 255, 255, .03); border-radius: 3px; padding: 10px; margin-top: 15px } .subscription-error { color: red } .footer-links li:not(:last-of-type) { margin-bottom: 10px } .footer-contact li:not(:last-of-type) { margin-bottom: 15px } .footer-contact li span { display: block; color: #9841ff; font-size: 14px; font-weight: 600; text-transform: uppercase } @media(min-width:992px) { .footer-list { margin-left: 50px } } .copyright-wrap { margin-top: 0; padding: 20px 0; position: absolute; bottom: 0; z-index: 1 } .copyright-wrap:before { background-color: rgb(12 12 53/100%); clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; } .copyright-wrap p { margin: 0 } @media(max-width:992px) { .padding { padding: 80px 0 } .padding-top { padding-top: 80px } .padding-bottom { padding-bottom: 80px } .sm-padding { padding: 15px } p br { display: none } span br { display: none } .default-btn { padding: 0 30px } .section-heading h2 { font-size: 32px; line-height: 42px } .section-heading br { display: inherit } .hero-element .shape-wrap { width: 20%; height: 80% } .matches-list { align-items: center } .matches-list { flex-direction: column } .matches-list .participate-team { max-width: 100%; width: 100% } .match-time h3 { font-size: 50px } .outside-spacing { overflow: hidden; padding: 0; margin: 0 20px } .team-content { width: 90% } .team-carousel .swiper-nav { left: 5px } .team-carousel .swiper-nav.swiper-next { right: 5px } .matches-thumb img { max-width: 200px } .latest-match-info h3 { font-size: 22px; margin-top: 10px } .watch-info a { font-size: 12px } .cta-section .section-heading h2 { font-size: 46px; line-height: 56px } .footer-section { padding-top: 80px } .copyright-wrap:before { width: 60% } .match-details-header { width: 90% } .match-details-header .vs h2 { font-size: 50px } .team-details-wrap { grid-template-columns: 1fr; width: 100% } .team-details-wrap .rating, .team-details-wrap .social-list { display: none } .player-details .team-details-wrap { grid-template-columns: 1fr 2fr } .player-info { gap: 30px } .hero-section-2 { height: 450px } } @media all and (max-width:767px) { .padding { padding: 60px 0 } .padding-top { padding-top: 60px } .padding-bottom { padding-bottom: 60px } .xs-padding { padding: 15px } .section-heading br, p br { display: none } .section-heading h2 { font-size: 24px; line-height: 34px } .header:before { left: -80px; bottom: -15px } .header:after { right: -80px; bottom: -15px } .footer-item .brand { max-width: 150px } .header .default-btn, .header .search-icon { display: none } .hero-element .shape-wrap { display: none } .hero-content h4 { letter-spacing: 5px } .hero-content h1 { font-size: 36px; line-height: 48px; letter-spacing: -.5px } .participate-team h3 { font-size: 20px; line-height: 28px } .participate-team img { width: 30% } .participate-team:before { min-height: 80px } .match-info { padding: 10px 20px; bottom: -15px } .matches-list .participate-team { margin-bottom: 30px } .match-time { margin: 20px 0 } .match-time h3 { font-size: 36px } .team-thumb .shape.shape-1 { left: 40%; width: 170px } .contact-form { margin-left: 0 } .header:before, .header:after { display: none } .page-header .page-header-shape .shape { width: 80px; height: 40px } .page-header .page-header-shape .shape.center.back { width: 170px; height: 30px } .cta-section .section-heading h2 { font-size: 32px; line-height: 42px } .section-heading-group { display: block } .section-heading-group .default-btn { margin-top: 20px } .latest-matches-list { grid-template-columns: 1fr; padding: 20px; clip-path: none } .watch-info { text-align: left } .matches-thumb { margin-bottom: 15px } .watch-info { margin-top: 15px } .watch-info a i { font-size: 20px } .matches-thumb img { max-width: 100% } .sponsor-grid { grid-template-columns: repeat(2, 1fr) } .page-header.single .page-header-info h2 { line-height: 42px } .footer-section { padding-top: 60px } .copyright-wrap:before { width: 100% } .footer-items>div:not(:last-of-type) { margin-bottom: 20px } .match-details-header h3 { display: none } .match-details-header img { max-width: 100px; left: -15px } .match-details-header img.right { right: -15px } .match-details-header .vs { width: 90px; height: 80px } .match-details-header .vs h2 { font-size: 42px } .page-header.match-details { height: 300px } .team-details-wrap { padding: 0 20px } .team-counter .counter-list .odometer-inside span { font-size: 28px; line-height: 1 } .player-info { display: none } .player-details .team-details-wrap { grid-template-columns: 1fr } .player-team { justify-content: center } .hero-section-2 { height: 300px; margin-bottom: 30px } .hero-section-2 .hero-content h1 { font-size: 32px; line-height: 36px } .hero-section-2 .hero-content { padding: 50px 0 30px } .shop-section .outside-spacing { padding: 0; margin: 0 } .shop-carousel .swiper-nav.swiper-prev { left: 5px } .shop-carousel .swiper-nav.swiper-next { right: 5px } .promo-section { padding-top: 100px } .play-btn .ripple, .play-btn .ripple:before, .play-btn .ripple:after, .play-btn { width: 70px; height: 70px; line-height: 70px } .play-btn svg { width: 25px } } @media all and (max-width:580px) { #scrollup { bottom: 20px; right: 20px } .swiper-nav { display: none } .primary-header .header-logo { max-width: 110px; padding: 10px 0 } } #particles-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } #particles-js canvas { display: block; } .comming-soon { width: 100%; background: -webkit-linear-gradient(left, #23103e, #ae1cc8); background: linear-gradient(90deg, #23103e, #ae1cc8); min-height: 100vh; } .coming-soon-box { width: 100%; text-align: center; position: relative; z-index: 3; } .hero-element-wrap { position: absolute; width: 100%; bottom: 0; } .hero-logo { position: relative; z-index: 2; } .watch_video .play-btn { position: absolute; left: 50%; transform: translate(-50%, -50%); } .schedule { margin-top: 100px; } @media only screen and (max-width:568px) { .comming-soon { background: -webkit-linear-gradient(top, #23103e, #ae1cc8); background: linear-gradient(180deg, #23103e, #ae1cc8); } } @media (max-width: 992px) { .schedule { margin-top: 60px; } .matches-list .participate-team { margin-left: 0; margin-top: 50px; } .matches-list:not(:last-of-type) { margin-bottom: 50px } } .ratio-custom { --bs-aspect-ratio: 100%; } @media (min-width: 600px) { .ratio-custom { --bs-aspect-ratio: 30%; } } /* Archive adjustment: center the hero content in both axes. */ #home .comming-soon { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; } #home .hero-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 100vh; padding: 0; text-align: center; } #home .hero-logo { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; margin: auto; } #home .hero-logo > img { display: block; margin-left: auto; margin-right: auto; } html { scroll-behavior: unset !important; }