@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800|Roboto+Condensed:300,400,500,600,700|Source+Sans+Pro:300,400,500,600,700,900'); @charset "UTF-8"; @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -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, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 20%, 53%, 80%, from, to { -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, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 50%, from, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 50%, from, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from, to { -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); } } @keyframes pulse { from, to { -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); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from, to { -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); } } @keyframes rubberBand { from, to { -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); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from, to { -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); } } @keyframes tada { from, to { -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); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } } @keyframes wobble { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1%, from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } } @keyframes jello { 11.1%, from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0%, 28%, 70% { -webkit-transform: scale(1); transform: scale(1); } 14%, 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes heartBeat { 0%, 28%, 70% { -webkit-transform: scale(1); transform: scale(1); } 14%, 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } .bounceOut, .flipOutX { -webkit-animation-duration: .75s; } @-webkit-keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { animation-duration: .75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0.5; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0.5; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; } .flipInY, .flipOutX { -webkit-backface-visibility: visible!important; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-duration: .75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; backface-visibility: visible!important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s; } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset!important; animation: unset!important; -webkit-transition: none!important; transition: none!important; } } .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:after,.ui-helper-clearfix:before { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default!important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0; padding: .5em .5em .5em .7em; min-height: 0; font-size: 100% } .ui-accordion .ui-accordion-icons,.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible } .ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited { text-decoration: none } .ui-button-icon-only { width: 2.2em } button.ui-button-icon-only { width: 2.4em } .ui-button-icons-only { width: 3.4em } button.ui-button-icons-only { width: 3.7em } .ui-button .ui-button-text { display: block; line-height: normal } .ui-button-text-only .ui-button-text { padding: .4em 1em } .ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px } .ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em } .ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em } input.ui-button { padding: .4em 1em } .ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon { position: absolute; top: 50%; margin-top: -8px } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px } .ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary { left: .5em } .ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary { right: .5em } .ui-buttonset { margin-right: 7px } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em } button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner { border: 0; padding: 0 } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year { width: 45% } .ui-datepicker table { background-color: #EAE7E2; width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { color: #00A7C5; padding: .7em .3em; text-align: center; font-weight: 700; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td a,.ui-datepicker td span { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0 } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0; padding: 1px; height: 20px } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: 0 0; overflow: auto } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px } .ui-draggable .ui-dialog-titlebar { cursor: move } .ui-draggable-handle { -ms-touch-action: none; touch-action: none } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0 } .ui-menu .ui-menu { position: absolute } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 } .ui-menu .ui-state-active,.ui-menu .ui-state-focus { margin: -1px } .ui-menu-icons { position: relative } .ui-menu-icons .ui-menu-item { padding-left: 2em } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0 } .ui-menu .ui-menu-icon { left: auto; right: 0 } .ui-progressbar { height: 2em; text-align: left; overflow: hidden } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100% } .ui-progressbar .ui-progressbar-overlay { background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==); height: 100%; filter: alpha(opacity=25); opacity: .25 } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: .1px; display: block; -ms-touch-action: none; touch-action: none } .ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px } .ui-selectable { -ms-touch-action: none; touch-action: none } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000 } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: 700; line-height: 1.5; padding: 2px .4em; margin: .5em 0 0; height: auto; border: 0 } .ui-selectmenu-open { display: block } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer } .ui-selectmenu-button span.ui-icon { right: .5em; left: auto; margin-top: -8px; position: absolute; top: 50% } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: .4em 2.1em .4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-sortable-handle { -ms-touch-action: none; touch-action: none } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle } .ui-spinner-input { border: none; background: 0 0; color: inherit; padding: 0; margin: .2em 22px .2em .4em; vertical-align: middle } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0 } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0 } .ui-spinner-up { top: 0 } .ui-spinner-down { bottom: 0 } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px } .ui-tabs { position: relative; padding: .2em } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0 } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px } .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: 0 0 } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa } body .ui-tooltip { border-width: 2px } .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea { font-family: Verdana,Arial,sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #aaa; background: url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff; color: #222 } .ui-widget-content a { color: #222 } .ui-widget-header { border: 1px solid #aaa; background: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc; color: #222; font-weight: 700 } .ui-widget-header a { color: #222 } .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6; font-weight: 400; color: #555 } .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited { color: #555; text-decoration: none } .ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover { border: 1px solid #999; background: url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada; font-weight: 400; color: #212121 } .ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited { color: #212121; text-decoration: none } .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active { border: 1px solid #aaa; background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff; font-weight: 400; color: #212121 } .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited { color: #212121; text-decoration: none } .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee; color: #363636 } .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636 } .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec; color: #cd0a0a } .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text { color: #cd0a0a } .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary { font-weight: 700 } .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: 400 } .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) } .ui-icon { width: 16px; height: 16px } .ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon { background-image: url(../index_files/ui-icons_ffffff_256x240.png) } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png) } .ui-state-active .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon { background-image: url(../index_files/ui-icons_ffffff_256x240.png) } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png) } .ui-state-error .ui-icon,.ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png) } .ui-icon-blank { background-position: 16px 16px } .ui-icon-carat-1-n { background-position: 0 0 } .ui-icon-carat-1-ne { background-position: -16px 0 } .ui-icon-carat-1-e { background-position: -32px 0 } .ui-icon-carat-1-se { background-position: -48px 0 } .ui-icon-carat-1-s { background-position: -64px 0 } .ui-icon-carat-1-sw { background-position: -80px 0 } .ui-icon-carat-1-w { background-position: -96px 0 } .ui-icon-carat-1-nw { background-position: -112px 0 } .ui-icon-carat-2-n-s { background-position: -128px 0 } .ui-icon-carat-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -64px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -64px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 0 -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-first,.ui-icon-seek-start { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top { border-top-left-radius: 4px } .ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr { border-top-right-radius: 4px } .ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left { border-bottom-left-radius: 4px } .ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right { border-bottom-right-radius: 4px } .ui-widget-overlay { background: url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa; opacity: .3; filter: Alpha(Opacity=30) } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px } .lb-loader,.lightbox { text-align: center; line-height: 0 } body:after { content: url(index_files/close.png) url(index_files/loading.gif) url(index_files/prev.png) url(index_files/next.png); display: none } .lb-dataContainer:after,.lb-outerContainer:after { content: ""; clear: both } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #000; filter: alpha(Opacity=80); opacity: .8; display: none } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; font-weight: 400 } .lightbox .lb-image { display: block; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; z-index: 9999 } .lightbox a img { border: none } .lb-outerContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } .lb-loader,.lb-nav { position: absolute; left: 0 } .lb-outerContainer:after { display: table } .lb-container { padding: 4px } .lb-loader { top: 43%; height: 25%; width: 100% } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(index_files/loading.gif) no-repeat } .lb-nav { top: 0; height: 100%; width: 100%; z-index: 10 } .lb-container>.nav { left: 0 } .lb-nav a { outline: 0 } .lb-next,.lb-prev { width: 49%; height: 100%; cursor: pointer; display: block } .lb-prev { left: 0; float: left } .lb-prev:hover { background: url(index_files/prev.png) left 48% no-repeat } .lb-next { right: 0; float: right } .lb-next:hover { background: url(index_files/next.png) right 48% no-repeat } .lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px } .lb-dataContainer:after { display: table } .lb-data { padding: 0 4px; color: #bbb } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em } .lb-data .lb-caption { font-size: 15px; font-weight: 700; line-height: 1em; color: #fff } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999 } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(index_files/close.png) top right no-repeat; text-align: right; outline: 0; filter: alpha(Opacity=70); opacity: .7 } .lb-data .lb-close:hover { cursor: pointer; filter: alpha(Opacity=100); opacity: 1 } @font-face { font-family: 'Trebuchet MS'; src: url('css/Trebuchet-MS.eot'); src: local('Trebuchet MS'), url('css/Trebuchet-MS.woff') format('woff'), url('css/Trebuchet-MS.ttf') format('truetype'); } @font-face { font-family: 'Trebuchet MS Semibold'; src: url('css/Trebuchet-MS-Semibold.eot'); src: local('Trebuchet MS Semibold'), url('css/Trebuchet-MS-Semibold.woff') format('woff'), url('css/Trebuchet-MS-Semibold.ttf') format('truetype'); } @font-face { font-family: 'Trebuchet MS Bold'; src: url('css/Trebuchet-MS-Bold.eot'); src: local('Trebuchet MS Bold'), url('css/Trebuchet-MS-Bold.woff') format('woff'), url('css/Trebuchet-MS-Bold.ttf') format('truetype'); } body { margin: 0px; padding: 0px; background-image: url(../index_files/bg.jpg); font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #3e3d56; font-size: 17px; } #motto { left: 105px; bottom: 18px; color: #fff; text-transform: uppercase; font-size: 26px; } #motto a { color: #fff; } #header div { position: absolute; } #social { width: 120px; position: absolute; margin: 15px 0px 0px 30px; } #social img { margin-right: 3px; border: 1px solid #fff; } #social img:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } #logo { margin-top: 106px; margin-left: 30px; } a { color: #3f3c59; text-decoration: none; } a:hover { color: #5035e6; } a img { border: 0; } #motto1 { font-family: 'Trebuchet MS'; color: #3f3e50; text-transform: uppercase; letter-spacing: 3px; font-size: 21px; margin-top: 20px; margin-left: 330px; } #motto2 { font-family: 'Times New Roman'; color: #3f3e50; font-size: 22px; margin-top: 20px; margin-left: 870px; font-style: italic; } #content-container { padding-top: 30px; width: 100%; display: table; background-color: #fff; } #content { /*display: table-cell;*/ vertical-align: top; /*width: 825px;*/ padding: 0px 10px 30px 25px; line-height: 140%; position: relative; height: auto ! important; } #widgets { display: table-cell; vertical-align: top; background-color: transparent; width: 260px; padding: 0px 20px; } .widget { width: 290px; background-color: transparent; padding-bottom: 20px; padding-right: 0; } .widget-name { background-color: #3d3d55; width: calc(100% - 50px); height: auto; border: 0; font-family: 'Montserrat'; font-weight: 500; color: #fff; text-transform: none; padding: 20px; line-height: 1.4; border-right: 10px #00c1e6 solid; } .widget-content div[style*="padding-left: 20px;"] { padding: 0 ! important; } .widget .fb_iframe_widget { height: 180px ! important; width: 100% ! important; } .widget-content { padding: 20px; margin-bottom: 20px; background: #edecf1; color: #3d3d55; width: calc(100% - 40px); border-bottom: 2px #ff486b solid; } .widget-content p { padding: 10px 0px 0px 10px; } .widget-name:first-child { border-top: none; } .friss-hir { padding: 15px 0px 15px 10px; border-bottom: 1px solid #d2d7dd; } .widget-content .friss-hir { padding: 0 0 15px 0; margin-bottom: 15px; } .friss-hir:last-child, .widget-content friss-hir:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .friss-hir-cim { color: #03365d; font-family: 'Montserrat'; color: #0099ff; font-size: 14px; line-height: 1.5; font-weight: 500; margin-bottom: 10px; } .friss-hir-betekinto { text-align: left; } .widget-content > .friss-hir > .friss-hir-betekinto { height: 100px; overflow: hidden; margin: 10px 0; } .friss-hir-betekinto, .widget p { font-size: 16px; color: #3d3d55; line-height: 1.5; padding: 0; margin: 15px 0; } .friss-hir-betekinto:first-of-type, .widget-content > p:first-of-type { margin-top: 0; } .friss-hir-betekinto:last-of-type, .widget-content > p:last-of-type { margin-bottom: 0; } .friss-hir-link a { font-family: 'Montserrat', sans-serif; font-weight: 600; color: #433e5e; font-size: 13.5px; } .friss-hir-link a:hover { color: #5035e6; } .hirlevel { padding: 0; } .hirlevel input[type="checkbox"] { display: inline-block; vertical-align: top; } .hirlevel input[type="email"], .hirlevel input[type="text"] { font: inherit; font-weight: 500; padding: 10px 15px; width: calc(100% - 32px); margin: 5px 0px; border: 1px #dedede solid; outline: none; color: #002f57; } ::placeholder { color: rgba(0, 47, 87, 0.8); } .hirlevel .checkbox input { text-indent: 23px; } #akademia .accordion .checkbox { text-indent: 0 ! important; } #akademia .accordion .checkbox:before { left: calc(50% - 9px); } .hirlevel .checkbox.checked:after { left: -17px; } .hirlevel .checkbox:before { left: -23px; } .hirlevel .checkbox { font-size: 14px; text-indent: -23px; line-height: 1.4; margin: 10px 0 15px 23px; position: relative; } /*.checkbox:before{ content: ""; position: absolute; appearance: none; -webkit-appearance: none; background: #fff; border: 1px #dedede solid; width: 15px; height: 15px; border-radius: 3px; top: 0; } .checkbox input{ appearance: none; -webkit-appearance: none; position: relative; border: 1px transparent solid; width: 17px; height: 17px; z-index: 1; outline: none; }*/ .submit, #content #akademia .boxes .box a { background-color: #00d4fb; margin-top: 15px; position: relative; height: 45px; overflow: hidden; } p.submit.auto { display: inline-block; min-width: 80px; } .submit:after { content: "\25b6"; width: 16px; padding: 17.5px 14.5px; display: block; height: 10px; position: absolute; right: 0; top: 0; z-index: 1; font-size: 10px; color: #fff; background: #00c1e6; text-align: center; line-height: 1; } input[type="submit"], .submit a { background-color: #00c1e6; color: #fff !important; font-size: 16.5px; text-transform: none; border: none; outline: none; font-family: 'Montserrat'; font-weight: 500; text-align: center; cursor: pointer; padding: 13px 50px 13px 0; line-height: 1.2; } :not(.submit) input[type="submit"]:hover { background: #00c1e6; } .submit input[type="submit"]:hover { background: transparent; } .submit input[type="submit"], .submit a { display: block; color: #fff; position: absolute; margin-top: 0; width: 100%; background-color: transparent; z-index: 2; } .submit a { width: calc(100% - 50px); } .submit:hover:after { background: #1fb3e0; } .submit:hover { background: #00c1e6; position: relative; z-index: 1; } .hirlevel .friss-hir-betekinto { text-align: left; font-style: normal; margin-bottom: 10px; } .robi, #mobil-menu, .mobil { display: none; } .rolunk-mondtak { border: none; border-collapse: collapse; width: 100%; margin-left: 0; } .rolunk-mondtak p { text-align: left; padding: 0px; margin: 10px 0 } .rolunk-mondtak td p:first-child { margin-top: 0; } .rolunk-mondtak td p:last-child { margin-bottom: 0; } .rolunk-mondtak strong { color: #3d3d55; font-size: 16px; } .rolunk-mondtak .velemeny a { color: #f8941d; font-size: 14px; } .rolunk-mondtak .velemeny a:hover { text-decoration: underline; } .rolunk-mondtak tr { border-bottom: 1px solid #d2d7dd; } .rolunk-mondtak tr:last-child { border-bottom: none; } .rolunk-mondtak td { vertical-align: top; padding: 0; } .rolunk-mondtak tr:not(:first-child) td { padding-top: 15px; } .rolunk-mondtak tr:not(:last-child) td { padding-bottom: 15px; } .rolunk-mondtak .kep img { width: 62px; } .rolunk-mondtak .pdf { width: 50px; } .rolunk-mondtak .kep { width: 70px; } #informacios-sav { font-family: 'Trebuchet MS Semibold'; clear: both; border-top: 4px solid #0099ff; border-bottom: 4px solid #3d3d55; background-color: #3d3d55; color: #fff; font-size: 13px; text-align: center; padding: 15px 0px 11px; width: 1180px; margin: 0 auto; } #informacios-sav a { color: #0099ff; } #informacios-sav a:hover { color: #fff; } #informacios-sav p { margin: 0px; padding: 0px; } #footer { width: 1180px; /*background-image: url(../index_files/footer-bg.jpg);*/ background-repeat: no-repeat; background-color: #edecf1; padding-top: 30px; padding-bottom: 30px; float: none; margin: 0 auto; } pre { color: #5035e6; font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: 800; padding: 13px; border-right: 10px #5035e6 solid; border-left: 10px #5035e6 solid; margin: 15px 0; } strong em { font-weight: 400; font-style: normal; color: #5035e6; } #footer-logo { clear: left; float: left; width: 195px; display: inline; text-align: center; } #footer-links { padding-left: 40px; } #footer-links #social-ikonok { text-align: right; margin-top: -13px; margin-right: 30px; } #social-ikonok img { border: 1px solid #fff; margin-left: 3px; } .shadow-arround { -moz-box-shadow: 0 0 1px 1px #888; -webkit-box-shadow: 0 0 1px 1px #888; box-shadow: 0 0 1px 1px #888; } .shadow { -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } img.grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } img.grayscale:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); } #footer-links #hirlevel { margin-top: -50px; } #footer-links #hirlevel img { padding-right: 15px; } #footer-links #hirlevel a { cursor: pointer; color: #0099ff } #footer-links #hirlevel a:hover { color: #5A647D; } #links h3 { color: #333d58; text-transform: uppercase; font-family: 'Trebuchet MS'; letter-spacing: 2px; font-size: 16px; } #links table { width: 100%; font-size: 16px; } #links a { color: #5A647D; font-family: 'Trebuchet MS Semibold'; } address { font-family: 'Montserrat'; font-weight: 500; font-style: normal; margin: 15px 0; } #content address a, #links a:hover { color: #0099ff; } #content address a:hover { color: #3e3d56; } table.datatable { width: 100%; text-align: left; table-layout: fixed; border-collapse: collapse; line-height: 1.6; position: relative; } table.datatable.hide { margin-bottom: 115px; } table.datatable thead { border-bottom: 1px #dfdfdf solid ! important; border-color: #dfdfdf; padding: 1px; position: relative; } table.datatable thead:after { content: ""; } table.datatable thead tr { background: #dfdfdf; border-bottom: 2px #fff solid; } table.datatable tbody.hidden, table.datatable tbody.hidden > *, table.datatable tbody.hidden > * > * { transition: ease-in-out all .4s; } table.datatable tbody.hidden td, table.datatable tbody.hidden tr { height: 0; display: block; overflow: hidden; padding: 0; opacity: 0; border: 0; } table.datatable tbody.hidden:before { content: url('../index_files/refresh-ikon.png'); bottom: -70px; } table.datatable tbody.hidden:hover:before { transform: rotate(360deg); } table.datatable tbody.hidden:after { content: "Továbbiak betöltése"; bottom: -100px; } table.datatable tbody.hidden:before, table.datatable tbody.hidden:after { display: block; position: absolute; width: 100%; text-align: center; width: 200px; left: calc(50% - 100px); cursor: pointer; transition: .4s all ease-in-out; font-size: 20px; color: #b3b3b3; } table.datatable tbody tr { border-bottom: 1px #dfdfdf solid; } table.datatable tbody tr:nth-of-type(even) { background: #fafafa; } table.datatable tbody tr:nth-of-type(odd) { background: #fff; } table.datatable td, table.datatable th { padding: 15px; vertical-align: top; } #copyright { clear: both; height: 30px; width: 1180px; /*background-image: url(../index_files/copyright-gb.jpg);*/ background: #3d3d55; background-repeat: no-repeat; color: #fff; text-align: center; padding-top: 20px; font-size: 13px; font-family: 'Trebuchet MS Semibold'; margin: 0 auto; } #copyright p { margin: 0px; padding: 0px; } /* BANNER */ .banner { position: absolute; margin: 0px; padding: 0px; top: 0; width: 821px; height: 372px; overflow: auto; font-size: 18px; text-align: center; color: rgba(255,255,255,.6); background: #5b4d3d; } .banner ul { padding: 0px; margin: 0px; list-style: none; width: 821px; } .banner ul li { display: block; float: left; height: 372px; /*-webkit-background-size: 100% 100%;*/ -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; } .banner .inner { width: 791px; height: 170px; margin-top: 20px; padding-right: 30px; text-align: right; font-family: 'Times New Roman'; font-size: 60px; color: #fff; font-style: italic; line-height: 130%; } .banner .btn { display: inline-block; clear: both; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid rgba(255,255,255,.4); border-radius: 5px; } .banner .btn:hover { background: rgba(255,255,255,.05); } .banner .btn:active { -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); } .banner .btn, .banner .dot { -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); } .banner .dots { width: 100%; margin: 0; padding: 0; text-align: left; position: absolute; left: 20px; right: 0; bottom: 25px; } .banner .dots li { display: inline-block; width: 20px; height: 20px; margin-left: 10px; text-indent: -999em; border: none; background-color: #edecf1; border-radius: 0; cursor: pointer; opacity: 1; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } .banner .dots li.active { background: #5035e6; opacity: 1; } h2.kezdolap, .elvalszto + h2 { /*margin: 400px 0 30px;*/ margin: 0px 0 30px; line-height: 1; color: #5035e6; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 40px; } .elvalszto + h2 { margin: 30px 0; } h2.kezdolap + p, #hir h1 + p > strong { border-left: 5px #5035e6 solid; padding: 10px 0 10px 15px; font-size: inherit; } h1, .hir-head, h2, .elemek h2 { color: #5035e6; font-family: 'Roboto Condensed'; font-weight: 500; font-size: 38px; text-transform: none; padding-bottom: 5px; border-bottom: 0; margin-top: 0px; line-height: 1.2; } h1 sup { font-size: 24px; } .elemek h2 { margin-bottom: 30px; padding: 0; } .hir-head, #hir h2 { color: #404058; font-size: 30px; } .formClass .hir-head { margin-top: 0; } .hir-head span, .alcim span, .pink { color: #5035e6; } #hir h1 + p > strong { display: block; } form table { table-layout: fixed; width: 100%; } form table td { padding: 0 8px; vertical-align: top; } form table td:first-of-type { padding-left: 0; } form table td:last-of-type { padding-right: 0; } .ima h1 { border-bottom: none; padding: 0px; font-size: 25px; text-transform: none; margin: 0px; font-family: 'Trebuchet MS'; padding-top: 15px; padding-bottom: 5px; } .ima table h1 { padding-top: 0px; } .hirinfo { padding: 0; background-color: #fff; margin-bottom: 20px; font-size: 18px; font-family: "Montserrat", sans-serif; font-weight: 500; } h2, #ajanlatkeres h2 { color: #3f3c59; font-family: 'Trebuchet MS Semibold'; font-weight: normal; font-size: 24px; } #ajanlatkeres h2 { font-family: 'Arial'; margin: 0; } #ajanlatkeres td div { margin-left: 30px; } span[style*="color: "] { color: #3d3d55 ! important; } strong span[style*="color: "], strong span[style*="font-family: 'Trebuchet MS';"] { font-family: 'Source Sans Pro' ! important; font-size: 18px ! important; } span[style*="color:#ff6600;"] { color: #5035e6 ! important; } strong span[style*="font-size: medium;"] a { font-family: 'Montserrat' ! important; font-size: 17px; } .elvalszto { text-align: right; display: none; border-bottom: 5px solid #d3d5d8; } #content img { max-width: 100%; height: auto ! important; } #content a { color: inherit; } #content a:hover { color: #5035e6; } #content .nyil, #content a .nyil, #content-table td .nyil, .friss-hir-link a .nyil { color: #5035e6; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0 0 2px 2px; font-size: 16px; vertical-align: middle; line-height: 1; display: inline-block; } .right { text-align: right; } /* AJÁNLATKÉRÉS */ #ajanlatkeres { width: 100%; border-collapse: collapse; border-spacing: 0px; } #ajanlatkeres td { width: 46%; padding: 15px 0; vertical-align: top; } /*#ajanlatkeres h2{ padding: 0px; margin: 0px; color: #03365D; font-family: 'Trebuchet MS'; font-weight: normal; font-size: 20px; text-transform: uppercase; padding-bottom: 5px; border-bottom: 2px solid #d3d5d8; }*/ .formClass .col > * > input[type="text"], .formClass .col > * > input[type="email"], .formClass .col > * > *, .formClass td input[type="text"], .formClass td input[type="email"], .formClass td select, .formClass td textarea { width: calc(100% - 32px); padding: 10px 15px; border: 1px #ccc solid; font-size: inherit; margin-right: 20px; font-family: inherit; color: inherit; } #ajanlatkeres td select, .formClass .col > select { width: 100%; } #ajanlatkeres td textarea { height: 200px; font-family: inherit; } #ajanlatkeres td p:first-child { margin-top: 0px; padding-top: 0px; } #ajanlatkeres td p:last-child { margin-bottom: 0px; padding-bottom: 0px; } #ajanlat .informacio { background-image: url(../index_files/informacio-ikon.png); background-repeat: no-repeat; background-position: left top; margin: 20px 0 40px; padding-left: 55px; font-size: 14.3px; line-height: 1.4; min-height: 40px; font-style: italic; font-family: 'Montserrat', sans-serif; } #ajanlatkeres input[type="submit"] { width: fit-content; max-width: 310px; } #content :not(.elemek) .elem { height: 470px; width: 395px; max-width: calc(50% - 13px); } #content :not(.elemek) .elem .elem-kep, #content :not(.elemek) .elem .elem-kep img { width: 395px; max-width: 100%; } .elem { width: 360px; float: left; margin-bottom: 20px; } .elemek { padding: 0 25px 15px; } .elemek:after, #footer:after { content: ""; clear: both; display: block; } .vonal { clear: both; height: 1px; border-bottom: 5px solid #D3D5D8; padding-bottom: 30px; margin-bottom: 30px; } .elvalaszto { clear: both; height: 1px; border-bottom: 2px solid #adb8c8; padding-bottom: 25px; margin-bottom: 10px; } .elem.margin { margin-right: 25px; } .elem-kep { width: 360px; height: 225px; overflow: hidden; } #content .elem-kep a img { display: block; width: 100%; height: 100% !important; } .elem-kep img { width: 360px; height: 100%; object-fit: cover; } .elem-cim { margin: 10px 0px 15px; color: #0099ff; line-height: 1.4; font-family: 'Montserrat'; font-weight: 500; font-size: 17.5px; overflow: hidden; height: 45px; } .elem-betekinto { height: 95px; overflow: hidden; font-size: 17px; text-align: left; line-height: 1.4; margin: 15px 0; } .elem-betekinto.esettanulmany { margin-top: 10px; padding-bottom: 20px; border-bottom: 2px solid #b0baca; height: 150px; } .esettanulmany strong { color: #0b6184; text-transform: uppercase; font-size: 12px; } .elem-egyeb { margin-top: 15px; font-size: 13px; } .elem-egyeb table { width: 100%; border-collapse: collapse; border-spacing: 0px; } .elem-egyeb table td { padding: 0px; margin: 0px; border-spacing: 0px; } .elem-egyeb table td:not(.datum):not(.cimkek) { width: 70px; } .elem-datum { color: #433e5e; font-family: 'Montserrat'; font-weight: 600; margin: 20px 0 10px 0; font-size: 14px; } .elem-egyeb .cimkek { color: #433e5e; font-size: 14px; font-weight: 400; font-family: 'Montserrat'; text-shadow: 0 0 .2px rgba(67, 62, 94, .5); } #content .elem-egyeb .cimkek .nyil, .elem-egyeb .cimkek .nyil { display: none; padding-right: 7px; color: #F8941D; } .elem-egyeb a .nyil { color: #5035e6; } .elem-egyeb a { color: #433e5e; font-weight: 700; font-family: 'Montserrat'; font-size: 14px; } .elem-egyeb a:hover { color: #5035e6 } #kulcsszavak { border-top: 1px solid #edecf1; padding-top: 30px; padding-bottom: 0; height: 32px; } #kulcsszavak p { margin: 0px; padding: 5px 10px; float: left; font-size: 12px; font-family: 'Montserrat'; background: #5035e6; margin-right: 10px; margin-bottom: 10px; color: #fff; text-transform: uppercase; } .like-buttons { background: #edecf1; clear: both; margin: 30px 0px; padding: 1px 0px 20px 0px; } /* .like-buttons * { height: 22px ! important; overflow: hidden; vertical-align: middle ! important; display: inline-block ! important; padding: 0 3px ! important; margin: 0 ! important; } .like-buttons .fb-send{ display: none ! important; } .like-buttons #g{ width: auto ! important; } .like-buttons div{ float: left; margin-right: 30px; } .like-buttons .fb-like, .fb-send{ display: block; float: left; margin-right: 10px; } .like-buttons .g-plusone{ margin-right: 0px; padding-right: 0px; } #g{ display: block; float: left; width: 110px; overflow-x: hidden; margin-top: 2px; } #tweet{ margin-top: 2px; }*/ .like-buttons p { text-align: center; padding: 0px; color: #3d3d55; font-style: normal; font-family: 'Montserrat'; font-weight: 500; font-size: 18px; } #kapcsolodo-szolgaltatasok { padding-top: 25px; } .szolgaltatas { width: 256px; float: left; } .szolgaltatas-kep { width: 256px; height: 149px; overflow: hidden; margin: -25px 0 0 -25px; max-width: calc(100% + 50px); } #content .szolgaltatas-kep img { width: 256px; max-width: 100%; object-fit: cover; height: 100% ! important; } .szolgaltatas-nev { font-size: 18px; margin: 20px 0px; height: 45px; font-family: 'Roboto Condensed', sans-serif; overflow: hidden; } .szolgaltatas-leiras { font-size: 14px; font-style: italic; text-align: left; font-weight: 300; height: 90px; overflow: hidden; margin: 20px 0; } #content .szolgaltatas-link a .nyil { position: absolute; color: #fff ! important; font-family: "Roboto Condensed", sans-serif; font-size: 17px; right: -30px; top: 16px; } #content .szolgaltatas-link a:hover { background: #00c1e6; border-color: #1fb3e0; } #content .szolgaltatas-link a { position: relative; background: #00d4fb; color: #fff; font-family: "Montserrat"; font-weight: 500; display: block; text-align: center; font-size: 16.5px; padding: 12px; border-right: 46px #00c1e6 solid; } .szolgaltatas.margin { margin-right: 23px; } .szolgaltatas { border-bottom: #5035e6 5px solid; background: #3d3d55; color: #fff; padding: 25px; width: 206px; } .szolgaltatas-nev { color: #fff; } .lepes { margin-bottom: 10px; } .lepes + h3 { margin-top: 30px; } .sorszam { width: 110px; height: 163px; background-repeat: no-repeat; background-image: url(../index_files/lepesek.jpg); float: left; } .sorszam2, .sorszam2.kibontas { width: 100px; height: 76px; padding: 12px 0; background-color: #5035e6; float: left; text-align: center; font-size: 17px; color: #fff; font-family: 'Montserrat', sans-serif; text-transform: uppercase; } .sorszam2::first-line, .sorszam2 span { font-weight: bold; font-size: 35px; line-height: 1.3; } #content .sorszam2 a { color: #fff; } .sorszam a { width: 110px; height: 163px; display: block; text-indent: -999px; } .sorszam.kek { background-image: url(../index_files/leckek.png); } .sorszam.kibontas { width: 65px; height: 90px; background-size: 65px auto; } /*.sorszam2.kibontas{ width: 100px; height: 72px; background-size: 65px auto; color: #fff; line-height: 1.2; font-size: 26px; padding-top: 10px; }*/ .ketto { background-position: 0px -182px; } .harom { background-position: 0px -365px; } .negy { background-position: 0px -547px; } .ot { background-position: 0px -730px; } .hat { background-position: 0px -912px; } .het { background-position: 0px -1095px; } .nyolc { background-position: 0px -1277px; } .kilenc { background-position: 0px -1460px; } .tiz { background-position: 0px -1643px; } .ketto-kibontas { background-position: 0px -110px; } .harom-kibontas { background-position: 0px -220px; } .negy-kibontas { background-position: 0px -325px; } .ot-kibontas { background-position: 0px -433px; } .hat-kibontas { background-position: 0px -540px; } .het-kibontas { background-position: 0px -650px; } .nyolc-kibontas { background-position: 0px -755px; } .kilenc-kibontas { background-position: 0px -865px; } .tiz-kibontas { background-position: 0px -973px; } .doboz { margin-left: 100px; background-image: url(../index_files/lepes-bg2.jpg); background-repeat: no-repeat; max-height: 279px; width: 715px; position: relative; } .doboz.kibontas { margin-left: 100px; height: 100px; } .lepes-cim { padding: 20px 0px 20px 20px; font-size: 17px; color: #fff; background: #3d3d55; font-family: 'Montserrat'; font-weight: 600; border-right: 10px #5035e6 solid; } .kibontas .lepes-cim { padding: 20px 0 20px 20px; height: 60px; } .lepes-tartalom { padding: 20px; font-size: 17.3px; max-height: 86px; overflow: hidden; background: #edecf1; width: calc(100% - 50px); line-height: 1.3; } .lepes-tartalom p { margin: 0px; padding: 0px; display: inline; } .lepes-tartalom.kek { height: 100px; overflow: hidden; } #content .lepes-tartalom a { font-weight: 700; display: inline-block; } #content .lepes-tartalom a:hover { text-decoration: none; color: #5035e6; } #content .lepes-tartalom strong[style*="color:#03365D;"] + br { display: none; } #content .lepes-tartalom strong[style*="color:#03365D;"] { color: #3f3c59 ! important; font-weight: 600; padding-right: 5px; } .lepes-kulcsszo { background-image: url(../index_files/lepes-bg.jpg); background: #3d3d55; background-repeat: no-repeat; height: auto; width: calc(100% - 10px); } .lepes-kulcsszo:hover { background: #433e5e; } .lepes-kulcsszo a, #content .lepes-kulcsszo a { cursor: pointer; color: #fff; font-family: 'Montserrat'; font-weight: 500; font-size: 17px; padding: 12px 20px; display: block; } #content .lepes-kulcsszo a .nyil { padding-left: 10px; font-size: 17px; color: #fff; } .lepes-kulcsszo table { width: 100%; padding-top: 0; } .lepes-miert { display: none; margin: 0px 0px 0px 100px; padding: 20px; width: calc(100% - 150px); background-image: url(../index_files/lepes-bg2.jpg); background: #edecf1; background-repeat: repeat-y; } .kulcsszo { font-size: 28px; font-weight: 700; color: #fff; padding-bottom: 4px; text-transform: uppercase; font-family: 'Montserrat'; line-height: 1.2; height: 33px; overflow: hidden; } #erdeklodes { border-collapse: collapse; width: 100%; } .formClass { background: #edecf1; border-bottom: 5px #5035e6 solid; padding: 30px; } .formClass input[type="text"], .formClass input[type="email"] { width: calc(100% - 32px); display: block; font-size: inherit; padding: 15px; } .formClass table, .formClass input[type="text"], .formClass input[type="email"] { margin: 16px 0; } .formClass table#erdeklodes td > .checkbox:last-child { margin: 5px 0 10px 0; } .formClass input[type="text"].robi { display: none; } .formClass .input, .formClass .textarea { margin: 30px 0; position: relative; } .formClass table td > *:first-child, .formClass .table > .col > *:first-child { margin-top: 0 ! important; } .formClass table td > *:last-child, .formClass .table > .col > *:last-child { margin-bottom: 0 ! important; } .formClass .input label, .formClass .textarea label { visibility: hidden; position: absolute; top: -25px; left: 0; padding: 6px 10px; line-height: 1; width: fit-content; max-width: 200px; text-align: center; background: #5035e6; color: #fff; font-size: 13px; } .formClass .input.empty label { visibility: visible; } .formClass .input.req label:after, .formClass .textarea.req label:after { content: "*"; position: absolute; visibility: visible; top: 37px; left: 15px; color: #5035e6; font-size: 16px; } .formClass .input.req input, .formClass .textarea.req textarea { padding-left: 22px; width: calc(100% - 39px); } .elem-egyeb .cimkek .cimke { height: 23px; overflow: hidden; display: block; } .formClass .input input, .formClass .textarea textarea { margin: 0; } .formClass .input.empty input { border-color: #5035e6; } #erdeklodes textarea, .formClass textarea { padding: 15px; width: calc(100% - 32px); height: 100px; font-size: 16px; font: inherit; } .formClass textarea { resize: none; height: auto; display: block; margin: 30px 0; } #ajanlat .formClass textarea { height: 318px } #erdeklodes input[type="submit"] { width: 250px; margin-top: 0; } #erdeklodes .submit { width: 300px; } input:not([type="submit"]), select, textarea { border: 1px #ccc solid; } #content .referencia-leiras a { color: #fff; width: 246px; height: 141px; display: block; } .referencia-leiras { background-color: #000; padding: 5px; opacity: 0.8; color: #fff; text-align: center; font-family: 'Trebuchet MS Semibold'; font-size: 13px; width: 246px; height: 141px; margin-top: -151px; display: none; } .h1 { font-weight: 500; margin-bottom: 3px; } .h2 { font-weight: 700; margin-bottom: 0; } .h2, .h1 { color: #0099ff; font-style: normal; font-family: 'Montserrat', sans-serif; font-size: 23px; } .ui-dialog { font-family: 'Trebuchet MS'; border-radius: 0px; font-size: 16px; border: 3px solid #5035e6; background-image: url(../index_files/lepes-bg2.jpg); background-repeat: repeat-y; } .ui-dialog .checkbox label { font-size: 84%; line-height: 1.4; padding-left: 0; } .ui-dialog .checkbox label a { font-weight: 600; } .ui-dialog-buttonset .ui-button { font-family: 'Trebuchet MS'; border-radius: 0px; font-size: 15px; } #dialog-confirm h5, #dialog h5 { color: #3B4163; font-family: 'Trebuchet MS'; margin: 0px; font-size: 20px; padding: 0px; letter-spacing: 1px; } #dialog-confirm input, label, #dialog input { display: block; width: 100%; margin-bottom: 3px; } #ajanlatkeres td strong { font-size: 20px; font-family: 'Trebuchet Ms'; font-weight: 400; } #ajanlatkeres a { color: #5035e6; } #ajanlatkeres a:hover { color: #3f3c59; } #ajanlatkeres label { text-indent: -25px; margin: 10px 0 10px 25px; } #dialog-confirm input.robi, #dialog input.robi { display: none; } .ui-dialog .ui-dialog-titlebar , .ui-dialog .ui-dialog-title, .ui-dialog-titlebar-close { display: none; } #dialog-confirm .buttons, #dialog .buttons { margin-top: 15px; padding-top: 10px; border-top: 1px solid #C0C0C2; width: 100%; text-align: right; } #dialog-confirm input[type="email"], #dialog-confirm input[type="text"], #dialog input[type="email"], #dialog input[type="text"] { padding: 4px 5px 4px 5px; font-size: 15px; width: 95%; font-family: 'Trebuchet MS'; } #dialog-confirm .buttons input[type="submit"], #dialog-confirm .buttons input[type="button"], #dialog .buttons input[type="submit"], #dialog .buttons input[type="button"] { background-color: #E6E6E6; text-transform: none; color: #000; width: 120px; padding: 3px 10px; font-weight: normal; font-family: 'Trebuchet MS'; display: inline; font-size: 16px; cursor: pointer; } .uzenet, .hibauzenet { margin: 10px 0px; color: green; font-family: 'Trebuchet MS Semibold'; } .hibauzenet { color: red; } #imo-blokk label { display: block; padding-right: 10px; padding-left: 25px; text-indent: -25px; } .back { position: absolute; width: calc(100% - 35px); text-align: right; } #content .back a { color: #2137d6; font-style: italic; font-size: 15px; font-family: 'Trebuchet MS'; } #content .back .nyil { color: #5035e6; font-size: 15px; display: inline-block; vertical-align: middle; padding: 0 3px 3px 0; } .alcim, h3 { margin: 15px 0; color: #404058; padding: 0px; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; text-transform: uppercase; } .formClass .alcim { font-weight: 700; margin: 0 0 35px; font-family: 'Montserrat', sans-serif; } h2 { margin-top: 5px; color: #404058; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; letter-spacing: 0; font-size: 28px; line-height: 1.3; text-transform: none; margin: 15px 0; padding: 0; } form#ajanlat { margin-top: 30px; } .formClass > *:first-child { margin-top: 0; } .formClass > *:last-child { margin-bottom: 0; } input, textarea, select, option, button { outline: none; } .orangeshape { color: #F8931D; font-size: 20px; display: none; } #content-table { border: none !important; margin: 10px 0px; line-height: 1.5; } #content-table td { vertical-align: top; /*font-size: 18px;*/ line-height: 1.5; color: #414042; padding-right: 25px; width: 50%; } #content-table td:last-child { padding-right: 0; } #content-table td div:not(.text) { border-bottom: 5px #5035e6 solid; background: #edecf1; padding: 25px; height: 465px; margin-bottom: 25px; } #content-table td div.text { height: 335px; line-height: 1.55; } #content-table td div:not(.text):last-child { margin: 0; } #content-table td .text + p { margin-top: 0; } #content-table td p strong { color: #3e3d56; font-family: 'Source Sans Pro'; font-size: 17.5px; line-height: inherit; font-style: normal; } #content-table h3, #content-table td span + strong { color: #0099ff; font-size: 19px; font-family: 'Montserrat', sans-serif; font-weight: 700; height: 80px; display: block; line-height: 1.4; } #content-table h3 { font-family: "Montserrat", sans-serif; text-transform: none; font-weight: 800; font-size: 20px; height: 90px; margin: 0; } #content-table td a { font-weight: 700 !important; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #3f3c59 !important; } #content-table td a:hover { color: #5035e6 !important; } #pagination { clear: both; padding: 20px 0px; text-align: center; border-top: 1px solid #ddd; } #pagination div { display: inline; border: 1px solid #242A44; padding: 5px 10px; margin-left: 10px; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #242A44; cursor: pointer; } #pagination div:hover, #pagination div.active { background-color: #242A44; color: #DCDFF2; } .ima p:first-child { padding-top: 0px; margin-top: 0px; } .ima-menu { width: 100%; background-color: #d8dadd; padding: 0px; margin-top: 10px; margin-bottom: 10px; } .ima-menu li { display: inline-block; padding: 8px 20px; } .ima-menu li { border-right: 1px solid #537b8a; text-transform: uppercase; letter-spacing: 2px; } .ima-menu li a { font-family: 'Trebuchet MS'; color: #000 !important; } .ima-menu li:hover a { color: #DD7A04 !important; } .ima-menu li:last-child { border-right: none; } .ima-header { padding-bottom: 1px; margin-bottom: 1px; } .ima-body table { width: 100%; border-collapse: collapse; } .ima-body table td { line-height: 1.4; border: 1px solid #414042; font-size: 12px; padding: 5px 7px; vertical-align: top; } .ima-body table td strong { text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 11px; } .ima-body table td p:nth-child(1) { text-align: center; padding: 3px; background-color: #fff; } .ima-body table td p:nth-child(2) { background-color: #D2D2DF; font-weight: 700; font-size: 13px; text-align: center; } .ima-body table td p:nth-child(3) { background-color: #DDE4DC; padding-top: 10px; padding-bottom: 10px; } .ima-body table td p { padding: 3px 10px; margin: 0px; } .ima-body h2 { margin-top: 30px; padding: 40px 0px 5px 0px; border-top: 5px solid #ccc; color: #537B8A; } .ima-body h3 { padding: 0px; margin: 0px; text-transform: none; color: #537B8A; font-size: 22px; } .ima-body table img { display: block; } .ima-body em { margin-top: 7px; padding: 3px; display: block; text-align: right; background-image: url(../images/im-akademia/ima-csik.jpg); background-repeat: no-repeat; } .scrollToTop { width: 40px; height: 40px; text-align: center; font-weight: 700; color: #444; text-decoration: none; position: fixed; bottom: 80px; right: 1%; display: none; background: transparent url(index_files/up-arrow.png) no-repeat; z-index: 100000; border: none } .scrollToTop:hover { text-decoration: none } .temakorok p { height: 0; } #ajanlatkeres h4 { text-transform: uppercase; color: #537B8A; font-size: 14px; letter-spacing: 1px; margin: 0; margin: 10px 0px; display: table; } h3, h4 { font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 19px; line-height: 1.3; margin: 15px 0; text-transform: none; } #ajanlatkeres.piackutatas td { padding-bottom: 0px; } .piac { padding-left: 50px; } #ajanlatkeres td .piac input[type="text"] { width: auto; padding: 3px; } #content a.btn { background-color: #DD7A04; color: #fff; padding: 8px 15px; margin-top: 10px; text-transform: uppercase; font-family: 'Trebuchet MS Bold'; box-sizing: border-box; border-width: 2px; border-style: outset; border-color: buttonface; border-image: initial; } #content a.btn:hover { background-color: #F1666A; } #content .temakorok h3 a { color: #0b6184; } #content .temakorok a { color: #F1666A; } #content .temakorok a:hover { color: #03365D; } #ajanlatkeres h4 div.kerdes { background-image: url(../index_files/kerdes.png); background-repeat: no-repeat; width: 42px; height: 42px; text-align: center; color: #fff; font-size: 20px; padding-top: 10px; padding-right: 10px; vertical-align: top; } #ajanlatkeres h4 div { display: table-cell; vertical-align: middle; } .ima-body .ima-oktatok em { background-image: none; text-align: center; margin-top: 0px; } hr { border: 0; height: 1px; background: #ccc; } .captcha { text-align: center; line-height: 1.4; display: none; width: 260px; } .captcha br { display: none; } .captcha span { display: none; font-family: 'Trebuchet MS'; font-size: 14px; color: red; } #rc-imageselect, .g-recaptcha { transform: scale(0.82); -webkit-transform: scale(0.82); transform-origin: 0 0; -webkit-transform-origin: 0 0; margin: 10px 0 -10px; } #content > ul, #content #hir ul { padding-left: 0; } #content > ul li, #content #hir ul li { display: list-item; list-style: none; text-indent: -23px; margin: 3px 0 3px 23px; } #content > ul li:before, #content #hir ul li:before { font-family: 'Roboto Condensed'; font-weight: 600; color: #5035e6; content: "\00BB"; display: inline-block; text-indent: 0; margin-right: 15px; } .widget img, video { max-width: 100%; } .widget img { height: auto !important; } #hir blockquote, blockquote, #hir p[style*="border-width: 7px;"] { border-left: 5px #5035e6 solid ! important; font-family: 'Montserrat'; padding: 20px ! important; background: #edecf1; margin: 30px 0; color: #6c6b71; font-style: italic; font-weight: 400; font-size: 15px; } blockquote { font-family: 'Source Sans Pro'; font-weight: 700; font-style: normal; background: transparent; color: inherit; padding: 15px ! important; line-height: 1.4; font-size: inherit; } blockquote > *:first-child { margin-top: 0; } blockquote > *:last-child { margin-bottom: 0; } .checkbox { position: relative; } .checkbox.strong { font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 500; } .checkbox:before { content: ""; background: #fff; width: 16px; height: 16px; border: 1px #ccc solid; border-radius: 3px; position: absolute; top: 0; left: 0; } #ajanlat .checkbox:before { top: 2px; } #ajanlat .checkbox input { top: 0; } #ajanlat .checkbox.checked:after { top: 5px; } #ajanlat .checkbox.strong.checked:after { background: #3d3d55; border: none; transform: rotate(0); width: 12px; height: 12px; left: 3px; border-radius: 3px; } #im-blokk { padding-left: 35px; } #ajanlat *:not(.formClass) .checkbox, #ajanlat > .checkbox { margin: 10px 0; } .formClass .checkbox { margin: 30px 0; } .formClass .submit input[type="submit"], .formClass .submit a { width: 100%; } .formClass .submit { max-width: 330px; } .checkbox.checked:after { content: ""; width: 4px; height: 8px; transform: rotate(45deg); border-right: 2px #5035e6 solid; border-bottom: 2px #5035e6 solid; display: block; position: absolute; top: 3px; left: 6px; z-index: 0; } .checkbox input { position: relative; appearance: none; -webkit-appearance: none; width: 16px; height: 16px; border: 1px transparent solid; top: -2px; left: -3px; display: inline-block; vertical-align: top; z-index: 1; } .checkbox label { display: inline-block; width: calc(100% - 36px); padding-left: 5px; } #content label a { color: #5035e6; } #content label a:hover { color: #3d3d55; } .partners { overflow: hidden; } .partners .partner { display: inline-block; max-width: calc(25% - 10px); margin: 15px 30px 15px 0; width: 180px; height: 180px; position: relative; } .partners .partner:nth-child(4n + 4) { margin-right: 0; } .flipper .front { background: #ccc; } .partner img { position: absolute; z-index: 0; opacity: 0.7; } #content .partner .img-text, #content .partner img { object-fit: cover; width: calc(100% - 20px); height: calc(100% - 20px) !important; padding: 10px; background: #fff; } .partner .img-text { z-index: 1; position: absolute; background: rgba(0,0,0,0.7); text-align: center; color: #fff; padding: 28% 0; height: 44%; opacity: 0; } .partner:hover .img-text { opacity: 1; } .partner:hover img { transform: scale(1.1); transition-duration: 1s; transition-timing-function: ease-in-out; } /*.partner{ visibility: visible; animation: slide 1.5s; } @keyframes slide { 0% { opacity: 0; transform: translateY(50%); } 100% { opacity: 1; transform: translateY(0); } }*/ .flip-container { perspective: 1000px; } .flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg); } .flip-container, .front, .flip-container .back { height: 100%; width: 100%; } .flipper { transition: 0.6s; transform-style: preserve-3d; height: 100%; width: 100%; position: relative; } .front, .flip-container .back { backface-visibility: hidden; position: absolute; top: 0; left: 0; } .front { z-index: 2; transform: rotateY(0deg); } .flip-container .back { transform: rotateY(180deg); background: no-repeat center; background-size: contain; } .flip-container .back .text { /*background: rgba(0, 0, 0, 0.4);*/ padding: 15px; width: calc(100% - 30px); height: calc(100% - 30px); color: #fff; display: flex; text-align: center; } .flip-container .back .text * { width: 100%; align-self: center; } .formClass .table { display: table; width: 100%; table-layout: fixed; } .formClass .table .col { display: table-cell; padding: 0 8px; } .formClass .table .col:first-child { padding-left: 0; } .formClass .table .col:last-child { padding-right: 0; } .modal-btn, .modal-close { cursor: pointer; } .modal { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%; z-index: 9999; display: none; } .modal-content { display: none; background: #edecf1; border-bottom: 5px #5035e6 solid; margin: 20px auto; width: 500px; max-height: calc(100% - 85px); max-width: calc(100% - 80px); position: relative; padding: 20px; overflow-x: auto; } .red { color: #5035e6; } h2.modal-title { font-size: 24px; } .modal-close { background: #00c1e6; color: #fff; line-height: 1; height: 25px; width: 25px; font-size: 25px; font-weight: 600; text-align: center; border-radius: 3px; position: absolute; right: 20px; top: 20px; margin: 0 !important; } .modal-content * { margin: 8px 0; } .modal-content *:first-child { margin-top: 0; } .modal-content *:last-child { margin-bottom: 0; } .modal .checkbox label { margin-top: 0 !important; } .youtube-container { border: 1px solid #CCCCCC; height: 0; margin-bottom: 20px; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .youtube-container iframe, .youtube-container object, .youtube-container embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .widget-content table { width: 100%; border-collapse: collapse; } .widget-content table td { border-bottom: 1px solid #bfbfbf; padding: 5px 0px; } #kapcsolodo-szolgaltatasok a:hover, #kulcsszavak a:hover { color: #00d4fb; } .hidden { display: none; } .col { display: table-cell; } .new-news h3 { font-size: 15px; color: #0099ff; margin: 0px; margin-bottom: 10px; } .nn-content { padding: 10px; } .nn-title { color: #242A44; font-size: 14px; } .nn-button a { color: #2137d6; font-size: 14px; } .new-news { display: none; position: fixed; bottom: 20px; left: 20px; width: auto; margin: 0px auto; padding: 5px 14px; align-items: center; justify-content: space-between; background-color: #eee; border-radius: 5px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); } .nn-close { position: absolute; padding: 10px; margin-left: -20px; cursor: pointer; } #footer p.socials img { height: 30px; width: 30px; object-fit: cover; object-position: center; margin-left: 5px; } .kekhover:hover { background-color: #00D4FB !important; } .kekhover { background-color: #02C1E6 !important; color: #fff !important; padding: 5px 10px; } .accordion .kekhover { margin: 0px 10px; } .df { display: flex; gap: 25px; flex-wrap: wrap; justify-content: space-evenly } .df div { color: #fff; background-size: cover; background-repeat: no-repeat; height: 360px; width: calc(50% - 220px); padding: 100px 100px 0px 100px; } .df div h2, .df div a { color: #fff !important; font-size: 30px; } .df div h2 a { padding-top: 0; } .df div a { font-size: 25px; display: block; padding-top: 50px; text-transform: uppercase; letter-spacing: 3px; } .df div a:hover { color: #00D4FB !important; } .program section { margin: 30px 0px; } .program section h2 { margin-top: 0px; } .items { padding: 20px; } .sbg { background-color: #F6F5FF; } .dflex, .tanyag { display: flex; gap: 20px; flex-wrap: wrap; justify-content: space-evenly; } .dflex div { width: calc(50% - 20px); } .dflex div h3 { color: #2B6CA3; margin-bottom: 0 !important; } .dflex div p { margin: 0 !important; } .tanyag { display: table; border: 1px solid #000; padding: 20px; margin-bottom: 30px; } .tanyagtxt, .tanyagimg { display: table-cell; vertical-align: middle; } .tanyag .tanyagimg { width: 360px; padding-right: 30px; } .tanyag img { max-width: 100%; } .tanyag .bx-wrapper { margin: 0; } .tfhead { border-top: 1px solid #002f57; border-bottom: 1px solid #002f57; } .tfhead th { padding: 10px 0px; } .bx-wrapper img { width: 100%; } #content #akademia .accordion h3 a { color: #fff; } #content #akademia .accordion h3 a:hover { color: #002f57; } #content #akademia .accordion h3 strong a { display: block; } #akademia img { display: block; } #akademia *[style*="text-align: center;"] img { display: inline; } #akademia * { border-spacing: 0; } #akademia .red, #content #akademia a { color: #00d4fb; } #content #akademia a:hover { color: #00c1e6; } #akademia .purple, #akademia h2 strong { color: #3d3d55; } #akademia p[style*="margin-left: 20px"], #akademia p[style*="margin-left: 40px"] { font-weight: 600; border-left: 5px #5035e6 solid; margin-left: 0 ! important; padding: 10px 20px; } #akademia > h1 { margin-top: 0; } #akademia h2[style*="text-align: center;"] { color: #3d3d55; } #akademia h1 + p[style*="margin-left: 20px"], #akademia h1 + p[style*="margin-left: 40px"] { margin-bottom: 20px; } #content #akademia .mlist { padding: 0; } #content #akademia .mlist li { list-style: none; background: #3d3d55; border-right: 10px #00d4fb solid; display: table; width: calc(100% - 10px); margin: 10px 0; } #content #akademia .mlist li a, #content #akademia .mlist li a:hover, #content #akademia .mlist.plist li p { color: #fff; padding: 15px 20px; } #content #akademia .mlist.plist li { position: relative; } #content #akademia .mlist.plist li p { padding: 15px 20px; } #content #akademia form.normal { background: transparent; border: none; padding: 0; } #content #akademia .mlist li strong, #content #akademia .mlist li strong, #content #akademia .accordion h3:before, #content #akademia .accordion h3:after, #content #akademia .accordion h3 .arrow, #akademia .accordion td.checkbox { background: #00d4fb; text-align: center; font-size: 40px; color: #fff; font-weight: 700; width: 100px; height: 100px; font-family: 'Montserrat', sans-serif; } #akademia .accordion h3 td, #akademia .checkbox-accordion h3 td { vertical-align: middle; padding: 0 20px; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 500; } #akademia .accordion h3 table, #akademia .checkbox-accordion h3 table { margin: 0; padding: 25px 0; } #akademia .toggle-btn { margin: 20px 0; display: block; font-family: 'Montserrat', sans-serif; } #akademia .toggle-content { display: none; } #akademia .accordion h3 td.checkbox, #akademia .checkbox-accordion h3 td.checkbox { width: 20px; height: 20px; padding: 10px 25px; vertical-align: middle; } #akademia .accordion h3 td.checkbox:after, #akademia .checkbox-accordion h3 td.checkbox:after { left: 32px; top: 27px; border-right-color: #3d3d55; border-bottom-color: #3d3d55; } #content #akademia .accordion h3 strong, #content #akademia .accordion h3:before, #content #akademia .accordion h3:after, #content #akademia .accordion h3 .arrow { font-size: 17px; } #content #akademia .content .accordion h3 strong { padding-left: 20px; } #content #akademia .accordion h3 strong a { padding: 20px; } #content #akademia .accordion h3:before, #content #akademia .accordion h3:after, #content #akademia .accordion h3 .arrow { content: "\0025B8"; width: 80px; height: 70px; } #content #akademia .accordion h3 .arrow { width: 35px; } #akademia .accordion h3 .checkbox input[type="checkbox"] { top: 15px; } #akademia .accordion h3 .checkbox:before { top: 24px; } #content #akademia .accordion h3:after, #content #akademia .accordion h3 .arrow { content: "\0025BE"; background: #36374c; } #content #akademia .checkbox-accordion.accordion h3:after { display: none; content: none; } #content #akademia .accordion h3:hover { background: #00d4fb; border-color: #3d3d55; } #content #akademia .accordion h3:hover:before, #akademia .accordion h3:hover .checkbox { background: #3d3d55; } #content #akademia .accordion h3:hover:after, #content #akademia .accordion h3:hover .arrow { background: #00c1e6; } #content #akademia .accordion h3.ui-accordion-header-active.ui-state-active:after { content: "\0025B4"; } #content #akademia .mlist li strong:nth-child(2), #content #akademia .mlist li strong:nth-child(3) { background: #36374c; } /*#content #akademia .mlist.plist li:after{ counter-reset: section; content: "P" counter(section); background: #36374c; position: absolute; left: 100px; height: auto; padding: 20px 0; }*/ #content #akademia .mlist li strong, #content #akademia .mlist li a, #content #akademia .mlist.plist li p,#content #akademia .accordion h3:before, #content #akademia .accordion h3:after, #content #akademia .accordion h3 strong { vertical-align: middle; display: table-cell; } #akademia .accordion, #content #akademia .checkbox-accordion { margin: 0 0 25px 0; } #content #akademia .accordion h3, #content #akademia .checkbox-accordion h3 { display: table; width: calc(100% - 10px); padding: 0; border: 0; vertical-align: middle; color: #fff; background: #3d3d55; margin: 1px 0; border-radius: 0; border-right: 10px #00d4fb solid; } #content #akademia .accordion .ui-accordion-content, #content #akademia .checkbox-accordion .ui-accordion-content { border: none; border-radius: 0; background: #efefef; margin: -1px 0 0 70px; border-bottom: 5px #00d4fb solid; padding: 20px 30px; font: 400 16px 'Source Sans Pro', sans-serif; color: #36374c; line-height: 1.5; } #content #akademia .accordion div.ui-accordion-content { padding: 5px 30px; } #content #akademia .accordion .ui-accordion-content:not(.content) { text-align: center; } #content #akademia .accordion .content.ui-accordion-content { margin: -1px 0 0 0; } .ui-accordion-header-icon { display: none; } #content #akademia .accordion { background: transparent; border: none; padding: 0; } #content #akademia .accordion .content.ui-accordion-content { margin: -1px 0 0 80px; } #content #akademia .accordion .ui-accordion-content a.btn { background: #3d3d55; color: #fff; border-radius: 5px; padding: 10px 15px; display: inline-block; margin-right: 15px; } #content #akademia .accordion .ui-accordion-content a.btn:hover { background: #00d4fb; } #content #akademia .mlist li:hover { background: #00d4fb; border-color: #3d3d55; } #content #akademia .mlist li:hover:before, #content #akademia .mlist li:hover strong { background: #3d3d55; } #content #akademia .mlist.plist li:hover:after, #content #akademia .mlist li:hover strong:nth-child(2), #content #akademia .mlist li:hover strong:nth-child(3) { background: #00c1e6; } #akademia strong + strong, #akademia h2 span + span { color: #00d4fb; } .modal button, .modal .boxes .box a, #akademia button, #content #akademia .boxes .box a { outline: none; cursor: pointer; background: #00d4fb; border: none; width: auto; width: fit-content; color: #fff; font-size: 17px; padding: 0 0 0 40px; display: block; font-family: 'Montserrat', sans-serif; font-weight: 500; letter-spacing: 0; } .modal .textarea, #akademia .textarea { margin: 15px 0; } .modal .textarea textarea, #akademia .textarea textarea { display: block; } #content #akademia .boxes .box a { margin: 0 auto; position: relative; padding: 12px; width: calc(100% - 68px); font-size: 15px; border-right: 45px #00c1e6 solid !important; overflow: visible; font-family: 'Roboto Condensed', sans-serif; height: auto; } #content #akademia .boxes .box a:hover { border-right-color: #00c1e6 ! important; } .modal button:hover, .modal button:hover span, #akademia button:hover, #akademia button:hover span, #content #akademia .boxes .box a:hover, #content #akademia .boxes .box a:hover i { background: #00c1e6; } .modal button:hover span, #content #akademia .boxes .box a:hover i, #akademia button:hover span { background: #1fb3e0; } #content #akademia .boxes .box a:hover { background: #00c1e6; } .modal button span, .modal .boxes .box a span, .modal .boxes .box a i, #akademia button span, #content #akademia .boxes .box a span, #content #akademia .boxes .box a i { background: #00c1e6; display: inline-block; width: 17px ! important; padding: 15px; line-height: 1; margin-left: 30px; } .modal button span, .modal .boxes .box a span, .modal .boxes .box a i { padding: 10px; margin-left: 15px; } #content #akademia .boxes .box a { font-size: 15px; } .modal button, .modal .boxes .box a, #akademia button { font-size: 15px; padding: 0 0 0 15px } #content #akademia .boxes .box a span, #content #akademia .boxes .box a i { margin-left: 35px; position: absolute; top: 0; right: 0; font-style: normal; } #content #akademia .boxes .box a i, #content #akademia .boxes .box a:hover i { right: -48px; background: transparent; width: 14px ! important; padding: 17px; } #content #akademia form, #content #akademia form.normal .form, #content #akademia form.online-jelentkezes .online-jelentkezes-form { background: #edecf1; border-bottom: 5px #00d4fb solid; padding: 25px; } #content #akademia form.online-jelentkezes .online-jelentkezes-form { margin-bottom: 25px; } #content #akademia form.online-jelentkezes { padding: 0; background: transparent; border: none; } #content #akademia form.normal .form { margin: 25px 0; } .modal form, #content #akademia form.white { background: transparent; padding: 0; border: none; } .modal *, #akademia * { outline: none; resize: none; } .modal form input[type="text"], .modal form input[type="email"], .modal form textarea, .modal select, .modal option, #akademia form input[type="text"], #akademia form input[type="email"], #akademia form textarea, #akademia select, #akademia option { width: calc(100% - 32px); padding: 10px 15px; border: 1px #ccc solid; font-size: inherit; margin-right: 20px; font-family: inherit; color: inherit; } .modal form input[type="text"], .modal form input[type="email"], .modal form textarea, .modal select, .modal option { padding: 7px 15px; } .modal select, .modal option, #akademia select, #akademia option { width: 100%; margin: 0; } .modal .select select, #akademia .select select { appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; margin: 0 0 15px; } .modal .select, #akademia .select { position: relative; } .modal .select.req select, #akademia .select.req select { padding-left: 22px; } .modal .select:after, .modal .select.req:before, #akademia .select:after, #akademia .select.req:before { position: absolute; top: 38px; left: 15px; } .modal .select.req:before, #akademia .select.req:before { content: "*"; color: #00c1e6; } .modal .select:after, #akademia .select:after { content: ""; left: auto; right: 15px; top: 45px; height: 0; width: 0; border-left: 5px transparent solid; border-right: 5px transparent solid; border-top: 5px #00c1e6 solid; } .modal form option[disabled], #akademia form option[disabled] { display: none; } .modal form .input input, #akademia form .input input { margin: 15px 0; } .modal form .input input { margin: 5px 0; } .modal form .table .col, #akademia form .table .col { padding: 0 10px; } .modal form .table .col:last-child, #akademia form .table .col:last-child { padding-right: 0; } .modal form .table .col:first-child, #akademia form .table .col:first-child { padding-left: 0; } .modal form .table, #akademia form .table { table-layout: fixed; display: table; width: 100%; } .modal .table .col, #akademia .table .col { display: table-cell; } .modal form h2, #akademia form h2 { margin-top: 0; } #akademia .tabs h3:not(.opened) + .tabs-content { display: none; } .modal form .input.required input, #akademia form .input.required input { border-color: #00d4fb; } .modal .input.required, #akademia .input.required { position: relative; } .modal .input.required label, #akademia .input.required label { margin: 0 0 -10px; line-height: 1; padding: 6px 15px; background: #00d4fb; color: #fff; width: fit-content; font-size: 13.5px; position: absolute; top: -10px; left: 0; } .modal .input:not(.required) label, #akademia .input:not(.required) label { display: none; } .modal .checkbox, #akademia .checkbox { position: relative; } .modal .checkbox:after, #akademia .checkbox:after { content: ""; display: block; position: absolute; top: 5px; left: 7px; z-index: 3; color: #00d4fb; font-weight: 700; } .modal .checkbox.checked:after, #akademia .checkbox.checked:after { border-right: 2px #00c1e6 solid; border-bottom: 2px #00c1e6 solid; width: 3px; height: 8px; transform: rotate(45deg); z-index: 1; } .modal .checkbox label, #akademia .checkbox label { display: inline-block; width: calc(100% - 30px); padding-left: 5px; vertical-align: middle; } .modal .checkbox label { font-size: 13px; } .modal .checkbox, #akademia .checkbox { margin: 5px 0 15px ; } .modal .checkbox { margin: 15px 0; } .modal .checkbox input[type="checkbox"], #akademia .checkbox input[type="checkbox"] { position: relative; z-index: 2; padding: 0; margin: 0; display: inline-block; top: 2px; vertical-align: top; -webkit-appearance: none; width: 18px; height: 18px; border-radius: 3px; border: 1px transparent solid; cursor: pointer; } .modal .checkbox input[type="radio"], #akademia .checkbox input[type="radio"] { width: 20px; height: 20px; } .modal .checkbox:before, #akademia .checkbox:before { content: ""; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: #fff; border-radius: 3px; border: 1px #ccc solid; position: absolute; z-index: 2; padding: 0; margin: 0; top: 2px; z-index: 0; } .modal .checkbox.radio:before, #akademia .checkbox.radio:before { border-radius: 100%; } #content #akademia .boxes .box, #content #akademia blockquote { width: calc(33% - 81px); margin: 10px 30px 35px 0; padding: 30px; display: inline-block; background: #3d3d55; color: #fff; vertical-align: top; border-bottom: 5px #00d4fb solid; } #content #akademia blockquote { width: calc(50% - 78px); margin-bottom: 20px; } #content #akademia blockquote:nth-child(2n + 2) { margin-right: 0; } #content #akademia blockquote h3 { color: #fff; margin-top: 0; height: 30px; overflow: hidden; font-family: 'Montserrat', sans-serif; } #akademia blockquote p { margin-bottom: 0; font-style: italic; font-size: 15px; height: 66px; overflow: hidden; } #akademia blockquote p:before { content: "\00201C"; padding-right: 2px; } #akademia blockquote p:after { content: "\00201D"; padding-left: 2px; } #content #akademia .boxes .box p { font-size: 14px; font-style: italic; text-align: left; font-weight: 300; height: 70px; overflow: hidden; margin: 20px 0; } #content #akademia h3, #content #akademia h2, #content #akademia h1 { clear: both; } #content #akademia .box h3 { color: #fff; font-size: 18px; margin: 0 0 20px 0; height: 45px; font-family: 'Montserrat', sans-serif; font-weight: 700; overflow: hidden; } #content #akademia .boxes .box:nth-child(3n + 3) { margin-right: 0; } #content #akademia p > img { width: 100%; } p + .mlist { margin-top: -15px; } #content #akademia img { max-width: 100%; } #content #akademia img[style*="float: right;"], #content #akademia img[style*="float: left;"] { /* max-width: calc(50% - 4px) ! important; height: auto; width: auto; margin-bottom: 15px; width: 340px ! important;*/ } #content #akademia img[style*="float: right;"] { /*margin-left: 15px;*/ /* border: 2px #edecf1 solid;*/ } #content #akademia img[style*="float: left;"] { margin-right: 15px; border: 2px #edecf1 solid; width: auto ! important; } #akademia p img[style*="float: right;"] + strong { /* float: right; clear: right; width: 344px; max-width: 50%; background: #edecf1; margin: 0 0 15px 15px;*/ } #akademia p img[style*="float: right;"] + strong a { position: relative; display: block; padding: 10px 20px; font-family: "Montserrat", sans-serif; } #akademia p img[style*="float: right;"] + strong a img { position: absolute; top: 10px; right: 20px; } #content #akademia p img[style*="float: right;"] + strong a:hover { background: #ccc; } #content #akademia .ui-icon, #content #akademia .ui-widget-content .ui-icon, #content #akademia .ui-widget-header .ui-icon, #content #akademia .ui-state-default, #content #akademia .ui-widget-content .ui-state-default, #content #akademia .ui-widget-header .ui-state-default, #content #akademia .ui-state-active, #content #akademia .ui-widget-content .ui-state-active, #content #akademia .ui-widget-header .ui-state-active, #content #akademia .ui-widget-content { background-image: none ! important; } #content #akademia .accordions .accordion { display: none; } #content #akademia .accordions > h3 { cursor: pointer; background: #edecf1; padding: 20px 75px 20px 25px; position: relative; margin-bottom: 0; border-right: 11px #d3d5d8 solid; font-family: "Roboto Condensed", sans-serif; } #content #akademia .accordions { clear: both; } #content #akademia .accordions > h3:hover { color: #00d4fb; } #content #akademia .accordions > h3:after { content: "\0025BE"; position: absolute; right: 0; background: #e3e2e9; padding: 20px 25px; top: 0; height: calc(100% - 40px) } #content #akademia .accordions > h3.opened:after { content: "\0025B4"; } #content #akademia .about { overflow: hidden; width: 100% ! important; height: 235px ! important; max-width: 100%; } #content #akademia ul { padding: 0; margin: 10px 0; } #content #akademia .about ul { position: relative; width: calc(200% + 60px) ! important; padding: 0; margin: 0 ! important; } #content #akademia ul li { list-style: none; line-height: 1.5; margin: 2px 0; text-indent: -20px; margin-left: 20px; } #content #akademia .accordion ul li { margin: 5px 20px 5px 40px; } #content #akademia .about ul li { float: left; list-style: none; display: inline-block; padding: 0; text-indent: 0; margin: 0 15px; position: relative; left: -15px; right: -15px; list-style: none; width: calc(50% - 30px) ! important; } #content #akademia .about ul li:before { display: none; } #content #akademia ul li:before { content: ""; width: 0; height: 0; border-bottom: 12px #00d4fb solid; border-right: 12px solid transparent; vertical-align: top; margin: 5px 8px 0 0; display: inline-block; } #akademia .about ol.dots { text-align: center; margin: 0; padding: 0; } #akademia .about ol.dots li.dot { list-style: none; display: inline-block; margin: 3px; width: 14px; height: 14px; border-radius: 14px; background: #ccc; text-indent: -999em; cursor: pointer; } #akademia .about ol.dots li.dot.active { background: #00d4fb; } #akademia .about ol.dots li.dot:hover { background: #36374c; } #content #akademia .about ul li blockquote { width: calc(100% - 40px); margin-top: 0; } #akademia td h2 { margin: 0; } #content #akademia p[style*="text-align: right;"] + p { margin-top: 0; } #content #akademia td p[style*="text-align: right;"] { float: right; margin: 0; } #akademia table { width: 100%; margin: 20px 0; } #akademia td[width="300"] { padding-right: 20px; max-width: calc(100% - 20px); } #akademia td { padding: 0; vertical-align: top; } #content #akademia td img { max-width: 100%; max-height: 100% ! important; width: auto ! important; } #content #akademia td ul { margin: 0; } #content #akademia table.data, #content #akademia table.data tr, #content #akademia table.data tbody, #content #akademia table.data thead { width: 100%; } #content #akademia table.data th { background: #3d3d55; text-align: left; color: #fff; font-weight: 600; white-space: nowrap; } #content #akademia .tabs table th { font-family: 'Montserrat', sans-serif; text-align: left; font-weight: 700; font-size: 16px; color: #3d3d55; font-size: 15px; } #content #akademia .tabs table thead th { font-size: 16px; } #akademia .tabs table td.date { width: 120px; } #content #akademia .tabs table thead th.date { width: 160px; } #content #akademia .tabs table thead th.kiv { width: 100px; } #akademia .tabs table th.checkbox { width: 90px; } #akademia .tabs table th.checkbox:before, #akademia .tabs table th.checkbox:after { display: none; content: none; } #akademia .tabs table td.checkbox { width: 90px; } #akademia .accordion .checkbox:before { top: calc(50% - 9px); } #content #akademia table.data td, #content #akademia table.data th { padding: 5px 8px; } #content #akademia table.data tr:nth-child(odd) { background: #eeeeee; } #content #akademia .accordion table.data tr:nth-child(odd) { background: #ddd; } .modal .input.req, #content #akademia .input.req { position: relative; } .modal .input.req input, #content #akademia .input.req input { padding-left: 22px; width: calc(100% - 39px); } .modal .input.req:before, #content #akademia .input.req:before { content: "*"; color: #00c1e6; top: 25px; position: absolute; left: 15px; } .modal .input.req:before { top: 13px; left: 12px; } .modal .input.select.req select, #content #akademia .input.select.req select { padding-left: 13px; } .modal .input.select.req:before, #content #akademia .input.select.req:before { top: 18px; } #content #akademia .tabs ul li:before { display: none; content: none; } #content #akademia .tabs ul li { margin: 0; text-indent: 0; border: #fff 2px solid; box-shadow: 0 0 1px #888; border-radius: 0; width: calc(33% - 1.5px); background: transparent; white-space: normal; line-height: 1.2; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 500; vertical-align: top; margin: 1px 0 0 0; } #content #akademia .tabs ul li a { color: #3d3d55; padding: 20px; } #content #akademia .tabs ul li a:hover, #content #akademia .tabs ul li.ui-state-active a { color: #00d4fb; } #content #akademia .tabs ul li.ui-state-active { background: #fff; box-shadow: none; border: 1px #ccc solid; padding: 1.5px 1px; border-bottom: 1px #fff solid; margin: 0; } #content #akademia .tabs ul { background: linear-gradient(to bottom, #fff, #efefef); } #content #akademia .tabs, #content #akademia .ui-tabs .ui-tabs-panel, #content #akademia .ui-widget-content, #content #akademia .ui-widget-header { background: none; border: none; border-radius: 0; font: 400 17px "Source Sans Pro", sans-serif; padding: 0; margin: 0; } .akademia #widgets, .akademia .widget { background: transparent; } .akademia #widgets { color: #3d3d55; } #akademia { /*width: 815px;*/ max-width: 100%; } .highlighted-contact-information { font-weight: 600; border-left: 5px #5035e6 solid; margin-left: 0 ! important; padding: 10px 20px; } .akademia .hirlevel input[type="email"], .akademia .hirlevel input[type="text"] { padding: 10px 15px; border: 1px #ddd solid; width: calc(100% - 32px); text-transform: capitalize; margin: 8px 0; outline: none; } .akademia .friss-hir-betekinto, .akademia .widget p { margin: 10px 0; color: inherit; } .akademia .widget-content div { padding: 0 ! important; } .akademia .widget-content img, .akademia .widget-content div.fb-page.fb_iframe_widget { max-width: 100%; } .akademia .widget-content div.fb-page.fb_iframe_widget { height: 196px ! important; } #akademia .accordion { position: relative; } #akademia .accordion .checkbox { position: absolute; padding: 25px; z-index: 9; margin: 0; } #akademia .accordion .checkbox.radio { padding: 35px 26px; } .grecaptcha-badge { z-index: 9; } #akademia .accordion .checkbox:after { left: calc(50% - 2px); top: calc(50% - 5px); } #content #akademia .tabs .accordion h3:before { content: ""; } @media only screen and (max-width: 1199px) { #content #akademia td p[style*="text-align: right;"] { float: none; margin: 5px 0; text-align: center ! important; } #content #akademia h1 { font-size: 25px; } #content #akademia h2 { font-size: 19px; } #akademia td[width="300"] { padding: 0; max-width: 100%; } #akademia td[width="300"] img,#content #akademia .about { margin: 0 auto; } #content #akademia table.data { display: block; overflow-x: auto; margin: 10px 0; } #content #akademia table.data td { display: table-cell !important; width: auto !important; text-align: left ! important; } @media only screen and (max-width: 1179px) { #akademia { width: calc(100% - 30px) !important; max-width: none; } } @media only screen and (max-width: 1000px) { #akademia { width: auto; max-width: none; margin: 0px auto; } #akademia .accordion h3 td, #akademia .checkbox-accordion h3 td { padding: 0 5px; width: calc(100% - 10px) ! important; font-size: 14px; } #content #akademia .boxes .box a span { margin-left: 15px; } #content #akademia .boxes .box a { padding: 12px 0px 12px 12px; } #content #akademia .boxes .box { width: calc(33% - 61px); padding: 20px; } #content #akademia .accordion .ui-accordion-content { padding: 10px 20px; } #content #akademia .accordion .ui-accordion-content a { padding: 8px 10px; margin-right: 10px; } #content #akademia .accordion h3 strong { font-size: 16px; } #content #akademia .accordions > h3 { font-size: 18px; } @media only screen and (max-width: 750px) { #content #akademia .boxes .box { width: calc(33% - 41px); padding: 10px; } #content #akademia .box h3 { margin-bottom: 5px; } #content #akademia .boxes .box p { margin: 10px 0 15px; } } } #content #akademia td img { margin: 0 auto; } #content #akademia table td[style*="width: 20%"] img { display: block; object-fit: contain; margin: 0 auto; } #content #akademia table td[style*="width: 20%"] { width: 20% ! important; margin: 0 auto; display: inline-block; height: 100px ! important; position: relative; text-align: center ! important; } #content #akademia h2[style*="text-align: center;"] + hr + table tr { display: inline-block; width: 100%; } .fb-page.fb_iframe_widget * { max-width: 100% ! important; } @media only screen and (max-width: 580px) { #content #akademia table td[style*="width: 20%"] { width: 100% ! important; } #content #akademia h2[style*="text-align: center;"] + hr + table tr { width: 50%; } #akademia > h1 { margin: -10px 0 15px; } .akademia #widgets { padding-right: 0; } .widget { width: 100% ! important; } #akademia .ui-tabs-panel table thead { display: none; } #content #akademia .accordion .content.ui-accordion-content, #content #akademia .accordion .ui-accordion-content { margin: -1px 0 0 0px; padding: 0 10px 10px; } #content #akademia .accordion .ui-accordion-content { padding: 10px 5px; } #content #akademia .accordion .ui-accordion-content a { padding: 3px 5px; margin: 7px 5px; font-size: 13px; } #content #akademia table td[style*="text-align: right;"] { text-align: right ! important; font-size: 14px; } #content #akademia .tabs table th { font-size: 12px; } #akademia .accordion .checkbox { padding: 33px 11px; } #content #akademia .tabs ul li { display: block; width: calc(100% - 4px); } #content #akademia .boxes .box, #content #akademia .boxes .box:nth-child(3n + 3) { width: 100%; margin: 15px auto; display: block; max-width: 200px; } #akademia .table .col, #akademia form .table .col:first-child, #akademia form .table .col:last-child { display: table-cell; display: block; padding: 0; } #content #akademia .checkbox-accordion h3:before, #content #akademia .checkbox-accordion h3 td.arrow, #content #akademia .checkbox-accordion h3:after, #content #akademia .checkbox-accordion h3:before, #content #akademia .checkbox-accordion h3:after, #content #akademia .mlist li strong, #content #akademia .accordion h3:before, #content #akademia .accordion h3 td.arrow, #content #akademia .accordion h3:after, #content #akademia .accordion h3:before, #content #akademia .accordion h3:after { width: 50px; height: 50px; padding-top: 0px; font-size: 30px; } #content #akademia .accordion h3:before, #content #akademia .accordion h3:after, #content #akademia .accordion h3 .arrow { font-size: 16px; } #content #akademia .mlist.plist li:after { left: 60px; height: calc(100% - 20px); padding: 10px 0; } #content #akademia .mlist.plist li p { padding: 10px; } #content #akademia img[style*="float: right;"], #content #akademia img[style*="float: left;"], #akademia p img[style*="float: right;"] + strong { float: none ! important; max-width: 296px ! important; width: calc(100% - 4px); display: block; margin: auto; } #akademia p img[style*="float: right;"] + strong { margin-top: 15px; width: 100%; max-width: 300px ! important; } #content #akademia h2[style*="text-align: center;"] + hr + table tr td img { margin: 0 auto; max-height: 100px ! important; } } } .select label { display: none; } #akademia .select select { margin: 15px 0; } #akademia .select:before, #akademia .select.req:before { top: 25px; } #akademia .select:after { top: 35px; } @media screen and (max-width: 1179px) { .new-news { right: 20px; bottom: 40px; } input[type="submit"], .submit a, .social-text { font-size: 15px; } .h2, .h1 { font-size: 18px; } .mobil { display: block; position: absolute; padding-right: 20px; right: 0; margin-top: -15px; } #icons { background-color: #D9DADE; padding-bottom: 10px; } #content-container { display: block; } #motto1, #motto2 { margin-left: 0px; margin-top: 30px; color: #fff; font-size: 19px; padding-left: 10px; } #motto2 { margin-top: 10px; } #header div { position: relative; } #header div#motto { position: absolute; } #social { margin: 0px auto; padding: 15px 0px 0px 0px; position: relative; } #logo { margin-left: 20px; margin-top: 10px; } #logo img { width: 200px; } #mobil-menu { font-family: 'Trebuchet MS'; color: #fff; font-weight: bold; text-transform: uppercase; padding-top: 10px; padding-left: 2%; display: block; height: 37px; width: 98%; background: #2137d6; } #menu { border: none; background-image: none; display: block; height: auto; } #menu ul li { background-image: none; display: block; float: none; font-size: 15px; padding: 8px 0px; text-align: center; border: none; height: auto; border-bottom: 1px solid #ccc; } #menu ul li:first-child { padding-left: 0px; } .banner, #social-ikonok, #footer h3, #menu { display: none; } #footer-links #hirlevel { position: relative; margin-top: 0px; text-align: center; } #footer-logo { float: none; display: block; width: 100%; } #content table.mtable td { display: block !important; width: calc(100%) !important; padding: 10px 0px !important; margin: 0 !important; } .class { margin-bottom: 20px; } .df { flex-direction: column; margin-bottom: 30px; } .df div { height: 250px; width: calc(100% - 100px); padding: 50px 50px 0px 50px; } #akademia .accordion .checkbox:before { left: calc(50% - 22px); } .df div a { font-size: 18px; } .dflex, .tanyag { flex-direction: column; } .dflex div { width: 100%; } .dflex div h3 { margin-top: 0; } .tanyagtxt, .tanyagimg { display: block; } .tanyag .tanyagimg { width: 100%; padding-right: 0px; padding-bottom: 20px; } @media only screen and (max-width: 1000px) { #content { display: block; width: 95%; margin: 0px auto; padding: 0px; } #widgets { display: block; clear: both; width: 270px; margin: 20px auto; padding: 0px; } .widget { width: 97%; padding-bottom: 0; } } h2.kezdolap { margin-top: 0px; } #content table, #footer table { width: 100% !important; margin: 0px auto; } h1, h2.kezdolap, .elvalszto + h2, .hir-head, h2, .elemek h2 { line-height: 1.3; font-size: 28px; } #kulcsszavak p { font-size: 11px; padding: 5px; } h2, #hir h2 { line-height: 1.3; font-size: 25px; } #content table td { display: block; width: 90% !important; } .elem-egyeb table { margin-bottom: 10px !important; } #footer table td, .elem-egyeb table td { display: block; width: 100% !important; } #footer { padding-top: 0px; } #footer table td { text-align: center; } .elem { width: 295px; float: none; display: inline-block; margin-bottom: 20px; } .elem-kep { width: 100%; height: 140px; overflow: hidden; } .elem-kep img { width: 100%; } #footer-links { float: none; display: block; width: 100%; border-left: none; padding-left: 0px; } #copyright { height: auto; padding: 10px 0px; } .lepes { background-color: #F8931D; margin-top: 30px; } .lepes.kek { background-color: #0B6184; } .lepes-tartalom { height: auto; overflow: visible; } .sorszam { margin: 0px auto; height: 162px; float: none; display: block; } .lepes-kulcsszo table td { display: block; width: 100%; } .lepes-kulcsszo table td.right { padding-top: 8px; padding-bottom: 10px; } .lepes-miert { padding: 20px 10px 10px 10px; margin: 0px; } .doboz { height: auto; width: 100%; display: block; margin-left: 0px; background-image: none; background-color: #eee; } h3 { margin: 40px 0px 20px 0px; } #content-table h3 { height: 66px; margin: 0 0 20px; } #content-table h3, #content-table td p strong { font-size: 16px; } #content-table td div.text { height: 420px; } #content-table td .text + p { margin-bottom: 0; } #content-table td div:not(.text), #content-table td div:not(.text):last-child, #content-table td div.text { margin-bottom: 15px; } .hir-head { font-size: 23px; } .hirinfo { font-size: 15px; } .like-buttons div { margin-right: 10px; } #erdeklodes input[type="text"], #erdeklodes input[type="email"], #erdeklodes #telefonszam { width: 98%; padding: 1%; } #content #erdeklodes, #content #erdeklodes td { width: 300px !important; margin: 0px auto !important; text-align: center; } iframe { display: block; margin: 0px auto; width: 98%; } .grecaptcha-badge iframe { width: 100%; } .back { display: none; } .flip-container .back { display: block; } .partners .partner { margin: 4px 13px 4px 0; height: 150px; } .szolgaltatas-kep { width: calc(100% + 30px); margin: -15px 0 0 -15px; } .szolgaltatas { max-width: calc(33% - 38px); width: 220px; margin-bottom: 30px; padding: 15px; } .szolgaltatas.margin { margin-right: 15px; } .szolgaltatas-nev, .elem-cim { height: 45px; } .elem-cim { height: 45px; } .elem-egyeb .cimkek { padding-bottom: 10px; } #ajanlatkeres td input[type="text"], #ajanlatkeres td input[type="email"], #ajanlatkeres td select, #ajanlatkeres td textarea { width: 98%; padding: 8px; } .doboz.kibontas { margin-left: 0px; } #menu li ul { position: relative; left: 0; top: 10px; width: 100%; } #content table { width: 100% !important; } #content table td { width: calc(50% - 5px) !important; border: none !important; height: auto !important; text-align: left !important; display: block; padding: 0px 5px; display: inline-block; } #content-table td div:not(.text) { height: 535px; } #content table td:last-of-type { padding-right: 0; } #content table td:first-of-type { padding-left: 0; } .ima-body table img, #content table td.modul img { display: inline-block !important; } #content table td.modul { height: 130px !important; text-align: center; overflow: hidden !important; } #content .elem-egyeb table td.right { text-align: right !important; width: 70px; } #content .elem-egyeb table td.right { width: calc(100% - 70px); } #ajanlatkeres h4 div, .piac, .informacio, #content table td ul li, #im-blokk { text-align: left; } @media screen and (min-width: 661px) and (max-width: 1000px) { .elemek .elem:last-of-type { display: none; } .elemek > .elem.margin:nth-of-type(2) { margin-right: 0; } .elemek .elem { width: calc(50% - 13px); } } #content :not(.elemek) .elem { height: 390px; max-width: calc(50% - 13px); } } @media screen and (max-width: 660px) { #content #akademia td img { width: 100% ! important; } #content :not(.elemek) .elem { height: 410px; max-width: 100%; } #content table td { width: 100% !important; border: none !important; height: auto !important; text-align: center !important; display: block; padding: 0px; } #content-table h3 { height: auto; } #content-table td div:not(.text), #content-table td div:not(.text):last-child, #content-table td div.text { height: auto; } .partners .partner, .partners .partner:nth-child(4n + 4) { max-width: calc(50% - 8px); width: 100%; margin-right: 13px; } .partners .partner:nth-child(2n + 2) { margin-right: 0; } #kulcsszavak { height: 76px; } .elem { margin: 0 auto 15px; display: block; } .elem.margin { margin: 0 auto 15px; } .like-buttons { text-align: center; height: auto; padding: 15px; width: calc(100% - 30px); } .like-buttons * { float: none ! important; padding: 0 ! important; display: block ! important; margin: 5px auto ! important; } .like-buttons > * * { margin: 0px auto ! important; } .like-buttons div.social-text { margin: 0 auto 10px ! important; width: 100% ! important; } #content img { max-width: 100% !important; height: auto !important; float: none; display: block; } #content .szolgaltatas-kep img { width: 100%; } #content #erdeklodes, #content #erdeklodes td { width: 280px !important; } #kapcsolodo-szolgaltatasok { padding-top: 20px; } .szolgaltatas { width: 240px; max-width: calc(100% - 30px); margin: 0px auto 20px; float: none; display: block; } .szolgaltatas:last-of-type { margin-bottom: 0; } .szolgaltatas.margin { margin-right: auto; } #ajanlatkeres td input[type="text"], #ajanlatkeres td input[type="email"], #ajanlatkeres td select, #ajanlatkeres td textarea { width: 89%; padding: 5px; } .ima-menu li { display: block; padding: 5px 0px; text-align: center; border: none; } } @media screen and (max-width: 560px) { #header { background-position: -90px center; } #motto { left: 10px; } } @media screen and (max-width: 330px) { #content img { margin: 0px auto; width: 95% !important; max-width: 95% !important; height: auto !important; float: none; display: block; } #content .szolgaltatas-kep img { width: 100% !important; max-width: 100% !important; } #content table td.modul { height: 320px !important; text-align: center; overflow: hidden !important; } }