@media (min-width: 1200px) { body:not(.design) .hnr-page [widget-type].anim-hidden-lg { opacity: 0; } } @media (min-width: 992px) and (max-width: 1199px) { body:not(.design) .hnr-page [widget-type].anim-hidden-md { opacity: 0; } } @media (min-width: 768px) and (max-width: 991px) { body:not(.design) .hnr-page [widget-type].anim-hidden-sm { opacity: 0; } } @media (max-width: 767px) { body:not(.design) .hnr-page [widget-type].anim-hidden-xs { opacity: 0; } } body:not(.design) .anim-hidden-on-start { opacity: 0; } body:not(.design) [id^='id'].anim-hidden-on-start { opacity: 0 !important; } .animated { animation-duration: 1s; animation-fill-mode: both; --mtx1: 1; --mtx2: 0; --mtx3: 0; --mtx4: 0; --mtx5: 0; --mtx6: 1; --mtx7: 0; --mtx8: 0; --mtx9: 0; --mtx10: 0; --mtx11: 1; --mtx12: 0; --mtx13: 0; --mtx14: 0; --mtx15: 0; --mtx16: 1; } .animated.infinite { animation-iteration-count: infinite; } @keyframes bounce { 0%, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateZ(0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -15px, 0); } 90% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -4px, 0); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .anim-flash { animation-name: flash; } @keyframes pulse { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scaleX(1); } 50% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(1.05, 1.05, 1.05); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scaleX(1); } } .anim-pulse { animation-name: pulse; } @keyframes rubberBand { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scaleX(1); } 30% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(1.25, 0.75, 1); } 40% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.75, 1.25, 1); } 50% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(1.15, 0.85, 1); } 65% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.95, 1.05, 1); } 75% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(1.05, 0.95, 1); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scaleX(1); } } .anim-rubber-band { animation-name: rubberBand; } @keyframes shake { 0%, to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateZ(0); } 10%, 30%, 50%, 70%, 90% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(10px, 0, 0); } } .anim-shake { animation-name: shake; } @keyframes headShake { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateX(0); } 6.5% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateX(-6px) rotateY(-9deg); } 18.5% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateX(5px) rotateY(7deg); } 31.5% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateX(-3px) rotateY(-5deg); } 43.5% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateX(2px) rotateY(3deg); } 50% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateX(0); } } .anim-head-shake { animation-name: headShake; animation-timing-function: ease-in-out; } @keyframes swing { 20% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(15deg); } 40% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(-10deg); } 60% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(5deg); } 80% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(-5deg); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(0deg); } } .anim-swing { animation-name: swing; transform-origin: top center; } @keyframes tada { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scaleX(1); } 10%, 20% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scaleX(1); } } .anim-tada { animation-name: tada; } @keyframes wobble { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } 15% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-25%, 0, 0) rotate(-5deg); } 30% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(20%, 0, 0) rotate(3deg); } 45% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-15%, 0, 0) rotate(-3deg); } 60% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(10%, 0, 0) rotate(2deg); } 75% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-5%, 0, 0) rotate(-1deg); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-wobble { animation-name: wobble; } @keyframes jello { 0%, 11.1%, to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } 22.2% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) skewX(-0.1953125deg) skewY(-0.1953125deg); } } .anim-jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.3, 0.3, 0.3); } 20% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(1.1, 1.1, 1.1); } 40% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(1.03, 1.03, 1.03); } 80% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scaleX(1); } } .anim-bounce-in { animation-name: bounceIn; } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 25px, 0); } 75% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -10px, 0); } 90% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 5px, 0); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-bounce-in-up { animation-name: bounceInUp; } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(25px, 0, 0); } 75% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-10px, 0, 0); } 90% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(5px, 0, 0); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-bounce-in-left { animation-name: bounceInLeft; } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-25px, 0, 0); } 75% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(10px, 0, 0); } 90% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-5px, 0, 0); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-bounce-in-right { animation-name: bounceInRight; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -20px, 0); } 75% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 10px, 0); } 90% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -5px, 0); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateZ(0); } } .anim-bounce-in-down { animation-name: bounceInDown; } @keyframes bounceOut { 20% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.3, 0.3, 0.3); } } .anim-bounce-out { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -20px, 0); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 2000px, 0); } } .anim-bounce-out-down { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(20px, 0, 0); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-2000px, 0, 0); } } .anim-bounce-out-left { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-20px, 0, 0); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(2000px, 0, 0); } } .anim-bounce-out-right { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 20px, 0); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -2000px, 0); } } .anim-bounce-out-up { animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .anim-fade-in { animation-name: fadeIn; } @keyframes fadeInUp { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -100%, 0); } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-fade-in-up { animation-name: fadeInUp; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .anim-fade-in-down-big { animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-100%, 0, 0); } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-fade-in-left { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .anim-fade-in-left-big { animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(100%, 0, 0); } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-fade-in-right { animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .anim-fade-in-right-big { animation-name: fadeInRightBig; } @keyframes fadeInDown { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 100%, 0); } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-fade-in-down { animation-name: fadeInDown; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .anim-fade-in-up-big { animation-name: fadeInUpBig; } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .anim-fade-out { animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 100%, 0); } } .anim-fade-out-down { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .anim-fade-out-down-big { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-100%, 0, 0); } } .anim-fade-out-left { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .anim-fade-out-left-big { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(100%, 0, 0); } } .anim-fade-out-right { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .anim-fade-out-right-big { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -100%, 0); } } .anim-fade-out-up { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .anim-fade-out-up-big { animation-name: fadeOutUpBig; } @keyframes flip { 0% { animation-timing-function: ease-out; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateY(-1turn); } 40% { animation-timing-function: ease-out; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { animation-timing-function: ease-in; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) translateZ(150px) rotateY(-170deg); } 80% { animation-timing-function: ease-in; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) scale3d(0.95, 0.95, 0.95); } to { animation-timing-function: ease-in; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px); } } .anim-flip { animation-name: flip; backface-visibility: visible; } @keyframes flipInX { 0% { animation-timing-function: ease-in; opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateX(90deg); } 40% { animation-timing-function: ease-in; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateX(-20deg); } 60% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateX(10deg); } 80% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateX(-5deg); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px); } } .anim-flip-in-x { animation-name: flipInX; backface-visibility: visible !important; } @keyframes flipInY { 0% { animation-timing-function: ease-in; opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateY(90deg); } 40% { animation-timing-function: ease-in; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateY(-20deg); } 60% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateY(10deg); } 80% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateY(-5deg); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px); } } .anim-flip-in-y { animation-name: flipInY; backface-visibility: visible !important; } @keyframes flipOutX { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px); } 30% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateX(-20deg); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateX(90deg); } } .anim-flip-out-x { animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px); } 30% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateY(-15deg); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) perspective(400px) rotateY(90deg); } } .anim-flip-out-y { animation-name: flipOutY; backface-visibility: visible !important; } @keyframes lightSpeedIn { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(100%, 0, 0) skewX(-30deg); } 60% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) skewX(20deg); } 80% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) skewX(-5deg); } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-light-speed-in { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { 0% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(100%, 0, 0) skewX(30deg); } } .anim-light-speed-out { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(-200deg); transform-origin: center; } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); transform-origin: center; } } .anim-rotate-in { animation-name: rotateIn; } @keyframes rotateInDownLeft { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(-45deg); transform-origin: left bottom; } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); transform-origin: left bottom; } } .anim-rotate-in-down-left { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(45deg); transform-origin: right bottom; } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); transform-origin: right bottom; } } .anim-rotate-in-down-right { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(45deg); transform-origin: left bottom; } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); transform-origin: left bottom; } } .anim-rotate-in-up-left { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(-45deg); transform-origin: right bottom; } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); transform-origin: right bottom; } } .anim-rotate-in-up-right { animation-name: rotateInUpRight; } @keyframes rotateOut { 0% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); transform-origin: center; } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(200deg); transform-origin: center; } } .anim-rotate-out { animation-name: rotateOut; } @keyframes rotateOutDownLeft { 0% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); transform-origin: left bottom; } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(45deg); transform-origin: left bottom; } } .anim-rotate-out-down-left { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { 0% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); transform-origin: right bottom; } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(-45deg); transform-origin: right bottom; } } .anim-rotate-out-down-right { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { 0% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); transform-origin: left bottom; } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(-45deg); transform-origin: left bottom; } } .anim-rotate-out-up-left { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { 0% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); transform-origin: right bottom; } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(45deg); transform-origin: right bottom; } } .anim-rotate-out-up-right { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { animation-timing-function: ease-in-out; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); transform-origin: top left; } 20%, 60% { animation-timing-function: ease-in-out; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(80deg); transform-origin: top left; } 40%, 80% { animation-timing-function: ease-in-out; opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(60deg); transform-origin: top left; } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 700px, 0); } } .anim-hinge { animation-name: hinge; } @keyframes jackInTheBox { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(-10deg); } 70% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) rotate(3deg); } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale(1); } } .anim-jack-in-the-box { animation-name: jackInTheBox; } @keyframes rollIn { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-roll-in { animation-name: rollIn; } @keyframes rollOut { 0% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(100%, 0, 0) rotate(120deg); } } .anim-roll-out { animation-name: rollOut; } @keyframes zoomIn { 0% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-zoom-in { animation-name: zoomIn; } @keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } .anim-zoom-in-up { animation-name: zoomInUp; } @keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } .anim-zoom-in-left { animation-name: zoomInLeft; } @keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } .anim-zoom-in-right { animation-name: zoomInRight; } @keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } .anim-zoom-in-down { animation-name: zoomInDown; } @keyframes zoomOut { 0% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } 50% { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.3, 0.3, 0.3); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ); } } .anim-zoom-out { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } to { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; } } .anim-zoom-out-down { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .anim-zoom-out-left { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .anim-zoom-out-right { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } to { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; } } .anim-zoom-out-up { animation-name: zoomOutUp; } @keyframes slideInUp { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -100vh, 0); visibility: visible; } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateZ(0); } } .anim-slide-in-up { animation-name: slideInUp; } @keyframes slideInLeft { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-100vw, 0, 0); visibility: visible; } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateZ(0); } } .anim-slide-in-left { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(100vw, 0, 0); visibility: visible; } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateZ(0); } } .anim-slide-in-right { animation-name: slideInRight; } @keyframes slideInDown { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 100vh, 0); visibility: visible; } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateZ(0); } } .anim-slide-in-down { animation-name: slideInDown; } @keyframes slideOutDown { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateZ(0); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, 100vh, 0); visibility: hidden; } } .anim-slide-out-down { animation-name: slideOutDown; } @keyframes slideOutLeft { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateZ(0); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(-100vw, 0, 0); visibility: hidden; } } .anim-slide-out-left { animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateZ(0); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(100vw, 0, 0); visibility: hidden; } } .anim-slide-out-right { animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translateZ(0); } to { transform: matrix3d( var(--mtx1), var(--mtx2), var(--mtx3), var(--mtx4), var(--mtx5), var(--mtx6), var(--mtx7), var(--mtx8), var(--mtx9), var(--mtx10), var(--mtx11), var(--mtx12), var(--mtx13), var(--mtx14), var(--mtx15), var(--mtx16) ) translate3d(0, -100vw, 0); visibility: hidden; } } .anim-slide-out-up { animation-name: slideOutUp; } .widget-progress.line { display: block; } .label-right .ldBar-label { float: right; } .label-left .ldBar-label { float: left; } .label-bottom-right .ldBar-label { bottom: 0; position: absolute; right: 0; } .label-bottom-center .ldBar-label { text-align: center; width: 100%; } .label-bottom-left .ldBar-label { bottom: 0; left: 0; position: absolute; } .label-top-right .ldBar-label { position: absolute; right: 0; top: 0; } .label-top-center .progress-item { display: flex; flex-direction: column-reverse; } .label-top-center .ldBar-label { text-align: center; width: 100%; } .label-top-left .ldBar-label { left: 0; position: absolute; top: 0; } .label-middle-center .ldBar-label { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .label-middle-left .progress-item { align-items: center; display: flex; flex-direction: row-reverse; } .label-middle-right .progress-item { align-items: center; display: flex; } .ldBar-label, .progress-item { line-height: 1; } .widget-accordion { height: auto; } .widget-accordion .collapse-container { float: left; height: auto; width: 100%; } .widget-accordion .collapse-header { align-items: center; background-color: #f6f6f6; border: 1px solid #c5c5c5; color: #000; display: flex; height: 50px; padding-left: 30px; text-align: left; } .widget-accordion .collapse-header .accordion-arrow { border-left: 5px solid #0000; border-right: 5px solid #0000; border-top: 5px solid #000; display: inline-block; height: 5px; left: 15px; position: absolute; top: 50%; transform: rotate(-90deg) translateX(34%); width: 10px; } .widget-accordion .ui-accordion-header-active { align-items: center; background-color: #007fff; border: 1px solid #003eff; color: #fff; display: flex; padding-left: 30px; text-align: left; } .widget-accordion .ui-accordion-header-active .accordion-arrow { border-left: 5px solid #0000; border-right: 5px solid #0000; border-top: 5px solid #fff; display: inline-block; height: 5px; left: 15px; position: absolute; top: 50%; transform: translateY(-50%); width: 10px; } .widget-accordion .collapse-content { height: auto !important; } .widget-accordionv2 .collapseContainer .collapse-header:before, .widget-accordionv2 .collapseContainer.group:after { content: ''; } .widget-accordionv2 .collapseContainer .collapse-header.collapseHeader_glyphiconsIco:before { content: '\25CF'; } .widget-accordionv2 article.active .collapseContent:empty { outline: 1px dashed #ddd; } .widget-accordionv2 .collapseContainer:not(.active) .collapseContent { max-height: 0 !important; min-height: 0 !important; } .relative { position: relative !important; } .gallery-left-layout { height: 100%; } .gallery-left-layout .gallery-column { line-height: 0; padding-right: 0; } .gallery-left-layout .gallery-column [widget-type='image'], .gallery-left-layout .gallery-column [widget-type='image'] img { width: 100%; } .gallery-left-layout .desc-column { float: right; max-height: 100%; overflow: hidden; padding: 80px; } .gallery-left-layout .hnr-desc-element { color: #898989; font-size: 18px; } .gallery-left-layout .hnr-desc-header { color: #000; font-size: 26px; font-weight: 500; margin-bottom: 0; } .gallery-left-layout .hnr-desc-short_txt { margin-bottom: 20px; } .slider-right-layout { align-items: flex-start; display: flex; max-height: 100%; max-width: 100%; } .hnr-detail-popup .slider-right-layout { max-width: none; } .slider-right-layout .desc-column { flex-basis: 33%; flex-grow: 1; max-height: 100%; overflow: hidden; padding: 50px; } .slider-right-layout .desc-column .hnr-desc-header { color: #000; font-size: 30px; padding-bottom: 10px; text-transform: uppercase; } .slider-right-layout .desc-column .hnr-desc-namebottom { border-top: 1px solid #00bfa5; height: 15px; margin-bottom: 15px; margin-right: 75%; min-height: 1px; } .slider-right-layout .desc-column .hnr-desc-short_txt { color: #bcbcbc; font-size: 20px; margin-bottom: 30px; } .slider-right-layout .desc-column .hnr-desc-txt { color: #212121; font-size: 14px; } .slider-right-layout .slider-column { flex-basis: 66%; flex-grow: 1; } .slider-right-layout .slider-column .carousel-inner { height: 80vh; } .slider-top-layout .slider-column .carousel-inner { height: 50vh; } .slider-top-layout .desc-column { margin: 0 auto; max-width: 1170px; padding: 50px; } .slider-top-layout .hnr-desc-header { color: #464646; font-size: 14px; font-style: inherit; font-weight: 700; letter-spacing: 1px; line-height: 1.3em; padding-bottom: 10px; padding-top: 0; text-align: left; text-transform: uppercase; word-wrap: break-word; } .slider-top-layout .hnr-desc-short_txt, .slider-top-layout .hnr-desc-txt { color: grey; font-size: 16px; line-height: 1.66em; } .gallery-top-layout .gallery-column .hnr-detail-photo-container { display: block; margin-bottom: 30px; } .gallery-top-layout .hnr-detail-photo { display: block; margin: 0 auto; width: 1170px; } .gallery-top-layout .desc-column { margin-left: auto; margin-right: auto; margin-top: 50px; max-width: 1170px; } .photo-fixed-layout { color: #fff; } .photo-fixed-layout .fixed-desc-container { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; height: calc(100vh - 80px); position: relative; } .photo-fixed-layout .fixed-desc-elements { position: absolute; text-align: center; top: 50%; transform: translateY(-50%); } .photo-fixed-layout .fixed-desc-elements.fixed-element { position: fixed; } .design .photo-fixed-layout .fixed-desc-container, .preview .photo-fixed-layout .fixed-desc-container { height: calc(100vh - 130px); } .photo-fixed-layout .gallery-column .hnr-detail-photo-container { display: block; position: relative; transition: all 0.8s; } .photo-fixed-layout .content-column { background-color: #000; position: relative; } .photo-fixed-layout .desc-column, .photo-fixed-layout .gallery-column { margin: 0 auto; max-width: 1170px; position: relative; text-align: center; } body > div:not(#wrapper) .photo-fixed-layout .gallery-column .hnr-detail-photo-container:hover { transform: scale(1.1); } .photo-fixed-layout .gallery-column .hnr-detail-photo-container:nth-child(3n + 1) { object-fit: cover; width: 100%; } .photo-fixed-layout .gallery-column .hnr-detail-photo-container:not(:nth-child(3n + 1)) { display: inline-block; width: 50%; } .photo-fixed-layout .gallery-column .hnr-detail-photo-container:before { content: ' '; display: block; padding-top: 66%; } .photo-fixed-layout .gallery-column .hnr-detail-photo-container .hnr-detail-photo { height: 100%; left: 0; object-fit: cover; padding: 20px; position: absolute; top: 0; width: 100%; } .photo-fixed-layout .desc-column { padding: 50px; } .photo-fixed-layout .hnr-desc-header { color: #fff; font-size: 120px; font-weight: 400; } .photo-fixed-layout .hnr-desc-short_txt { font-size: 22px; margin-bottom: 20px; } .photo-fixed-layout .hnr-desc-txt { color: #777; font-size: 16px; } .photo-fixed-layout ul { margin-bottom: 0; } .hnr-widget-container .fixed-column { margin-top: inherit; padding-top: inherit; position: fixed; top: 0; } .design .hnr-widget-container .fixed-column, .preview .hnr-widget-container .fixed-column { top: 50px; } .detail-view-container { inset: 40px; margin: auto; padding: 50px; position: fixed; z-index: 300; } .design .detail-view-container, .preview .detail-view-container { height: calc(100% - 50px); top: 50px; } .hnr-detail-popup { margin: auto; overflow: hidden; z-index: 20; } .hnr-detail-popup, .hnr-detail-popup .hnr-widget-container { height: 100%; } .detail-view-container .background { background-color: #b4b4b4bf; inset: 0; position: fixed; z-index: -1; } .detail-view-container .nav-container { background-color: #000000a6; cursor: pointer; height: 120px; perspective: 1000px; perspective-origin: 100% 50%; position: fixed; top: 50%; transform: translateY(-50%); transition: 0.5s; width: 40px; z-index: 11; } .detail-view-container .nav-container:empty { display: none; } .detail-view-container .nav-container:hover { background-color: #000000bf; } .detail-view-container .next-nav-container, .detail-view-container .prev-nav-container { z-index: 1000; } .detail-view-container .prev-nav-container { background: url(/static/images/main_pages/arrow-left.png) 50%/40% no-repeat #000000bf; left: 0; } .detail-view-container .next-nav-container { background: url(/static/images/main_pages/arrow-right.png) 50%/40% no-repeat #000000bf; right: 0; } .detail-view-container .nav-detail { backface-visibility: hidden; background-color: #000; height: 120px; overflow: hidden; position: absolute; top: 0; transition: 0.5s; width: 150px; z-index: 11; } .detail-view-container .nav-detail:before { background-color: #000000b3; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease-out; width: 100%; } .detail-view-container .nav-detail:hover:before { opacity: 1; } .detail-view-container .prev-nav-container .nav-detail { left: 100%; transform: rotateY(90deg); transform-origin: 0 50%; } .detail-view-container .next-nav-container .nav-detail { right: 100%; transform: rotateY(-88deg); transform-origin: 100% 50%; } @media screen and (min-width: 480px) { .detail-view-container .nav-container:hover .nav-detail { transform: rotateY(0deg); } } .detail-view-container .nav-detail .hnr-widget-photo-img { height: 100%; object-fit: cover; width: 100%; } .detail-view-container .nav-detail .hnr-desc-header { color: #fff; font-size: 14px; opacity: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: opacity 0.2s ease-out; width: 100%; } .detail-view-container .nav-detail:hover .hnr-desc-header { opacity: 1; } .detail-view-container .detail-view-close-button { color: #222; cursor: pointer; font-size: 35px; height: 35px; line-height: 1; position: absolute; right: 35px; top: 35px; width: 35px; z-index: 1000; } .detail-view-container .detail-view-close-button:hover { color: #000; } .detail-view-container .space { background-color: #fff; } .desc-column .hnr-desc-link { color: #898989; } .hnr-detail-popup .columnContainer { padding: 0; } .hnr-detail-popup .row { margin: 0; } .hnr-detail-popup #HEADER { min-height: 0; } @media (max-width: 767px) { .detail-view-container { height: calc(100% - 10px); inset: 5px; } .design .detail-view-container, .preview .detail-view-container { height: calc(100% - 60px); top: 55px; } .detail-view-container .detail-view-close-button { right: 5px; top: 5px; } .gallery-left-layout .desc-column { float: left; margin: 0; max-height: 50%; padding: 40px; } .slider-right-layout { flex-direction: column-reverse; } .slider-right-layout .desc-column { flex-basis: 40%; margin-top: 0; padding-left: 30px; padding-right: 30px; padding-top: 40px; } .slider-right-layout .slider-column { flex-basis: 60%; flex-grow: 1; } } @media (max-width: 480px) { .detail-view-container { padding: 0; width: 100%; } .detail-view-container .hnr-detail-popup { width: 100% !important; } .detail-view-container .gallery-column { margin: 0; padding: 0; } .detail-view-container .detail-view-close-button { right: 20px; top: 5px; } } [widget-type='blogBanner'] [widget-type='image'] { height: auto; min-height: 300px; min-width: 100%; overflow: hidden; } [widget-type='blogBanner'] h2 { margin: 0.6em 0; } [widget-type='blogBanner'] a { color: inherit; } [widget-type='blogBanner'] .hnr-widget-BB { display: grid; } [widget-type='blogBanner'] .hnr-widget-BB:before { content: none; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-detail-view-wrapper:first-of-type { grid-area: first; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-detail-view-wrapper:nth-of-type(2) { grid-area: second; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-detail-view-wrapper:nth-of-type(3) { grid-area: third; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-detail-view-wrapper:nth-of-type(4) { grid-area: fourth; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-detail-view-wrapper:nth-of-type(5) { grid-area: fifth; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-detail-view-wrapper:nth-of-type(6) { grid-area: sixth; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-detail-view-wrapper:nth-of-type(7) { grid-area: seventh; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-detail-view-wrapper:nth-of-type(8) { grid-area: eighth; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-detail-view-wrapper:nth-of-type(9) { grid-area: ninth; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-detail-view-wrapper:nth-of-type(10) { grid-area: tenth; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-detail-view-wrapper:nth-of-type(11) { grid-area: eleventh; } [widget-type='blogBanner'] .hnr-widget-BB .hnr-desc-under { padding-top: 0; } [widget-type='blogBanner'] .hnr-desc-on { bottom: 0; display: flex; flex-direction: column; justify-content: end; position: absolute; top: 0; transform: translateY(-100%); } [widget-type='blogBanner'] .hnr-widget-element .hnr-widget-photo .hnr-desc-container { background-color: #00000080; } [widget-type='blogBanner'] .hnr-desc-on-hover-active { transition: transform 0.2s ease; } [widget-type='blogBanner'] .hnr-desc-on-hover-active:hover { transform: translateY(-100%); } [widget-type='blogBanner'] .col-xs-12 { padding: 0 15px; } [widget-type='blogBanner'] .row { margin: 0 -15px; } .blog-categorie-root { padding: 0; } .blog-category-item { list-style-type: none; } .blog-category-item ul { margin-left: 15px; max-height: 0; overflow: hidden; transform-origin: top; transition: max-height 0.6s ease-in-out; } .blog-category-item label { margin-bottom: 0; position: relative; } .blog-category-label { clear: both; display: block; font-weight: inherit; line-height: inherit; overflow: hidden; } .widget-blogCategories { color: #000; } .widget-blogCategories a { color: inherit; line-height: inherit; } .category-expand-marker { display: none; } .category-expand-marker:checked + label:after, .category-expand-marker:checked + label:before { transform: rotate(45deg); } .category-expand-marker:checked ~ ul { max-height: 400px; } .blog-latest-post { box-shadow: 0 0 25px 2px #8a8a8a4d; margin-bottom: 25px; overflow: auto; } .blog-latest-post img { float: left; height: 90px; width: 30%; } .blog-latest-post div { float: left; padding: 7px 0 0 14px; width: 70%; } .blog-latest-post h3 { margin: 0 5px 5px 0; overflow: hidden; } .blog-latest-post p { font-size: 14px; margin-bottom: 0; } #blogCategories .el-checkbox { width: 32px; } .booking-engine-button-left { text-align: left; } .booking-engine-button-right { text-align: right; } .booking-engine-button-center { text-align: center; } .booking-engine-button { background: #2890cf; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; margin: 20px 0; opacity: 1; padding: 5px 20px; transition: opacity 0.2s ease-out; } .booking-engine-button:hover { opacity: 0.8; } .booking-engine-popup { background: #fff; border-radius: 3px; display: none; height: calc(100% - 40px); left: 50px; max-height: 770px; overflow-y: auto; padding: 10px 12px 5px !important; position: fixed; right: 50px; top: 20px; z-index: 1010; } .booking-engine-popup-close { background: url(/static/images/icons/close-dialog.svg) no-repeat; cursor: pointer; float: right; height: 20px; margin-bottom: 7px; margin-top: 3px; width: 20px; } .booking-engine-popup-iframe { border: none; height: calc(100% - 35px); width: 100%; } .booking-engine-popup-mask { background: #000; display: none; inset: 0; opacity: 0.75; position: fixed; z-index: 1009; } .booking-engine-onpage { border: none; height: 770px; width: 100%; } @media (max-width: 900px) { .booking-engine-popup { left: 10px; right: 10px; } } span.widget-button { display: table; } [widget-type='cart'] { display: inline-block; } [widget-type='cart'] .amount-label { background-color: #ffe700; border-radius: 25px; cursor: pointer; font-size: 12px; font-weight: 700; height: 14px; left: 40px; line-height: 14px; padding: 0 5px; position: absolute; text-align: center; top: 35px; transform: translate(-50%, -50%); } [widget-type='cart'] .total-cost { cursor: pointer; font-weight: 700; margin-top: 10px; text-align: center; width: 100%; } [widget-type='cart'] .cart-information-container { align-items: center; display: flex; } [widget-type='cartcontentwidget'].widget-cartcontentwidget { background-color: #f6f7f8; padding-bottom: 24px; } .columnContainer:hover { cursor: auto; } .columnContainer .column { height: 100%; } @media screen and (min-device-pixel-ratio: 0) { .columnContainer .column { height: auto; } } body [widget-type='column'] { display: flex; flex-wrap: wrap; justify-content: space-between; } [widget-type='column'] .columnContainer .column { flex: 1 1 auto; } body [widget-type='column']:before { width: 0; } .columnContainer:empty { align-items: center; display: flex; min-height: 70px; } @media (min-width: 1200px) { .col-lg-offset-left-1 { margin-left: 8.33333%; } .col-lg-offset-left-2 { margin-left: 16.6667%; } .col-lg-offset-left-3 { margin-left: 25%; } .col-lg-offset-left-4 { margin-left: 33.3333%; } .col-lg-offset-left-5 { margin-left: 41.6667%; } .col-lg-offset-left-6 { margin-left: 50%; } .col-lg-offset-left-7 { margin-left: 58.3333%; } .col-lg-offset-left-8 { margin-left: 66.6667%; } .col-lg-offset-left-9 { margin-left: 75%; } .col-lg-offset-left-10 { margin-left: 83.3333%; } .col-lg-offset-left-11 { margin-left: 91.6667%; } .col-lg-offset-left-12 { margin-left: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .col-md-offset-left-1 { margin-left: 8.33333%; } .col-md-offset-left-2 { margin-left: 16.6667%; } .col-md-offset-left-3 { margin-left: 25%; } .col-md-offset-left-4 { margin-left: 33.3333%; } .col-md-offset-left-5 { margin-left: 41.6667%; } .col-md-offset-left-6 { margin-left: 50%; } .col-md-offset-left-7 { margin-left: 58.3333%; } .col-md-offset-left-8 { margin-left: 66.6667%; } .col-md-offset-left-9 { margin-left: 75%; } .col-md-offset-left-10 { margin-left: 83.3333%; } .col-md-offset-left-11 { margin-left: 91.6667%; } .col-md-offset-left-12 { margin-left: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .col-sm-offset-left-1 { margin-left: 8.33333%; } .col-sm-offset-left-2 { margin-left: 16.6667%; } .col-sm-offset-left-3 { margin-left: 25%; } .col-sm-offset-left-4 { margin-left: 33.3333%; } .col-sm-offset-left-5 { margin-left: 41.6667%; } .col-sm-offset-left-6 { margin-left: 50%; } .col-sm-offset-left-7 { margin-left: 58.3333%; } .col-sm-offset-left-8 { margin-left: 66.6667%; } .col-sm-offset-left-9 { margin-left: 75%; } .col-sm-offset-left-10 { margin-left: 83.3333%; } .col-sm-offset-left-11 { margin-left: 91.6667%; } .col-sm-offset-left-12 { margin-left: 100%; } } @media (max-width: 767px) { .col-xs-offset-left-1 { margin-left: 8.33333%; } .col-xs-offset-left-2 { margin-left: 16.6667%; } .col-xs-offset-left-3 { margin-left: 25%; } .col-xs-offset-left-4 { margin-left: 33.3333%; } .col-xs-offset-left-5 { margin-left: 41.6667%; } .col-xs-offset-left-6 { margin-left: 50%; } .col-xs-offset-left-7 { margin-left: 58.3333%; } .col-xs-offset-left-8 { margin-left: 66.6667%; } .col-xs-offset-left-9 { margin-left: 75%; } .col-xs-offset-left-10 { margin-left: 83.3333%; } .col-xs-offset-left-11 { margin-left: 91.6667%; } .col-xs-offset-left-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-offset-right-1 { margin-right: 8.33333%; } .col-lg-offset-right-2 { margin-right: 16.6667%; } .col-lg-offset-right-3 { margin-right: 25%; } .col-lg-offset-right-4 { margin-right: 33.3333%; } .col-lg-offset-right-5 { margin-right: 41.6667%; } .col-lg-offset-right-6 { margin-right: 50%; } .col-lg-offset-right-7 { margin-right: 58.3333%; } .col-lg-offset-right-8 { margin-right: 66.6667%; } .col-lg-offset-right-9 { margin-right: 75%; } .col-lg-offset-right-10 { margin-right: 83.3333%; } .col-lg-offset-right-11 { margin-right: 91.6667%; } .col-lg-offset-right-12 { margin-right: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .col-md-offset-right-1 { margin-right: 8.33333%; } .col-md-offset-right-2 { margin-right: 16.6667%; } .col-md-offset-right-3 { margin-right: 25%; } .col-md-offset-right-4 { margin-right: 33.3333%; } .col-md-offset-right-5 { margin-right: 41.6667%; } .col-md-offset-right-6 { margin-right: 50%; } .col-md-offset-right-7 { margin-right: 58.3333%; } .col-md-offset-right-8 { margin-right: 66.6667%; } .col-md-offset-right-9 { margin-right: 75%; } .col-md-offset-right-10 { margin-right: 83.3333%; } .col-md-offset-right-11 { margin-right: 91.6667%; } .col-md-offset-right-12 { margin-right: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .col-sm-offset-right-1 { margin-right: 8.33333%; } .col-sm-offset-right-2 { margin-right: 16.6667%; } .col-sm-offset-right-3 { margin-right: 25%; } .col-sm-offset-right-4 { margin-right: 33.3333%; } .col-sm-offset-right-5 { margin-right: 41.6667%; } .col-sm-offset-right-6 { margin-right: 50%; } .col-sm-offset-right-7 { margin-right: 58.3333%; } .col-sm-offset-right-8 { margin-right: 66.6667%; } .col-sm-offset-right-9 { margin-right: 75%; } .col-sm-offset-right-10 { margin-right: 83.3333%; } .col-sm-offset-right-11 { margin-right: 91.6667%; } .col-sm-offset-right-12 { margin-right: 100%; } } @media (max-width: 767px) { .col-xs-offset-right-1 { margin-right: 8.33333%; } .col-xs-offset-right-2 { margin-right: 16.6667%; } .col-xs-offset-right-3 { margin-right: 25%; } .col-xs-offset-right-4 { margin-right: 33.3333%; } .col-xs-offset-right-5 { margin-right: 41.6667%; } .col-xs-offset-right-6 { margin-right: 50%; } .col-xs-offset-right-7 { margin-right: 58.3333%; } .col-xs-offset-right-8 { margin-right: 66.6667%; } .col-xs-offset-right-9 { margin-right: 75%; } .col-xs-offset-right-10 { margin-right: 83.3333%; } .col-xs-offset-right-11 { margin-right: 91.6667%; } .col-xs-offset-right-12 { margin-right: 100%; } } @media (min-width: 1200px) { .col-lg-order-1 { order: 1; } .col-lg-order-2 { order: 2; } .col-lg-order-3 { order: 3; } .col-lg-order-4 { order: 4; } .col-lg-order-5 { order: 5; } .col-lg-order-6 { order: 6; } .col-lg-order-7 { order: 7; } .col-lg-order-8 { order: 8; } .col-lg-order-9 { order: 9; } .col-lg-order-10 { order: 10; } .col-lg-order-11 { order: 11; } .col-lg-order-12 { order: 12; } } @media (min-width: 992px) and (max-width: 1199px) { .col-md-order-1 { order: 1; } .col-md-order-2 { order: 2; } .col-md-order-3 { order: 3; } .col-md-order-4 { order: 4; } .col-md-order-5 { order: 5; } .col-md-order-6 { order: 6; } .col-md-order-7 { order: 7; } .col-md-order-8 { order: 8; } .col-md-order-9 { order: 9; } .col-md-order-10 { order: 10; } .col-md-order-11 { order: 11; } .col-md-order-12 { order: 12; } } @media (min-width: 768px) and (max-width: 991px) { .col-sm-order-1 { order: 1; } .col-sm-order-2 { order: 2; } .col-sm-order-3 { order: 3; } .col-sm-order-4 { order: 4; } .col-sm-order-5 { order: 5; } .col-sm-order-6 { order: 6; } .col-sm-order-7 { order: 7; } .col-sm-order-8 { order: 8; } .col-sm-order-9 { order: 9; } .col-sm-order-10 { order: 10; } .col-sm-order-11 { order: 11; } .col-sm-order-12 { order: 12; } } @media (max-width: 767px) { .col-xs-order-1 { order: 1; } .col-xs-order-2 { order: 2; } .col-xs-order-3 { order: 3; } .col-xs-order-4 { order: 4; } .col-xs-order-5 { order: 5; } .col-xs-order-6 { order: 6; } .col-xs-order-7 { order: 7; } .col-xs-order-8 { order: 8; } .col-xs-order-9 { order: 9; } .col-xs-order-10 { order: 10; } .col-xs-order-11 { order: 11; } .col-xs-order-12 { order: 12; } } .widget-contactform { overflow-y: auto; } .widget-contactform [widget-type='column'] [widget-type='columncontainer'][nested-label='columncontainer'] { display: flex; flex-direction: column; justify-content: space-between; padding: 0 15px; } .widget-contactform.lyt-contact-form-cf2raw-v1 textarea[widget-type='contactforminput'][nested-label='formfield'] { min-height: 120px; } .widget-contactform .widget-button { text-align: center; width: 100%; } .widget-contactform .layout-two .contact-fields-container { display: flex; flex-direction: column; } .widget-contactform .layout-two .contact-fields-container:not(:first-child) .custom-field { flex-direction: column; } .widget-contactform .layout-two .contact-fields-container:not(:first-child) .custom-field .form-control { box-shadow: none; height: 100%; } .widget-contactform .layout-two .contact-fields-container:not(:first-child) .custom-field:first-child { flex: 1; } .widget-contactform select { appearance: menulist; } body .contact-form .ie9-placeholder { display: block\9; margin: 0; padding-left: 10px; } .contact-form textarea { resize: none; } .contact-form button .submit-contact-form { display: block; font-size: 14px; height: 35px; margin: 15px auto; padding: 5px 15px; resize: none; transition: all 0.3s ease 0s; width: auto; } .contact-form button .submit-contact-form:hover { background-color: #4b4343 !important; } .contact-form select { height: auto; } .contact-form .contact-submit-input { display: none; } .contact-form .help-block { line-height: 15px; margin: 0; min-height: 15px; padding-left: 15px; padding-right: 15px; } .contact-form .help-block ul { margin-bottom: 0; } .contact-form .help-block.with-errors { color: #f51818; font-size: 12px; font-weight: 700; } .contact-form .form-group { margin-bottom: 0; } .contact-form .check-input { align-items: center; display: flex; } .contact-form .check-input input[type='checkbox'] { margin-top: 0; } .contact-form-input-container { position: relative; } .has-error .form-control { border-color: #f51818; } .datetimepicker.dropdown-menu { background-color: #fff; border: 1px solid #00000026; border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); left: 0; margin: 2px 0 0; padding: 4px; } .download-file.text-center.add-new-field.plus-button { background-color: #0dc166; margin: 0; } #download-button { padding-top: 5px; text-align: center; vertical-align: middle; width: 15%; } .recaptcha-container { min-height: 60px; min-width: 260px; } [widget-type='countdowntimer'] { height: auto; } .widget-countdowntimer { display: flex; flex-flow: column wrap; } .counter-tile { background-color: #ccccccb3; display: block; flex: 1; margin: 0 10px; padding: 15px; position: relative; text-align: center; } .counter-label { background-color: #777; display: block; font-size: 32px; height: auto; line-height: 1.5em; padding: 15px; vertical-align: middle; width: 100%; } .counter-end-label { display: none; flex-basis: 100%; font-size: 32px; text-align: center; } .widget-countdowntimer.horizontal[data-layout='H'] { display: flex; flex-flow: row wrap; } .widget-countdowntimer.horizontal[data-layout='H'] .counter-tile { align-items: center; display: flex; flex-direction: row; justify-content: center; } .widget-countdowntimer.horizontal[data-layout='H'] .counter-desc-label { display: flex; flex-flow: row wrap; } .widget-counter { font-size: 2em; font-weight: 700; line-height: normal; text-align: center; } .embed_code, .embed_placeholder { height: 100%; overflow: clip; width: 100%; } .embed_iframe { height: 100%; width: 100%; } .embed.empty { background-color: #dde2e5; border: 1px solid #9e9e9e; min-height: 50px; } .embed.empty:before { color: #fff; content: '{\B7\B7\B7}'; font-family: 'Nunito Sans', sans-serif; font-size: 2rem; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } #page-preview-wrapper .embed:not(.visible) { display: none; } [widget-type='customerLogin'] { width: 50px; z-index: 2; } [widget-type='customerLogin'] .btn.active, [widget-type='customerLogin'] .btn:active { box-shadow: none; } [widget-type='customerLogin'] .icon-top { color: var(--thm-vuetify-secondary, #1d1f24); height: 30px; width: 30px; } [widget-type='customerLogin'] .theme--light.v-tabs > .v-tabs-bar { background-color: initial; } [widget-type='customerLogin'].active .dropdown { opacity: 1; transform: scaleY(1); } [widget-type='customerLogin'] .dropdown { opacity: 0; transform: scaleY(0); transition: transform 0.3s ease, opacity 0.2s ease 0.1s; } [widget-type='customerLogin'] .dropdown ul { background-color: #fff; box-shadow: 0 0 5px 1px #0000001a; display: flex; flex-direction: column; list-style: none; min-width: 300px; padding: 1em 2em; position: absolute; } [widget-type='customerLogin'] .dropdown ul li a { color: #000; text-decoration: none; } [widget-type='customerLogin'] .dropdown ul li a span { border-bottom: 2px solid #0000001a; display: block; padding: 0.75em 1em; } [widget-type='customerLogin'] .dropdown ul li:last-of-type a span { border-bottom-color: #0000; } [widget-type='customerLogin'] .dropdown.left ul { left: 0; } [widget-type='customerLogin'] .dropdown.right ul { right: 0; } [widget-type='customerLogin'] .dropdown .customer-login-btn { color: gray; margin-top: 1em; padding: 1em; text-align: center; } .hnr-dropdown { background-color: #fff; border: 1px solid #b8b8b8; color: #000; cursor: pointer; display: inline-block; font-size: 16px; min-width: 76px; padding: 11px 15px; position: relative; text-align: center; } .hnr-dropdown:hover { background-color: #f1f1f1; } .hnr-dropdown:hover .hnr-dropdown-content { display: block; } .hnr-dropdown.no-highlight:hover { background-color: #fff; } .hnr-dropdown .glyphicon { font-size: 0.8em; } .hnr-dropdown .hnr-dropdown-label { font-weight: 700; } .hnr-dropdown .hnr-dropdown-active { background-color: #f9f9f9; font-weight: 700; } .hnr-dropdown-content { background-color: #fff; box-shadow: 0 3px 6px 0 #0003; display: none; min-width: 120px; position: absolute; text-align: left; top: calc(100% + 1px); z-index: 999; } .hnr-dropdown-content div { color: #000; display: block; padding: 8px 15px; } .hnr-dropdown-content div:hover { background-color: #f1f1f1; } .hnr-right .hnr-dropdown-content { right: 0; } .hnr-left .hnr-dropdown-content { left: 0; } .field-icon { background-color: #eee; border: 1px solid #b8b8b8; color: #909090; float: right; font-size: 24px; margin-left: -1px; padding: 11px 15px; text-align: center; } #FIXED_PANEL #face-slider { margin-bottom: -170px; position: relative; transition: all 1s ease-in-out; width: 286px; z-index: 1; } #FIXED_PANEL #tab { background: url(/static/images/widgets/facebook.png) no-repeat 50%; background-size: 100%; border-radius: 5px; cursor: pointer; height: 50px; width: 50px; } #FIXED_BOX_RIGHT #face-slider { float: right; margin-right: -286px; } #FIXED_BOX_RIGHT #face-slider #tab { float: left; left: -50px; position: absolute; } #FIXED_BOX_RIGHT #face-code { background: #fff; border: 3px solid #4a6ea9; float: left; height: 246px; width: 286px; } #FIXED_BOX_LEFT #face-slider { float: left; margin-left: -286px; } #FIXED_BOX_LEFT #face-slider #tab { float: right; position: absolute; right: -50px; } #FIXED_BOX_LEFT #face-code { background: #fff; border: 3px solid #4a6ea9; float: left; height: 246px; width: 286px; } #FIXED_BOX_LEFT .facebook-hover { margin-left: 0 !important; } #FIXED_BOX_RIGHT .facebook-hover { margin-right: 0 !important; } #FIXED_PANEL .facebook-hover { z-index: 999 !important; } #FIXED_BOX_LEFT #face-slider:hover { margin-left: 0 !important; } #FIXED_BOX_RIGHT #face-slider:hover { margin-right: 0 !important; } #FIXED_PANEL #face-slider:hover { z-index: 999 !important; } .gallery-widget-picture-4-3-container { margin: 0; padding: 0; position: relative; } .gallery-widget-seo, .gallery-widget-seo img { display: none; } .gallery-widget-picture-4-3-container:before { content: ''; display: block; padding-top: 75%; } .gallery-widget-picture-4-3 { cursor: pointer; height: calc(100% - 30px); inset: 15px; overflow: hidden; position: absolute; } .gallery-widget-picture-4-3-img { margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); width: 100%; } .gallery-widget-picture-4-3:hover .gallery-widget-picture-4-3-mask { opacity: 1; } .gallery-widget-name { font-size: 20px; margin-bottom: 5px; padding-bottom: 5px; } .gallery-widget-name > .separator { border-bottom: 1px solid #d9d9d9; } .gallery-widget-pagination { display: block; font-size: 16px; line-height: 16px; margin: 15px 0; max-width: 100%; text-align: center; } .gallery-widget-pagination a { text-decoration: none; } .gallery-widget-pagination a, .gallery-widget-pagination span { border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; color: #999; display: inline-block; padding: 7px 15px 5px; } .gallery-widget-pagination .prev { background-image: url(/static/images/widgets/arrow_left.png); border-left: 1px solid #d9d9d9; border-radius: 50% 0 0 50%; } .gallery-widget-pagination .next, .gallery-widget-pagination .prev { background-position: 50%; background-repeat: no-repeat; background-size: 30%; display: inline-block; height: 30px; vertical-align: bottom; } .gallery-widget-pagination .next { background-image: url(/static/images/widgets/arrow_right.png); border-radius: 0 50% 50% 0; } .gallery-widget-pagination .current { color: #1791d7; } .gallery-widget-picture-4-3-mask { background: #00000080; color: #fff; cursor: pointer; float: left; height: 100%; opacity: 0; position: absolute; top: 0; transition: opacity 0.5s; width: 100%; } .gallery-widget-picture-4-3-mask img { padding-right: 7px; } .gallery-widget-picture-4-3-mask-text { bottom: 0; font-size: 16px; font-weight: 400; left: 0; max-height: 100%; padding: 15px 20px 20px; position: absolute; text-align: left; text-decoration: none !important; vertical-align: bottom; width: 100%; word-wrap: break-word; } @media (max-width: 414px) { .gallery-widget-picture-4-3-container { width: 100% !important; } } .gallery-widget-header { float: none; padding: 0 15px; width: 100%; } body .tmp-gallery-details { height: 80%; left: 10%; position: fixed; top: 10%; width: 80%; z-index: 9999; } .tmp-gallery-details-close:before { line-height: 1; } .tmp-gallery-details-close { color: #98989880; content: ''; cursor: pointer; font-size: 45px; position: absolute; right: 3px; top: 3px; z-index: 11; } .tmp-gallery-details-close:hover { color: #fffc; } [widget-type='gallery']:not(.item) .ug-bullets, [widget-type='gallery']:not(.item) .ug-tile-navigation-wrapper { left: 50% !important; transform: translateX(-50%); } .ug-videoplayer-wrapper iframe { height: inherit; } .ug-thumb-wrapper { background-color: initial !important; } [widget-type='googlemap']:not(.item) { height: 350px; overflow: hidden; position: relative; z-index: 1; } [widget-type].map-infobox { background: #fff; bottom: 20px; left: 20px; overflow: hidden; position: absolute; top: 20px; z-index: 1; } .map-infobox .infobox-heading { border-bottom: 1px solid #0000; padding: 0; } .map-infobox .heading-item { height: 40px; width: calc(50% - 20px); } .map-infobox .heading-item a:hover { border-color: #0000; } .map-infobox .heading-item > a { background-color: #fff; border-radius: 0; color: inherit; height: 100%; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .map-infobox .heading-item.active > a, .map-infobox .heading-item.active > a:focus, .map-infobox .heading-item.active > a:hover { background: #fff; border-color: #0000; border-bottom: 1px solid #ddd; } .map-infobox .heading-items-collapsed { height: 40px; width: 40px; } .map-infobox .heading-items-collapsed > a, .map-infobox .heading-items-collapsed > a:focus, .map-infobox .heading-items-collapsed > a:hover { background-color: #fff; border-color: #0000; color: inherit; display: inline-block; height: 100%; margin: 0; padding: 10px 0 0; width: 100%; } .map-infobox .infobox-heading .dropdown-menu { background: #fff; left: inherit; padding: 0; right: 0; } .map-infobox .infobox-heading .dropdown-menu .heading-item { width: 100%; } .map-infobox .infobox-description { padding: 10px; } .map-infobox .infobox-description .site-photo { background-position: 50%; background-repeat: no-repeat; height: 120px; margin-bottom: 10px; margin-left: auto; margin-right: auto; text-align: center; width: 100%; } .map-infobox .infobox-description .site-photo.logo { background-size: contain; } .map-infobox .infobox-description .site-photo.image { background-size: cover; } .map-infobox .infobox-description .site-info { padding: 10px; } .map-infobox .infobox-description .site-firm-name { font-weight: 700; } .map-infobox .infobox-description .site-address { font-size: 14px; } [widget-type='googlemap'] .site-nav-link { bottom: 10px; font-size: 14px; position: absolute; right: 10px; text-align: right; } [widget-type='googlemap'] .site-nav-link a { background: #fff; border: 1px solid #6e6e70; border-radius: 4px; color: #6e6e70; display: inline-block; font-size: 12px; padding: 7px; text-decoration: none; } [widget-type='googlemap'] .site-nav-link a:hover { background: #6e6e70; border-color: #fff; color: #fff; } @media (max-width: 767px) { .map-infobox { bottom: inherit; left: inherit; position: relative; top: inherit; } .map-infobox > .infobox-heading > .heading-item { width: calc(50% - 20px); } .map-infobox .infobox-heading .dropdown-menu { left: inherit; right: 0; } } [widget-type='header'] h1, [widget-type='header'] h2, [widget-type='header'] h3, [widget-type='header'] h4, [widget-type='header'] h5, [widget-type='header'] h6 { display: inline-block; } [widget-type='header'] h1.cke_focus, [widget-type='header'] h2.cke_focus, [widget-type='header'] h3.cke_focus, [widget-type='header'] h4.cke_focus, [widget-type='header'] h5.cke_focus, [widget-type='header'] h6.cke_focus { min-height: 1em; } [widget-type='header'].header-align-left { text-align: left; } [widget-type='header'].header-align-right { text-align: right; } [widget-type='header'] .header-decor.header-decor-bottom, [widget-type='header'] .header-decor.header-decor-top { display: block; margin: 0 auto; } [widget-type='header'] .header-decor.header-decor-bottom.align-left, [widget-type='header'] .header-decor.header-decor-top.align-left { margin-left: 0; } [widget-type='header'] .header-decor.header-decor-bottom.align-right, [widget-type='header'] .header-decor.header-decor-top.align-right { margin-right: 0; } [widget-type='header'] .header-decor.header-decor-left, [widget-type='header'] .header-decor.header-decor-right { display: inline-block; vertical-align: middle; } div[widget-type='header'][data-id].has-decors { height: auto; width: auto; } h1[nested-label='headerText'].has-decors, h2[nested-label='headerText'].has-decors, h3[nested-label='headerText'].has-decors, h4[nested-label='headerText'].has-decors, h5[nested-label='headerText'].has-decors, h6[nested-label='headerText'].has-decors { color: inherit; font-family: 'Nunito Sans', sans-serif; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; position: relative; text-align: inherit; text-decoration-color: inherit; text-decoration-line: inherit; text-decoration-style: inherit; text-orientation: inherit; writing-mode: inherit; } .material-icons { display: inline-block; font-family: 'Nunito Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 1; text-transform: none; word-wrap: normal; direction: ltr; white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } [widget-type='hnropinions'] .hnr-widget-container { position: relative; } [widget-type='hnropinions'] .hnr-widget-footer { float: left; margin-top: 30px; text-align: center; width: 100%; } [widget-type='hnropinions'] .opinions-more-button p { margin: 0; } [widget-type='hnropinions'].hnr-widget-layout-S { margin-top: 30px; } [widget-type='hnropinions'] .hnr-widget-tile-element .hnr-widget-photo { display: block; height: 120px; margin: auto; width: 120px; } [widget-type='hnropinions'] .hnr-widget-header { padding-top: 80px; text-align: center; } [widget-type='hnropinions'] .opinions-title { color: #2990cf; display: inline-block; font-size: 42px; margin-top: 20px; padding-bottom: 10px; text-transform: uppercase; } [widget-type='hnropinions'] .certified-opinions { color: #192e57; font-size: 24px; margin-bottom: 50px; padding-top: 10px; } [widget-type='hnropinions'] .certificate-info { display: inline-block; height: 24px; margin-left: 15px; position: relative; top: -100%; width: 24px; } [widget-type='hnropinions'] .empty-opinions-certificate-info { display: block; font-size: 18px; margin-bottom: 30px; margin-top: 30px; } [widget-type='hnropinions'] .empty-opinions-certificate-info2 { display: block; font-size: 18px; font-weight: 700; } [widget-type='hnropinions'] .certificate-info-text { background: url(/static/images/widgets/chat-icon.png) 0 100%/460px 100% no-repeat; bottom: 80%; color: #3e3d3d; display: none; font-size: 14px; height: 220px; left: -915%; padding: 20px 30px 50px; position: absolute; text-align: left; width: 460px; z-index: 1; } [widget-type='hnropinions'] .certificate-info:hover .certificate-info-text { display: block; } [widget-type='hnropinions'] .hnr-desc-header { margin: 0; vertical-align: bottom; } [widget-type='hnropinions'] .hnr-desc-type-under { vertical-align: text-bottom; } [widget-type='hnropinions'] .hnr-desc-enum-p { color: #0cf17e; } [widget-type='hnropinions'] .hnr-desc-enum-n { color: #000; } [widget-type='hnropinions'] .hnr-desc-enum-m { color: #cc0707; } [widget-type='hnropinions'] .hnr-desc-element.hnr-desc-type-under { display: inline-block; font-size: 16px; font-weight: 700; padding: 0; } [widget-type='hnropinions'] .hnr-widget-list-element { display: block; } [widget-type='hnropinions'] .hnr-widget-list-element .hnr-widget-desc-element { margin-bottom: 5px; } [widget-type='hnropinions'] .hnr-widget-list-element-container { align-items: center; border: 1px solid #ddd; border-radius: 10px; display: flex; } [widget-type='hnropinions'] .hnr-widget-list-element .hnr-widget-photo { width: 20%; } [widget-type='hnropinions'] .hnr-widget-list-element .hnr-widget-photo:before { padding-top: 100%; } [widget-type='hnropinions'] .hnr-widget-list-element .hnr-widget-photo .hnr-widget-photo-img { padding: 20px; } [widget-type='hnropinions'] .hnr-widget-list-element .hnr-desc-name-under { display: inline-block; max-width: 100%; } [widget-type='hnropinions'] .hnr-widget-list-element .hnr-desc-addition-left { margin-left: 30px; } [widget-type='hnropinions'] .hnr-widget-S .hnr-widget-list-element .hnr-desc-addition-left { margin-left: 0; } [widget-type='hnropinions'] .hnr-widget-tile-element .hnr-widget-photo:before { padding-top: 100%; } [widget-type='hnropinions'] .hnr-widget-tile-element .hnr-desc-element.hnr-desc-type-under { vertical-align: sub; } [widget-type='hnropinions'] .hnr-widget-empty-content .images-section { text-align: center; } [widget-type='hnropinions'] .hnr-widget-empty-content .empty-opinion-image { display: inline-block; height: 80px; margin: 10px; width: 80px; } [widget-type='hnropinions'] .hnr-widget-empty-content .empty-opinion-image:first-child { background: url(/static/images/widgets/hnropinions/avatar1.png) 50% / cover no-repeat; } [widget-type='hnropinions'] .hnr-widget-empty-content .empty-opinion-image:nth-child(2) { background: url(/static/images/widgets/hnropinions/avatar2.png) 50% / cover no-repeat; } [widget-type='hnropinions'] .hnr-widget-empty-content .empty-opinion-image:nth-child(3) { background: url(/static/images/widgets/hnropinions/avatar3.png) 50% / cover no-repeat; } [widget-type='hnropinions'] .hnr-widget-empty-content .empty-opinion-image:nth-child(4) { background: url(/static/images/widgets/hnropinions/avatar4.png) 50% / cover no-repeat; } [widget-type='hnropinions'] .certificate-logo { background: url(/static/images/widgets/certificate.svg) 50%/100% no-repeat; bottom: 0; content: ' '; cursor: pointer; height: 130px; left: 50%; position: absolute; transform: translateX(-50%); width: 80px; } [widget-type='hnropinions'] .empty-opinions-button { margin-bottom: 60px; } [widget-type='hnropinions'] .certificate-logo .click-arrow-container { bottom: 100px; content: ' '; height: 80px; left: 100%; position: absolute; width: 60px; } [widget-type='hnropinions'] .certificate-logo .click-arrow-img { background: url(/static/images/widgets/hnropinions/arrow.svg) 50% / cover no-repeat; display: inline-block; height: 100px; margin-left: 20px; margin-top: -20px; transform: rotate(210deg) scaleX(-1); width: 60px; } [widget-type='hnropinions'] .certificate-logo .click-arrow-text { color: #f0f0f0; left: 100%; position: absolute; text-align: center; top: -50px; width: 250px; } .container [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-content { padding: 0 10%; } .container [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-content .slick-prev { left: 5%; } .container [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-content .slick-next { left: unset; right: 5%; } [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-container { margin-left: auto; margin-right: auto; max-width: 1200px; overflow: hidden; padding-bottom: 150px; } [widget-type='hnropinions'].hnr-widget-layout-S .arrow-on-widget .hnr-widget-container { padding: 100px 0; } [widget-type='hnropinions'] .hnr-widget-S .hnr-widget-list-element-container { align-items: flex-start; border: none; display: flex; width: 100%; } [widget-type='hnropinions'] .hnr-widget-S .slick-next, [widget-type='hnropinions'] .hnr-widget-S .slick-prev { top: calc(50% - 102px); } .slick-disabled { cursor: default; } [widget-type='hnropinions'] .hnr-widget-S .hnr-widget-photo-container { display: block; padding: 20px; width: 20%; } [widget-type='hnropinions'] .hnr-widget-S .hnr-desc-container { display: block; flex: 1; } [widget-type='hnropinions'] .hnr-widget-S .hnr-desc-name-under { display: block; margin: 20px auto 10px; text-align: center; } [widget-type='hnropinions'] .hnr-widget-S .hnr-widget-list-element .hnr-widget-photo { width: 100%; } [widget-type='hnropinions'] .hnr-widget-S .hnr-widget-list-element .hnr-widget-photo .hnr-widget-photo-img { padding: 0; width: 100%; } [widget-type='hnropinions'].hnr-widget-layout-S .hnr-desc-enum-m, [widget-type='hnropinions'].hnr-widget-layout-S .hnr-desc-enum-n, [widget-type='hnropinions'].hnr-widget-layout-S .hnr-desc-enum-p { color: #000; } [widget-type='hnropinions'] [widget-type='button'].opinions-more-button { background-color: #fff; border: 2px solid #2990cf; border-radius: 16px; color: #2990cf; margin-top: 30px; text-align: center; transition: all 0.7s; } [widget-type='hnropinions'] .hnr-widget-container .opinions-more-button:hover { background-color: #2990cf; color: #fff; } [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-container .opinions-more-button { font-size: 18px; } [widget-type='hnropinions'] .add-opinion-link { color: #000; display: block; font-size: 16px; margin-top: 15px; text-decoration: none; } [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-container .hnr-desc-element.overall-container { display: inline-block; height: auto; padding: 0; } [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-container .hnr-desc-element.overall-star { display: inline-block; height: 24px; margin-right: 5px; padding: 0; vertical-align: sub; width: 24px; } [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-container .hnr-desc-element.overall-text { display: none; font-size: 24px; padding: 0 20px; } [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-container .hnr-desc-type-under { font-size: 24px; font-weight: 400; margin-right: 10px; vertical-align: initial; } [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-container .hnr-desc-time-under { font-size: 18px; margin-bottom: 10px; } [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-container .hnr-desc-txt-under { font-size: 18px; height: auto; padding-bottom: 5px !important; text-align: justify; } [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-container .hnr-desc-name-under { color: #7b7a7a; font-size: 20px; font-weight: 400; } [widget-type='hnropinions'] .certificate-info:before { content: '\E086'; font-family: 'Nunito Sans', sans-serif; } [widget-type='hnropinions'] .overall-container .hnr-desc-element.overall-star { display: inline-block; height: 24px; margin-right: 5px; padding: 0; vertical-align: sub; width: 24px; } iframe { overflow: hidden; } .opinion_first_line { float: none; margin-bottom: 7px; text-align: center; width: 100%; } .opinion_right { float: right; height: 16px; } .opinion_content { float: left; font-size: 15px; margin: 10px 5px; text-align: center; width: 97%; } .opinion { overflow: hidden; width: 100%; } .opinion-text { clear: both; color: #000; font-family: 'Nunito Sans', sans-serif; font-size: 18px; line-height: 25px; margin: auto auto 25px; position: relative; width: 100%; } .quot { color: #1c7bbf; font-family: 'Nunito Sans', sans-serif; font-size: 60px; font-weight: 400; margin-bottom: 25px; position: relative; } .opinion_name, .quot { display: inline-block; } .opinion_name { color: #7b7a7a; float: none; font-size: 20px; font-weight: 700; margin-bottom: 0; } .opinion-rate { display: table; margin: auto auto 30px; } .opinion_date { float: left; } .opinion_date, .opinion_date_second { display: inline-block; font-size: 14px; } .opinion_date_second { margin-right: 30px; } .opinion_date_first { font-weight: 700; margin-right: 5px; } .opinion_type { display: inline-block; float: left; font-size: 14px; margin-right: 10px; } .opinion_type_p { color: #000; font-family: 'Nunito Sans', sans-serif; font-size: 24px; font-weight: 400; } .opinion_type_n { color: #1a8db3; font-weight: 400; } .opinion_type_m { color: #930000; font-weight: 400; } .opinion_first_line h4 { color: #000; font-family: 'Nunito Sans', sans-serif; font-size: 18px; } .opinion_list { margin: 30px 0 30px 15px; width: 100%; } .hidden_opinion { display: none; } .opinion_read_less, .opinion_read_more { clear: both; color: #545454; cursor: pointer; float: right; margin-top: 10px; } .read_more_less { display: inline; font-size: 14px; font-weight: 700; padding: 10px 0 0 10px; zoom: 1; } .arrow_up { margin-top: 7px; } .arrow_down, .arrow_up { display: inline-block; height: 14px; margin-left: 4px; width: 11px; } .arrow_down { margin-top: 9px; } .certificate_body { border: 1px solid #dadada; border-top: none; height: 139px; margin: 40px 20px 40px 100px; padding: 15px 15px 15px 115px; position: relative; } .certificate_body h1 { font-family: 'Nunito Sans', sans-serif; font-size: 26px; line-height: 30px; margin-bottom: 5px; margin-top: 0; } #certificate_logo { border: none; left: -110px; position: absolute; top: -60px; } #certificate_txt { line-height: 135%; margin: 0 0 10px; text-align: justify; } #certificate_txt, #check_us_on { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; } #check_us_on { float: right; margin: 0; text-align: right; width: 100%; } #check_us_on img { height: 20px; margin-left: 9px; vertical-align: middle; } .opinions_certificated_image { background-size: 100% 100%; border: 1px solid #cdcdcd; border-radius: 10px; display: inline; float: left; overflow: hidden; position: relative; width: 99%; } .opinions_certificated_image_left { display: inline; float: left; height: 138px; width: 10px; } [widget-type='hnropinions'] .header { font-size: 20px; } .cer_image { width: 100%; } .head { float: left; margin-left: 10px; padding-top: 10px; position: relative; width: 60%; } .head p { font-size: 14px; } .about_site_container { margin: 0 auto; text-align: left; width: 100%; } .about-cert { font-weight: 100; } #opinionModal h3, .about-cert { color: #000; font-family: 'Nunito Sans', sans-serif; font-size: 24px; } #opinionModal h3 { font-weight: 900; margin: 50px 0 80px; } #opinionModal .modal-body { height: 100%; max-width: 1200px; padding: 0 10px 40px; position: relative; } #opinionsModal { overflow: auto; } #opinionModal .about-company { color: #000; font-family: 'Nunito Sans', sans-serif; font-size: 24px; font-weight: 100; margin-bottom: 30px; } .how-to-col { display: table; position: relative; } .arrow-col .lnr, .how-to-col span { display: inline-block; } .arrow-col .lnr { background: #fff; color: #2990cf; font-weight: 700; z-index: 1050; } @media (min-width: 768px) { .arrow-col, .how-to-col { float: left; width: 20%; } } @media (max-width: 768px) { .arrow-col, .how-to-col { float: left; width: 100%; } .line { display: none; } } .arrow-col { padding-top: 20px; } .arrow-col span.line:after { border-bottom: 1px solid aqua; content: ''; left: 0; position: absolute; top: 27px; width: 100%; } #more_opinions, #more_opinions:active, #more_opinions:hover, .opinion-btn { background: #0000; border: 2px solid #2990cf; border-radius: 0; color: #2990cf; cursor: pointer; display: table; font-family: 'Nunito Sans', sans-serif; font-size: 24px; height: 66px; line-height: 62px; margin: auto; padding: 10px 30px; position: relative; text-align: center; vertical-align: middle; } a.opinion-btn:hover { color: #2990cf; text-decoration: none; } .how-to { margin-bottom: 50px; } .footer-cert { color: #000; cursor: pointer; display: block; font-family: 'Nunito Sans', sans-serif; font-size: 14px; margin-bottom: 30px; text-align: center; } .cert-content { max-width: 1200px; } .powered-by { color: #888; font-family: 'Nunito Sans', sans-serif; font-size: 14px; text-align: center; } .opinion-btn { border: 3px solid #2990cf; font-family: 'Nunito Sans', sans-serif; font-weight: 900; line-height: 35px; margin-bottom: 80px; margin-top: 60px; } #link_opinions:active, #link_opinions:hover, #link_opinions:visited { color: #2990cf; text-decoration: none; } #link_opinions { display: block; height: 70px; margin-bottom: 70px; margin-top: 40px; width: 100%; } #more_opinions p { color: #fff !important; margin: 0 !important; } .bold { font-weight: 700; } .head_cert_pl { float: right; height: 155px; width: 136px; } .head_cert_en, .head_cert_pt { float: right; height: 136px; width: 136px; } .rec_title { font-size: 22px; margin: 20px 10px; } .rec_content { text-align: left; } .rec_persone { display: inline-block; margin: 5px; vertical-align: top; width: 80px !important; } .rec_avatar { float: none; height: 100px; margin: 0 15px 10px 0; width: 200px; } .round-img { border-radius: 80px; } .text_p { margin: 0; } .rec_footer_text { font-size: 22px; margin: 20px 10px; text-align: right; } .rec_persone div { background-position: 50%; background-size: auto 85px; display: block; width: 64px !important; } .rec_main_container { width: 100%; } .rec_head { border-left: 1px solid #089ab9; border-right: 1px solid #089ab9; border-top: 1px solid #089ab9; } .rec_main_container h1 { font-size: 16px; margin: 0; padding: 10px 0 10px 20px; } .rec_main_container a, .rec_main_container a:hover { color: #089ab9; } .rec_main_container p { margin: 0; padding: 0; text-align: center; } .rec_main_container .rec_content { border: 1px solid #089ab9; padding: 5px; } .rec_main_container .rec_footer { border-bottom: 1px solid #089ab9; border-left: 1px solid #089ab9; border-right: 1px solid #089ab9; padding: 10px; } .rec_main_container .rec_count { margin: 0 0 8px 8px; } .rec_main_container .rec_name { height: 40px; } .rec_main_container .rec_persone { margin: 0 0 5px; text-align: center; width: 90px !important; } .rec_main_container .rec_footer .rec_footer_text1, .rec_main_container .rec_footer .rec_footer_text2 { display: inline-block; } .alfa.rec_main_container { margin-top: 5px; width: 100%; } .alfa .rec_head { border-left: 2px solid #609211; border-right: 2px solid #609211; border-top: 0 solid #609211; box-shadow: 0 -2px 2px #609211; } .alfa h1 { font-size: 16px; margin: 0; padding: 10px 0 10px 20px; } .alfa a, .alfa a:hover { color: #609211; } .alfa p { margin: 0; padding: 0; text-align: center; } .alfa .rec_content { border: 2px solid #609211; padding: 10px; } .alfa .rec_footer { border-bottom: 0 solid #609211; border-left: 2px solid #609211; border-right: 2px solid #609211; box-shadow: 0 2px 2px #609211; padding: 10px; } .alfa .rec_count { margin: 0 0 8px 8px; } .alfa .rec_name { height: 40px; } .alfa .rec_persone { margin-bottom: 5px; margin-left: 18px; margin-right: 18px; text-align: center; width: 64px !important; } .alfa .rec_persone div { background-position: 50%; background-size: auto 85px; display: block; width: 64px !important; } .alfa .rec_footer .rec_footer_text1, .alfa .rec_footer .rec_footer_text2 { display: inline-block; } .alfa .rec_footer .rec_footer_text2 span { display: inline-block; vertical-align: middle; } #opinion-slider .carousel-control { background-image: none; } #opinion-slider span.glyphicon { color: #5b5b5b; } #opinion-slider .carousel-control:hover span.glyphicon { color: #1c7bbf; text-shadow: none; } @media (max-width: 966px) { [widget-type='hnropinions'].hnr-widget-layout-S .hnr-widget-container { padding-left: 0; padding-right: 0; } } #opinionModal.modal { background-color: #fff; z-index: 1112; } #opinionModal .modal-header { border: none; } #opinionModal .close { font-size: 60px; } #opinionModal img { display: inline-block; } .modal.modal-fullscreen .modal-dialog { margin: 0; width: 100%; } .modal.modal-fullscreen .modal-content { border: none; border-radius: 0; box-shadow: inherit; } .modal.modal-fullscreen.force-fullscreen .modal-body { padding: 0; } .modal.modal-fullscreen.force-fullscreen .modal-footer, .modal.modal-fullscreen.force-fullscreen .modal-header { left: 0; position: relative; right: 0; } .modal.modal-fullscreen.force-fullscreen .modal-header { margin-bottom: -10px; top: 0; } .modal.modal-fullscreen.force-fullscreen .modal-footer { bottom: 0; } .modal-backdrop.in { background: #fff; filter: alpha(opacity=50); opacity: 1; } @media (max-width: 767px) { [widget-type='hnropinions'] .hnr-widget-S .hnr-widget-list-element-container { align-items: center; flex-direction: column; } [widget-type='hnropinions'] .hnr-widget-S .hnr-widget-photo-container { width: 60%; } [widget-type='hnropinions'] .hnr-widget-list-element .hnr-desc-under .hnr-desc-element { display: block; float: none; padding-top: 10px; text-align: center; } [widget-type='hnropinions'] .hnr-widget-list-element .hnr-desc-under .hnr-desc-txt-under { float: left; } } @media (max-width: 1050px) { [widget-type='hnropinions'].lyt-reviews-r15raw-v1 .certified-opinions span:after { content: '\A'; white-space: pre; } [widget-type='hnropinions'].lyt-reviews-r15raw-v1 .certificate-info { margin: 0; } .hnr-page [widget-type='hnropinions'].lyt-reviews-r15raw-v1 .hnr-widget-header { text-align: center; } } @media (max-width: 991px) { [widget-type='hnropinions'] .certified-opinions span:after { content: '\A'; white-space: pre; } [widget-type='hnropinions'] .certificate-info { margin: 0; } [widget-type='hnropinions'] .certificate-info-text { padding-right: 35px; } } @media (max-width: 450px) { [widget-type='hnropinions'] .certificate-info-text { height: 255px; padding-left: 40px; padding-right: 40px; } } @media (max-width: 400px) { [widget-type='hnropinions'] .certificate-info-text { height: 275px; padding-left: 55px; padding-right: 63px; } } .hnr-widget-element .widget-countdowntimer .counter-tile { background-color: #cccccc1a; margin: 0 5px; overflow: visible; padding: 5px; } .hnr-widget-element .widget-countdowntimer .counter-label { background-color: #7777771a; line-height: 1.3em; padding: 5px; } .hnr-widget-tile-element .widget-countdowntimer.widget-countdowntimer { height: auto; max-height: none; } .hnr-widget-tile-element .counter-label { font-size: 20px; } .hnr-widget-list-element .counter-tile { font-size: 12px; } .hnr-widget-list-element .counter-label { font-size: 16px; } [widget-type='hnrvouchers'] .hnr-widget-list-element { align-items: stretch; } [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-desc-beside { border-bottom: 1px dashed #e1e1e1; border-right: 1px dashed #e1e1e1; border-top: 1px dashed #e1e1e1; display: flex; flex: 1; flex-direction: column; padding: 20px 20px 10px; } [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-widget-photo { border-bottom: 1px dashed #e1e1e1; border-left: 1px dashed #e1e1e1; border-top: 1px dashed #e1e1e1; } [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-desc-beside .hnr-desc-main { flex: 1; } [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-desc-beside .hnr-desc-footer, [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-under .hnr-desc-footer { border-top: 1px solid #dedede80; flex-basis: 0; padding-top: 15px; } [widget-type='hnrvouchers'] .hnr-desc-price-beside, [widget-type='hnrvouchers'] .hnr-desc-price-on, [widget-type='hnrvouchers'] .hnr-desc-price-on-hover, [widget-type='hnrvouchers'] .hnr-desc-price-under { height: 2.3em; line-height: 2.3em; text-decoration: line-through; } [widget-type='hnrvouchers'] .hnr-widget-grid-element .hnr-desc-under .widget-countdowntimer, [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-desc-beside .hnr-desc-footer .widget-countdowntimer, [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-under .hnr-desc-footer .widget-countdowntimer { float: right; overflow: visible; } [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-desc-beside .hnr-desc-footer .hnr-desc-price-beside, [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-desc-beside .hnr-desc-footer .hnr-desc-price_final-beside, [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-under .hnr-desc-footer .hnr-desc-price-under, [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-under .hnr-desc-footer .hnr-desc-price_final-under { float: left; padding-right: 15px; } [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-desc-beside .hnr-desc-footer .hnr-desc-price_final-beside, [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-under .hnr-desc-footer .hnr-desc-price_final-under { font-size: 24px; } [widget-type='hnrvouchers'] .hnr-widget-grid-element .hnr-desc-on-hover .hnr-desc-rabat-on, [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-desc-on-hover .hnr-desc-rabat-on, [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-on-hover .hnr-desc-rabat-on { background-color: #bbd628; border: 1px dashed #fff; border-bottom-right-radius: 4px; border-left: none; border-top-right-radius: 4px; color: #fff; font-weight: 700; left: 0; overflow: visible; padding: 10px 15px; position: absolute; top: -90%; transition: all 0.8s; width: auto; } [widget-type='hnrvouchers'] .hnr-widget-grid-element .hnr-desc-on-hover .hnr-desc-rabat-on:after, [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-desc-on-hover .hnr-desc-rabat-on:after, [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-on-hover .hnr-desc-rabat-on:after { background-color: inherit; border-bottom-right-radius: 4px; border-top-right-radius: 4px; color: #fff; content: ''; font-weight: 700; inset: -5px -5px -5px 0; position: absolute; z-index: -1; } [widget-type='hnrvouchers'] .hnr-widget-grid-element .hnr-widget-photo:hover .hnr-desc-rabat-on, [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-desc-on-hover-active:hover .hnr-desc-rabat-on, [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-widget-photo:hover .hnr-desc-rabat-on, [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-widget-photo:hover .hnr-desc-rabat-on { top: 10%; } .hnr-desc-date_end-under, [widget-type='hnrvouchers'] .hnr-desc-date_end-beside { align-items: center; display: flex; flex-direction: row; justify-content: center; } [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-beside .hnr-desc-footer .widget-countdowntimer { float: right; } [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-under .hnr-desc-element { font-size: 16px; } [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-under .hnr-desc-header { font-size: 18px; margin-top: 16px; } [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-footer { align-items: center; display: flex; } [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-footer .hnr-desc-price-container { flex-basis: 35%; float: left; } [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-footer .hnr-desc-price-container .hnr-desc-price-under, [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-footer .hnr-desc-price-container .hnr-desc-price_final-under { padding-right: 0; text-align: left; width: 100%; } [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-footer .hnr-desc-date-container { flex-basis: 65%; float: right; } [widget-type='hnrvouchers'] .hnr-widget-tile-element .counter-label { padding: 0; } [widget-type='hnrvouchers'] .hnr-widget-grid-element .hnr-desc-under .hnr-desc-price-under { text-decoration: line-through; } [widget-type='hnrvouchers'] .hnr-widget-container .hnr-widget-content .hnr-desc-url-under { height: 2em; padding: 10px; text-decoration: none; } [widget-type='hnrvouchers'] .hnr-widget-tile-element { overflow: hidden; } [widget-type='hnrvouchers'] .hnr-widget-discount-element { color: #fff; display: none; font-family: 'Nunito Sans', sans-serif; font-size: 20px; height: 75px; overflow: hidden; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0; width: 75px; z-index: 1; } [widget-type='hnrvouchers'] .hnr-widget-discount-element span { background-color: red; left: 0; position: absolute; top: 10px; transform: rotate(45deg); width: 100px; } [widget-type='hnrvouchers'] .hnr-logo-container { align-items: center; display: flex; justify-content: flex-end; } [widget-type='hnrvouchers'] .hnr-logo-text { color: #b7b7b7; font-family: 'Nunito Sans', sans-serif; font-size: 14px; letter-spacing: 1.4px; text-transform: uppercase; } [widget-type='hnrvouchers'] .hnr-logo { background: url(/static/images/widgets/honaroLogo.png) 50%/100% no-repeat; height: 63px; margin-left: 10px; width: 100px; } [widget-type='hnrvouchers'] .hnr-widget-footer { clear: both; overflow: hidden; } [widget-type='hnrvouchers'] .hnr-widget-list-element .hnr-desc-txt-beside { height: 6em; overflow: hidden; } [widget-type='hnrvouchers'] .hnr-widget-tile-element .hnr-desc-on .hnr-desc-element { height: 4.8em; max-height: unset; } [widget-type='hnrvouchers'] .hnr-widget-discount-element-content { line-height: 1; } [widget-type='hnrvouchers'] .col-xs-12 { padding: 0 15px; } #rates #rates_title { clear: both; color: #fff; font-size: 20px; height: 74px; line-height: 44px; position: relative; text-transform: capitalize; top: 3px; width: 445px; } #rates_title #rates_logo { height: 112px; margin: 17px; position: relative; width: 31px; } #rates { overflow: visible; position: relative; width: 312px; z-index: 2; } #rates_content { background: #0b2d58; display: inline-block; padding: 10px 10px 5px; position: relative; top: 2px; } #rates_title #rates_content { transition: all 1s ease-in-out; } #rates_content:hover, #rates_title:hover, #rates_title:hover + #rates_content { z-index: 999; } #FIXED_BOX_LEFT #rates_title { background: #0b2d58 no-repeat top 5px right 6px; border-bottom-right-radius: 37px; border-top-right-radius: 37px; left: 0; padding: 13px 0 0 20px; } #FIXED_BOX_LEFT #rates { left: -370px; } #FIXED_BOX_RIGHT #rates_title { background: #0b2d58 no-repeat top 5px left 6px; border-bottom-left-radius: 37px; border-top-left-radius: 37px; left: -75px; padding: 13px 0 0 90px; } #FIXED_BOX_RIGHT #rates_content { left: 0; } #FIXED_BOX_RIGHT [widget-type='honarocertificateiframe'] .right { float: none !important; } [widget-type='honarocertificateiframe'] { margin-bottom: 28px; } .widget-icon { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: block; height: 30px; margin: auto; min-height: 28px; overflow: hidden; position: relative; transition: opacity 0.4s ease-in, visibility 0.4s linear; width: 30px; } .widget-icon.isHoverIcon:hover svg { opacity: 0; pointer-events: none; visibility: hidden; } .widget-icon:not(.item) svg { height: inherit; width: 100%; } .widget-icon:not(.item) svg * { max-height: 100%; max-width: 100%; } .widget-iframe { display: flex; flex-direction: column; width: 100%; } .widget-iframe iframe { flex: 1; } [widget-type='image'] { overflow: hidden; } [widget-type='image'].widget-image { display: inline-block; max-width: 100%; overflow: hidden; position: relative; vertical-align: middle; } [widget-type='image'] img { height: 100%; max-width: 100%; width: 100%; } [widget-type='image'] .image-a { display: block; height: 100%; width: 100%; } [widget-type='image'] .image-a > img { margin: 0; } [widget-type='image'] .image-original-ratio { object-fit: cover; } [widget-type='image'] .image-caption:after, [widget-type='image'] .image-caption:before { content: ''; } [widget-type='image'] .image-caption { height: 100%; left: 0; padding: 5%; position: absolute; top: 0; transition: background 0.5s, opacity 0.5s; width: 100%; } [widget-type='image'] .image-caption:hover p { transition: color 0.3s; } [widget-type='image'] .image-caption .image-title { font-size: 2em; } [widget-type='image'] .image-caption .image-text.on-hover { display: none; transition: display 0.5s; } [widget-type='image'] .image-caption:hover .image-text.on-hover { display: block; } [widget-type='imagewithtext'] { overflow: hidden; } [widget-type='imagewithtext'] img { max-width: 100%; } .image-param-label { float: right; margin-right: 60px; } .autofit { height: auto; width: 100%; } .left-image { float: left; } .right-image { float: right; } .center-image { line-height: 0; text-align: center; } [widget-type='langswitch'] { display: inline-block; } [widget-type='langswitch'] > span { position: relative; } [widget-type='langswitch']:after, [widget-type='langswitch']:before { content: ' '; } [widget-type='langswitch']:not(:empty):after { border-left: 5px solid #0000; border-right: 5px solid #0000; border-top: 5px solid #0000; display: inline-block; height: 5px; margin-left: 5px; vertical-align: 3px; width: 10px; } [widget-type='langswitch']:hover:after { border-bottom: 5px solid #0000; border-top: none; } [widget-type='langswitch'] ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; } [widget-type='langswitch'] ul li, [widget-type='langswitch'] ul.active { display: block; } [widget-type='langswitch'] .language-item { color: inherit; display: inline-block; font-family: inherit; font-size: inherit; text-decoration: none; } [widget-type='langswitch'] .language-item:active, [widget-type='langswitch'] .language-item:focus, [widget-type='langswitch'] .language-item:hover, [widget-type='langswitch'] .language-item:visited { color: inherit; text-decoration: none; } [widget-type='langswitch'] .language-item .flag { margin-right: 4px; vertical-align: middle; } [widget-type='langswitch']:hover ul { display: block; } [widget-type='langswitch'].inline > span { padding: 5px; } [widget-type='logov2'] > .logov2 > img { max-height: 100%; max-width: 100%; } [widget-type='menu'] .nav.navbar-nav li > a { text-align: center; } #logoWidget { z-index: 1; } .widget-movie:not(.item) { background-color: #000; background-position: 50%; background-size: cover; height: 500px; margin: 0 auto; position: relative; width: 100%; } .widget-movie:not(.item) iframe { height: inherit; left: 0; position: absolute; top: 0; width: 100%; } .widget-movie video { height: inherit; width: 100%; } .movie-placeholder:after { background-color: #fff; background-size: 100% 100%; border-radius: 50%; content: ''; cursor: pointer; height: 88px; mask-image: url(/static/images/play.svg); position: absolute; right: calc(50% - 44px); top: calc(50% - 44px); transition: all 0.7s; width: 88px; z-index: 2; } .widget-movie img { height: 100%; width: 100%; } .widget-movie.user-video-placeholder { padding-top: unset; } [widget-type='navigation'] { position: relative; z-index: 10; } [widget-type='navigation'].expanded { z-index: 100 !important; } [widget-type='navigation'] button[widget-type='button'] { background-color: initial; letter-spacing: normal; padding-block: initial; padding-inline: initial; text-indent: 0; text-rendering: auto; text-shadow: none; word-spacing: normal; } [widget-type='navigation'] .hamb button[widget-type='button'] { display: contents; } [widget-type='navigation'] > .navigation-toggle { background: #0000; border: none; display: none; position: relative; z-index: 1; } [widget-type='navigation'] > .navigation-toggle .hamb:last-of-type { display: none; } [widget-type='navigation'] > .navigation-toggle .hamb:last-of-type svg { fill: #2990cf; } [widget-type='navigation'] > .navigation-toggle.expanded > .navigation-toggle .hamb:last-of-type { display: block; } [widget-type='navigation'] .hamb { height: 26px; margin: 0; padding: 0; width: 26px; } [widget-type='navigation'] .hamb svg { height: 100%; width: 100%; } [widget-type='navigation'] .navigation-items { display: inline-block; list-style: none; margin: 0; padding: 0; white-space: nowrap; width: 100%; } [widget-type='navigation'] .navigation-items ul { background: #fff; list-style: none; } [widget-type='navigation'] .navigation-items > li > a { text-align: center; } [widget-type='navigation'] .navigation-items li > a { color: inherit; display: block; padding: 0.5em; text-decoration: none; } [widget-type='navigation'] .navigation-items li > a:active, [widget-type='navigation'] .navigation-items li > a:focus, [widget-type='navigation'] .navigation-items li > a:hover, [widget-type='navigation'] .navigation-items li > a:visited { color: inherit; text-decoration: none; } [widget-type='navigation'] .navigation-items li > a .fst-level-drop-plus, [widget-type='navigation'] .navigation-items li > a.fst-level-drop-plus { display: none; height: 1em; padding: 0 0.5em; } [widget-type='navigation'] .navigation-items li > a .fst-level-drop-plus svg, [widget-type='navigation'] .navigation-items li > a.fst-level-drop-plus svg { height: 1em; width: 1em; } [widget-type='navigation'] .navigation-items li.menu-separator { display: none; } [widget-type='navigation'] .navigation-items li.dropdown-list { position: relative; } [widget-type='navigation'] .navigation-items li.dropdown-list > ul { display: none; min-width: 100%; padding-left: 0; position: absolute; top: 100%; } @media (min-width: 768px) { [widget-type='navigation'] .navigation-items li.dropdown-list > ul li.dropdown-list > ul { left: 100%; position: absolute; top: 0; } } [widget-type='navigation'] .navigation-items li.dropdown-list.dots > ul { right: 0; } [widget-type='navigation'] .navigation-items li.dropdown-list.dots > ul li.dropdown-list > ul { left: auto; right: 100%; } [widget-type='navigation'] .navigation-items li.dropdown-list.dots > a.expandMenu { font-family: 'Nunito Sans', sans-serif; font-size: inherit; } [widget-type='navigation'] .navigation-items li.dropdown-list.dots > a.expandMenu:before { content: '\E235'; } [widget-type='navigation'] .navigation-items li:not(.dots, .nav-langswitch):last-of-type:not(:nth-of-type(2)).dropdown-list > ul li > ul, [widget-type='navigation'] .navigation-items li:not(.dots, .nav-langswitch):nth-last-of-type(2):not( :nth-of-type(2) ).dropdown-list > ul li > ul, [widget-type='navigation'] .navigation-items li:not(.dots, .nav-langswitch):nth-last-of-type(2):not( :nth-of-type(4) ).dropdown-list > ul li > ul { left: auto; right: 100%; } [widget-type='navigation'] .navigation-items .closer { display: none; } [widget-type='navigation'] .navigation-items .closer button { background: #0000; border: none; } [widget-type='navigation'] .navigation-items > li { display: inline-block; position: relative; width: auto; } [widget-type='navigation'] .navigation-items .submenu { background: #fff; color: #000; max-width: none; z-index: 100; } [widget-type='navigation'] .navigation-items .nav-langswitch { float: right; margin-left: 2em; position: relative; text-align: left; } [widget-type='navigation'] .navigation-items .nav-langswitch > span { display: inline-block; padding: 0.5em 1em 0.5em 0.5em; position: relative; } [widget-type='navigation'] .navigation-items .nav-langswitch.nav-ls-dropdown > span:after { border-left: 0.2em solid #0000; border-right: 0.2em solid #0000; border-top: 0.4em solid; content: ''; display: block; height: 0.4em; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0.4em; } [widget-type='navigation'] .navigation-items .nav-langswitch ul { display: none; list-style: none; min-width: 100%; padding: 0; position: absolute; right: 0; top: 100%; } [widget-type='navigation'] .navigation-items .nav-langswitch ul li a { padding: 0.25em 0.5em; } [widget-type='navigation'] .navigation-items .nav-langswitch ul li:hover { font-weight: 700; } [widget-type='navigation'] .navigation-items .nav-langswitch:hover ul { display: block; } [widget-type='navigation'] .marked-widget { display: block !important; } [widget-type='navigation'].widget-navigation.docked { left: 0; max-width: 100vw; position: absolute; right: 0; top: 0; width: 100%; } @media (min-width: 768px) { [widget-type='navigation'] ul.navigation-items > li:not(.dots, .menu-separator):last-of-type > .submenu, [widget-type='navigation'] ul.navigation-items > li:not(.dots, .menu-separator, .nav-langswitch):last-of-type:not( :nth-of-type(2) ) > .submenu, [widget-type='navigation'] ul.navigation-items > li:not(.dots, .menu-separator, .nav-langswitch):nth-last-of-type(2):not( :nth-of-type(2) ) > .submenu { left: auto; right: 0; } [widget-type='navigation'] ul.navigation-items > li:not(.dots, .menu-separator):last-of-type.dropdown-list .submenu .submenu, [widget-type='navigation'] ul.navigation-items > li:not(.dots, .menu-separator, .nav-langswitch):last-of-type:not( :nth-of-type(2) ).dropdown-list .submenu .submenu, [widget-type='navigation'] ul.navigation-items > li:not(.dots, .menu-separator, .nav-langswitch):nth-last-of-type(2):not( :nth-of-type(2) ).dropdown-list .submenu .submenu { left: auto; right: 100%; } [widget-type='navigation'] ul.navigation-items > .dropdown-list .dropdown-list:after { border-bottom: 5px solid #0000; border-left: 6px solid #0000; border-top: 5px solid #0000; content: ' '; display: block; height: 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 6px; } [widget-type='navigation'] ul.navigation-items > .dots .dropdown-list:after { border-left: none; border-right: 6px solid #0000; left: 0; right: auto; } [widget-type='navigation'] ul.navigation-items li.dropdown-list:hover > ul { display: block; } } @media screen and (min-width: 768px) and (max-width: 767px) { [widget-type='navigation'] ul.navigation-items li.dropdown-list.expanded > ul { display: block; } } @media (min-width: 768px) { [widget-type='navigation'].submenus-fixed-under-menus .navigation-items > li { vertical-align: top; } [widget-type='navigation'].submenus-fixed-under-menus .navigation-items > li > ul { display: block; position: static; } [widget-type='navigation'].vertical .navigation-items li { display: block; text-align: left; } [widget-type='navigation'].vertical .closer { display: none; } [widget-type='navigation'].vertical .dropdown-list > .fst-level-drop-plus { display: block; position: absolute; right: 0; top: 0; } [widget-type='navigation'].vertical .dropdown-list > .fst-level-drop-plus .plus { display: inline-block; } [widget-type='navigation'].vertical .dropdown-list:hover ul, [widget-type='navigation'].vertical .dropdown-list > .fst-level-drop-plus .minus { display: none; } [widget-type='navigation'].vertical .dropdown-list.expanded > .fst-level-drop-plus span svg { vertical-align: middle; } [widget-type='navigation'].vertical .dropdown-list.expanded > .fst-level-drop-plus .plus { display: none; } [widget-type='navigation'].vertical .dropdown-list.expanded > .fst-level-drop-plus .minus { display: inline-block; } [widget-type='navigation'].vertical .dropdown-list.expanded > ul { display: block; position: relative; } [widget-type='navigation'].vertical .dropdown-list.expanded ul { padding-left: 5px; } [widget-type='navigation'].vertical .dropdown-list > ul .dropdown-list > ul { left: 0; position: relative; } [widget-type='navigation'].offcanvas .navigation-toggle { display: block; } [widget-type='navigation'].offcanvas .navigation-items { height: 100vh; margin-right: -50%; position: fixed; right: 0; top: 0; transition: all 0.5s; } [widget-type='navigation'].offcanvas.expanded .navigation-items { margin-right: 0; } [widget-type='navigation'].from-hamburger { display: flex; flex-direction: row-reverse; } [widget-type='navigation'].from-hamburger .navigation-toggle { display: block; } [widget-type='navigation'].from-hamburger.expanded .navigation-toggle .hamb:first-of-type, [widget-type='navigation'].from-hamburger > :last-child { display: none; } [widget-type='navigation'].from-hamburger.expanded .navigation-toggle .hamb:last-of-type { display: block; } [widget-type='navigation'].from-hamburger.expanded > :last-child { display: block; flex: 1; } [widget-type='navigation'].overlay > .defaultNavSpace, [widget-type='navigation'].overlay > [widget-type='space'] { flex-direction: column; inset: 0; overflow-y: auto; position: fixed; z-index: 1; } [widget-type='navigation'].overlay > .defaultNavSpace .navigation-items, [widget-type='navigation'].overlay > [widget-type='space'] .navigation-items { display: flex; flex: 1; flex-direction: column; justify-content: center; position: relative; } [widget-type='navigation'].overlay > .defaultNavSpace .navigation-items li, [widget-type='navigation'].overlay > [widget-type='space'] .navigation-items li { margin: 0 auto; text-align: center; } [widget-type='navigation'].overlay > .defaultNavSpace .navigation-items li.dropdown-list > .fst-level-drop-plus, [widget-type='navigation'].overlay > [widget-type='space'] .navigation-items li.dropdown-list > .fst-level-drop-plus { left: 100%; } [widget-type='navigation'].overlay > .defaultNavSpace .navigation-items .closer, [widget-type='navigation'].overlay > [widget-type='space'] .navigation-items .closer { display: block; position: fixed; right: 20px; top: 20px; } [widget-type='navigation'].overlay.expanded > .defaultNavSpace, [widget-type='navigation'].overlay.expanded > [widget-type='space'] { display: flex; } [widget-type='navigation'].overlay.expanded > .navigation-toggle { display: none; } [widget-type='navigation'].overlay.submenu-on-hover li.dropdown-list > ul, [widget-type='navigation'].overlay.submenu-on-hover li.dropdown-list > ul li.dropdown-list > ul { position: static; } [widget-type='navigation'].submenu-on-hover li.dropdown-list > .fst-level-drop-plus { display: none; } } @media (max-width: 767px) { [widget-type='navigation'].widget-navigation { position: absolute; right: 0; top: 0; width: 100%; } [widget-type='navigation'].widget-navigation .navigation-toggle { display: inline-block; margin-right: 1em; } [widget-type='navigation'].widget-navigation .navigation-toggle .hamb:first-of-type { display: block; } [widget-type='navigation'].widget-navigation.expanded .navigation-toggle .hamb:first-of-type { display: none; } [widget-type='navigation'].widget-navigation.expanded .navigation-toggle .hamb:last-of-type { display: block; } [widget-type='navigation'].widget-navigation > .defaultNavSpace, [widget-type='navigation'].widget-navigation > [widget-type='space'], [widget-type='navigation'].widget-navigation > ul.navigation-items { background: #fff; left: -100%; position: absolute; top: 100%; width: 100%; } [widget-type='navigation'].widget-navigation > .defaultNavSpace li, [widget-type='navigation'].widget-navigation > .defaultNavSpace ul, [widget-type='navigation'].widget-navigation > [widget-type='space'] li, [widget-type='navigation'].widget-navigation > [widget-type='space'] ul, [widget-type='navigation'].widget-navigation > ul.navigation-items li, [widget-type='navigation'].widget-navigation > ul.navigation-items ul { position: relative; width: 100%; } [widget-type='navigation'].widget-navigation > .defaultNavSpace li:not(.closer), [widget-type='navigation'].widget-navigation > [widget-type='space'] li:not(.closer), [widget-type='navigation'].widget-navigation > ul.navigation-items li:not(.closer) { display: block; } [widget-type='navigation'].widget-navigation > .defaultNavSpace li > a, [widget-type='navigation'].widget-navigation > [widget-type='space'] li > a, [widget-type='navigation'].widget-navigation > ul.navigation-items li > a { text-align: left; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list > .fst-level-drop-plus, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list > .fst-level-drop-plus, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list > .fst-level-drop-plus { display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list > .fst-level-drop-plus span.plus, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list > .fst-level-drop-plus span.plus, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list > .fst-level-drop-plus span.plus { display: inline-block; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list > .fst-level-drop-plus span.minus, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list > .fst-level-drop-plus span.minus, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list > .fst-level-drop-plus span.minus { display: none; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list > a > .fst-level-drop-plus, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list > a > .fst-level-drop-plus, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list > a > .fst-level-drop-plus { display: inline-block; line-height: 1; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list > a > .fst-level-drop-plus span.plus, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list > a > .fst-level-drop-plus span.plus, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list > a > .fst-level-drop-plus span.plus { display: inline-block; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list:hover ul, [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list > a > .fst-level-drop-plus span.minus, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list:hover ul, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list > a > .fst-level-drop-plus span.minus, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list:hover ul, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list > a > .fst-level-drop-plus span.minus { display: none; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list.expanded > .fst-level-drop-plus span svg, [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list.expanded > a > .fst-level-drop-plus span svg, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list.expanded > .fst-level-drop-plus span svg, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list.expanded > a > .fst-level-drop-plus span svg, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list.expanded > .fst-level-drop-plus span svg, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list.expanded > a > .fst-level-drop-plus span svg { vertical-align: middle; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list.expanded > .fst-level-drop-plus .plus, [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list.expanded > a > .fst-level-drop-plus .plus, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list.expanded > .fst-level-drop-plus .plus, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list.expanded > a > .fst-level-drop-plus .plus, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list.expanded > .fst-level-drop-plus .plus, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list.expanded > a > .fst-level-drop-plus .plus { display: none; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list.expanded > .fst-level-drop-plus .minus, [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list.expanded > a > .fst-level-drop-plus .minus, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list.expanded > .fst-level-drop-plus .minus, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list.expanded > a > .fst-level-drop-plus .minus, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list.expanded > .fst-level-drop-plus .minus, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list.expanded > a > .fst-level-drop-plus .minus { display: inline-block; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .dropdown-list.expanded > ul, [widget-type='navigation'].widget-navigation > [widget-type='space'] .dropdown-list.expanded > ul, [widget-type='navigation'].widget-navigation > ul.navigation-items .dropdown-list.expanded > ul { display: block; position: relative; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .nav-langswitch, [widget-type='navigation'].widget-navigation > [widget-type='space'] .nav-langswitch, [widget-type='navigation'].widget-navigation > ul.navigation-items .nav-langswitch { float: none; margin: 0 auto; text-align: center; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .nav-langswitch > span, [widget-type='navigation'].widget-navigation > [widget-type='space'] .nav-langswitch > span, [widget-type='navigation'].widget-navigation > ul.navigation-items .nav-langswitch > span { font-weight: 700; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .nav-langswitch > span ul, [widget-type='navigation'].widget-navigation > [widget-type='space'] .nav-langswitch > span ul, [widget-type='navigation'].widget-navigation > ul.navigation-items .nav-langswitch > span ul { display: inline-block; font-weight: 400; position: static; text-align: left; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .nav-langswitch > span ul li, [widget-type='navigation'].widget-navigation > [widget-type='space'] .nav-langswitch > span ul li, [widget-type='navigation'].widget-navigation > ul.navigation-items .nav-langswitch > span ul li { display: inline-block; margin-left: 0.5em; min-width: 0; width: auto; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .nav-langswitch > span ul li a, [widget-type='navigation'].widget-navigation > [widget-type='space'] .nav-langswitch > span ul li a, [widget-type='navigation'].widget-navigation > ul.navigation-items .nav-langswitch > span ul li a { display: inline-block; } [widget-type='navigation'].widget-navigation > .defaultNavSpace .nav-langswitch > span:after, [widget-type='navigation'].widget-navigation > [widget-type='space'] .nav-langswitch > span:after, [widget-type='navigation'].widget-navigation > ul.navigation-items .nav-langswitch > span:after { display: none; } [widget-type='navigation'].widget-navigation.expanded > .defaultNavSpace, [widget-type='navigation'].widget-navigation.expanded > [widget-type='space'], [widget-type='navigation'].widget-navigation.expanded > ul.navigation-items { display: flex; flex-direction: column; visibility: visible; } } #NAVBAR [widget-type='logov2'] { margin-left: 1em; z-index: 105; } .navOverflow { z-index: 99; } .navOverflow:has(.widget-navigation.expanded) { width: calc(100% - 15px); } .navOverflow:has(.widget-navigation.expanded):before { content: ''; height: 100%; left: 0; position: fixed; width: 215px; z-index: 100; } .navOverflow:has(.widget-navigation.expanded):after { background: #000; content: ''; height: 100%; opacity: 0.3; position: fixed; width: 100%; } .navOverflow.right:has(.widget-navigation.expanded):before { left: unset; right: 0; } .design .navOverflow:has(.widget-navigation.expanded):before { height: calc(100% - 44px); } .design .navOverflow:has(.widget-navigation.expanded):after { width: 100%; } .design .navOverflow.right:has(.widget-navigation.expanded):before { left: unset; right: 0; } body .price-list { float: left; font-size: 16px; line-height: 22px; padding: 10px 15px; width: 100%; } .price-list > p:first-child { border-bottom: 2px solid; font-size: 22px; margin-bottom: 20px; padding-bottom: 20px; text-transform: uppercase; width: 100%; } body .price-list > p[placeholder]:nth-child(-n + 3):not(:focus):before { content: attr(placeholder); } body .price-list > .price-list-column:not(:first-child) { margin: 0 0 10px; vertical-align: top; word-break: break-word; } body .price-list > .price-list-column:first-child .price-list-icon { float: left; margin-right: 15px; max-height: 35px; max-width: 35px; vertical-align: initial; } body .price-list.two-columns > .price-list-column:nth-child(2n + 2), body .price-list:not(.two-columns, .three-columns, .four-columns) > p:nth-child(2n + 2) { float: left; padding-right: 5px; text-align: left; width: 75%; } body .price-list.two-columns > .price-list-column:nth-child(2n + 3), body .price-list:not(.two-columns, .three-columns, .four-columns) > p:nth-child(2n + 3) { float: left; padding-left: 5px; text-align: right; width: 25%; } body .price-list.three-columns > .price-list-column:nth-child(3n + 2) { float: left; padding-right: 5px; text-align: left; width: 50%; } body .price-list.three-columns > .price-list-column:nth-child(3n + 3), body .price-list.three-columns > .price-list-column:nth-child(3n + 4) { float: left; padding-left: 5px; text-align: right; width: 25%; } body .price-list.four-columns > .price-list-column:nth-child(4n + 2) { float: left; padding-right: 5px; text-align: left; width: 40%; } body .price-list.four-columns > .price-list-column:nth-child(4n + 3), body .price-list.four-columns > .price-list-column:nth-child(4n + 4), body .price-list.four-columns > .price-list-column:nth-child(4n + 5) { float: left; padding-left: 5px; text-align: right; width: 20%; } .widget-price-list + * { clear: both; } [widget-type='pricing'] .pricingWidget { align-items: center; display: flex; flex-direction: column; gap: 10px; } [widget-type='pricing'] .pricingWidget_chooseProduct { display: flex; } [widget-type='pricing'] .pricingWidget_product { border-bottom: 1px solid #3c414d; padding: 6px 10px; } [widget-type='pricing'] .pricingWidget_switch_container { margin-bottom: 23px; max-width: 280px; padding-right: 11px; } [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitchBox { padding: 20px 0; } [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitch { align-items: center; color: #292c34; display: flex; justify-content: center; } [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitch > * { margin-right: 16px; } [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitch .switch { height: 22px; width: 47px; } [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitch .switch input, [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitch .switch:not(th):after, [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitch .switch:not(th):before { display: none; } [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitch .switch input:checked + .slider:after { transform: translateX(25px); } [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitch .switch .slider { background-color: #b4b5b633; border-radius: 10px; cursor: pointer; display: inline-block; height: 20px; position: relative; transition: 0.4s; width: 45px; } [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitch .switch .slider:after { background-color: #b4b5b6; border-radius: 50%; content: ''; height: 22px; left: 0; margin: -1px; position: absolute; transition: 0.4s; width: 22px; } [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitch_monthly, [widget-type='pricing'] .pricingWidget_switch_container .paymentSwitch_yearly { cursor: pointer; } [widget-type='pricing'] .pricingWidget_tabs { display: flex; font-size: 16px; } [widget-type='pricing'] .pricingWidget_tab { padding: 10px; } [widget-type='pricing'] .pricingWidget_tab.activeBillingPeriod { color: green; } [widget-type='pricing'] .pricingWidget_plans { display: flex; gap: 15px; justify-content: space-around; margin: 0 auto; width: 90%; } [widget-type='pricing'] .pricingWidget_planPrice { display: flex; } [widget-type='pricing'] .pricingWidget_planFeature { align-items: center; display: flex; gap: 10px; } .quote-widget-L { align-items: center; display: flex; padding: 20px; } .quote-widget-textarea-L { flex: 1; font-size: 20px; margin-left: 20px; max-width: calc(100% - 70px); text-align: left; word-wrap: break-word; } .quote-widget-text-L { display: inline-block; font-size: 20px; } .quote-widget-author-L { color: gray; display: inline-block; font-size: 16px; padding-left: 10px; } @media (max-width: 767px) { .quote-widget-textarea-L { display: block; } .quote-widget-author-L, .quote-widget-text-L { display: block; padding-top: 30px; text-align: center; } } .quote-widget-S { padding: 20px; } .quote-widget-textarea-S { display: block; vertical-align: top; word-wrap: break-word; } .quote-widget-text-S { font-size: 20px; } .quote-widget-author-S, .quote-widget-text-S { display: block; padding-top: 30px; text-align: center; } .quote-widget-author-S { color: gray; font-size: 16px; } .widget-restaurantMenu { padding: 0 8%; } .widget-restaurantMenu .widget-column { gap: 60px; } .widget-restaurantMenu .columnContainer { flex: 1; } .widget-restaurantMenu .widget-tabsv2[widget-type='tabsv2'] { height: fit-content; min-width: unset; } .widget-restaurantMenu .widget-tabsv2[widget-type='tabsv2'] .tabs-container:not(.tabs-carousel) { display: block; padding-top: 20px; } .widget-restaurantMenu .widget-tabsv2[widget-type='tabsv2'] .tabs-menu { flex-wrap: wrap; gap: 10px 20px; justify-content: center; } .widget-restaurantMenu .slider_inner .item { padding: 0 30px; } .widget-restaurantMenu .slider-container .slider_outer .slider_control { background-color: #eeeeef; border-radius: 50%; width: 50px; } .widget-restaurantMenu .slider-container .slider_outer .slider_control svg { height: 20px; width: 20px; fill: #292c34; filter: none; stroke: #292c34; } .widget-restaurantMenu .widget-accordionv2[widget-type='accordionv2'] .collapseContainer .collapse-header[widget-type='collapse'] { background-color: initial; border: none; color: #1d1f24; font-size: 32px; font-weight: 700; } .widget-restaurantMenu .widget-accordionv2[widget-type='accordionv2'] .collapseContainer.active .collapse-header[widget-type='collapse'] { background-color: initial; border: none; color: #1d1f24; } .widget-restaurantMenu .widget-accordionv2[widget-type='accordionv2'] .collapseContainer .collapseContent[widget-type='nestedcontainer'], .widget-restaurantMenu .widget-accordionv2[widget-type='accordionv2'] .collapseContainer.active .collapseContent[widget-type='nestedcontainer'] { background: #0000; border: none; } .widget-restaurantMenu .restaurantMenu_header { align-items: center; display: flex; justify-content: space-between; margin-bottom: 20px; } .widget-restaurantMenu .restaurantMenu_header .restaurantMenu_title { font-size: 56px; font-weight: 700; width: fit-content; } .widget-restaurantMenu .dishWrapper { display: flex; gap: 20px; } .widget-restaurantMenu .dishWrapper_row { align-items: center; display: flex; justify-content: space-between; min-height: 70px; } .widget-restaurantMenu .dishWrapper_iconsRow { align-items: center; display: flex; flex: 1; flex-wrap: wrap; justify-content: center; } .widget-restaurantMenu .dishWrapper_column { flex: 1; } .widget-restaurantMenu .dishWrapper_image.widget-icon { aspect-ratio: 1/1; height: unset; margin: auto 0; width: 250px; } .widget-restaurantMenu .dishWrapper_icon.widget-icon { height: 30px; margin: auto 0; width: 30px; } .widget-restaurantMenu .dishWrapper_icon svg * { stroke: #c43f28; } .widget-restaurantMenu .dishWrapper_name { font-size: 24px; font-weight: 700; margin-bottom: auto; margin-top: auto; } .widget-restaurantMenu .dishWrapper_description { color: #4b515f; font-size: 14px; font-weight: 400; } .widget-restaurantMenu .dishWrapper_price { color: #1d1f24; font-size: 32px; font-weight: 700; width: fit-content; word-break: keep-all; } .widget-restaurantMenu .dishPopup_center .dishPopup_content { border-radius: 4px; height: fit-content; left: 10%; top: 30vh; width: 80%; } .widget-restaurantMenu .dishPopup_left .dishPopup_content { border-radius: 0 4px 4px 0; flex-direction: column; height: 100vh; left: 0; top: 0; width: 55%; } .widget-restaurantMenu .dishPopup_left .dishPopup_name { padding-right: 0; } .widget-restaurantMenu .dishPopup_right .dishPopup_content { border-radius: 4px 0 0 4px; flex-direction: column; height: 100vh; right: 0; top: 0; width: 55%; } .widget-restaurantMenu .dishPopup_right .dishPopup_name { padding-right: 0; } .widget-restaurantMenu .dishPopup_right .dishPopup_close { left: 15px; right: unset; } .widget-restaurantMenu .dishPopup_wrapper { display: none; position: relative; z-index: 200; } .widget-restaurantMenu .dishPopup_content { background-color: #f7f7fa; display: flex; position: fixed; z-index: 250; } .widget-restaurantMenu .dishPopup_column { display: flex; flex: 1; flex-direction: column; } .widget-restaurantMenu .dishPopup_column_1 { background-position: 50%; background-size: contain; } .widget-restaurantMenu .dishPopup_column_2 { gap: 20px; padding: 15px; } .widget-restaurantMenu .dishPopup_close { align-items: center; background: #f7f7fa; border-radius: 50%; cursor: pointer; display: flex; font-size: 25px; height: 35px; justify-content: center; position: absolute; right: 15px; top: 10px; width: 35px; z-index: 10; } .widget-restaurantMenu .dishPopup_name { font-size: 32px; font-weight: 700; padding-right: 35px; } .widget-restaurantMenu .dishPopup_description { font-size: 14px; font-weight: 400; } .widget-restaurantMenu .dishPopup_variantButton { background: #0000; border: 1px solid #d9dde5; border-radius: 4px; font-size: 16px; padding: 5px 10px; } .widget-restaurantMenu .dishPopup_variantButton.active { background-color: #30343e; color: #fff; } .widget-restaurantMenu .dishPopup_price { color: #30343e; font-size: 28px; font-weight: 700; } .widget-restaurantMenu .dishPopup_iconsWrapper, .widget-restaurantMenu .dishPopup_spicinessIconsWrapper, .widget-restaurantMenu .dishPopup_variantButtonsWrapper { display: flex; } .widget-restaurantMenu .dishPopup_variantButtonsWrapper { flex-wrap: wrap; gap: 10px; } .widget-restaurantMenu .dishPopup_icon { background-size: contain; height: 40px; width: 40px; } .widget-restaurantMenu .dishPopup_mask { background-color: #00000080; height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: 200; } .widget-restaurantMenu .filterButton { color: #1d1f24; cursor: pointer; display: flex; gap: 10px; min-width: max-content; padding: 5px 15px; } .widget-restaurantMenu .filterButton_icon { align-items: center; display: flex; } .widget-restaurantMenu .filterButton svg { height: 20px; width: 20px; } .widget-restaurantMenu .filterPopup_wrapper { display: none; position: relative; z-index: 200; } .widget-restaurantMenu .filterPopup_active { background-color: #292c34 !important; color: #fff; } .widget-restaurantMenu .filterPopup_active .filterPopup_allergenIcon { filter: invert(50%) brightness(150%); } .widget-restaurantMenu .filterPopup_title { font-size: 32px; font-weight: 700; } .widget-restaurantMenu .filterPopup_resetButton { background: #0000; border: 1px solid #3c414d; border-radius: 4px; font-size: 16px; font-weight: 400; margin-right: 30px; padding: 4px; } .widget-restaurantMenu .filterPopup_allergenButton { background: #edeff4; border: none; display: flex; font-size: 16px; font-weight: 400; gap: 4px; padding: 4px 12px; } .widget-restaurantMenu .filterPopup_acceptButton { background: #3c414d; border-radius: 4px; color: #fff; font-size: 16px; font-weight: 400; padding: 10px 20px; } .widget-restaurantMenu .filterPopup_spicinessRow { align-items: center; display: flex; gap: 30px; } .widget-restaurantMenu .filterPopup_spicinessWrapper { align-items: center; display: flex; gap: 10px; } .widget-restaurantMenu .filterPopup_spicinessIcon { background-size: contain; filter: opacity(0.5); height: 20px; width: 20px; } .widget-restaurantMenu .filterPopup_spicinessIcon_active { filter: opacity(1); } .widget-restaurantMenu .filterPopup_close, .widget-restaurantMenu .filterPopup_spicinessButton { align-items: center; background: #f7f7fa; border-radius: 50%; cursor: pointer; display: flex; font-size: 25px; height: 35px; justify-content: center; width: 35px; } .widget-restaurantMenu .filterPopup_close { position: absolute; right: 15px; top: 10px; z-index: 40; } .widget-restaurantMenu .filterPopup_mask { background-color: #00000080; height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: 200; } .widget-restaurantMenu .filterPopup_content { background-color: #f7f7fa; border-radius: 4px; display: flex; flex-direction: column; gap: 20px; left: 20%; padding: 30px; position: fixed; top: 50%; transform: translateY(-50%); width: 60%; z-index: 250; } .widget-restaurantMenu .filterPopup_row { align-items: center; display: flex; justify-content: space-between; } .widget-restaurantMenu .filterPopup_allergenRow { flex-wrap: wrap; gap: 10px; justify-content: flex-start; } .widget-restaurantMenu .filterPopup_allergenIcon { background-size: contain; height: 20px; width: 20px; } .widget-restaurantMenu .filterPopup_dietPreferences { font-size: 20px; font-weight: 700; } .widget-restaurantMenu .filterPopup_checkboxRow { align-items: center; display: flex; gap: 10px; } .widget-restaurantMenu .filterPopup_checkbox { accent-color: #292c34; height: 20px; margin: 0; width: 20px; } .widget-restaurantMenu .filterPopup_dietPreferencesLabel { font-size: 16px; font-weight: 400; margin: 0; } [widget-type='section'] > div { height: 100%; position: relative; } .widget-section > div.container-fluid:empty, .widget-section > div.container:empty, .widget-section > div.section-container:empty { height: 100px; } .widget-separator > .separator-line { background-color: #000; border: none; height: 5px; margin-left: 0; margin-right: 0; max-width: 100%; width: 100%; } .font-change, .option { font-family: 'Nunito Sans', sans-serif; } .option .v-messages { display: none; } .option .v-input__slot { margin-bottom: 0; } .option .v-input__slot .v-label { font-size: 12px; font-weight: 600; } .filters_form { font-family: 'Nunito Sans', sans-serif; } body [widget-type] .sitemap-link-level0 { display: block; line-height: 1.6; text-decoration: none; } .widget-sitemap .parent-container { color: inherit; padding-left: 15px; text-align: left; width: fit-content; } .widget-sitemap > .parent-container { color: inherit; padding-left: 0; } .widget-sitemap .parent-container a { color: inherit; text-decoration: none; } .widget-sitemap .standalones:first-of-type { padding-top: 15px; } .widget-sitemap a, .widget-sitemap a:hover { color: inherit; } .widget-sitemap.horizontal { display: flex; flex-wrap: wrap; } .widget-sitemap.vertical { flex-direction: column; } #googlemap-settings .button-container { text-align: center; } #googlemap-settings .square-radio-buttons { width: fit-content; } #googlemap-settings .square-radio-buttons button { max-width: none; } #googlemap-settings .el-collapse-item__content { padding-left: 12px; padding-right: 12px; } #googlemap-settings #google-api { margin-left: -15px; } [widget-type='sites']:not(.item) { display: flex; height: 350px; overflow: hidden; padding: 0; position: relative; z-index: 1; } #sites-map { height: 100%; width: 85%; } .sitesList_wrapper { height: 100%; min-height: 30px; min-width: 140px; padding: 16px 0 0 16px; width: 15%; } #sites-list { height: 90%; overflow: auto; padding: 0; } #sites-list .sitesList_site { border-bottom: 1px dotted #cdd1d8; font-size: 15px; font-weight: 700; padding: 10px 0 10px 15px; } #sites-list .sitesList_site:hover { background-color: #cdd1d8; cursor: pointer; } #sites-list .sitesList_site .sitesList_address, #sites-list .sitesList_site .sitesList_distance { color: #424753; font-size: 15px; font-weight: 400; } #googleMap { width: 100%; } .glyphicon-option-horizontal:before { content: '\E234'; } .pac-card { background-color: #fff; border: 0; border-radius: 2px; box-shadow: 0 1px 4px -1px #0000004d; font: 400 18px Roboto, Arial, sans-serif; margin: 10px; overflow: hidden; padding: 0; } #pac-container { margin-right: 12px; padding-bottom: 12px; } .pac-controls { display: inline-block; padding: 5px 11px; } .pac-controls label { font-size: 13px; } #pac-input, .pac-controls label { font-family: 'Nunito Sans', sans-serif; font-weight: 300; } #pac-input { background-color: #fff; border: 1px solid #363b47; font-size: 15px; height: 10%; margin: 16px 16px 0 0; padding: 0 0 0 15px; text-overflow: ellipsis; width: calc(100% - 16px); } #pac-input:focus { border-color: #4d90fe; } #title { background-color: #4d90fe; color: #fff; font-size: 25px; font-weight: 500; padding: 6px 12px; } #target { width: 345px; } .mapControls_customBtn { background-color: #fff; border: none; height: 40px; margin-right: 10px; width: 40px; } .mapControls_customBtn .navigateMeBtn { background-image: url(/static/images/icons/navigate_me_map_button.svg); background-size: contain; height: 24px; width: 24px; } .mapControls_customBtn .dropLocationBtn { background-image: url(/static/images/icons/drop_location_marker.svg); background-size: contain; height: 24px; width: 24px; } .gm-style .gm-style-iw-c:has(.infoWindow) { line-height: 1.35em; padding: 0 !important; } .gm-style .gm-style-iw-c:has(.infoWindow) .gm-style-iw-d { overflow-x: hidden !important; } .gm-style .gm-style-iw-c:has(.infoWindow) .gm-style-iw-d::-webkit-scrollbar { height: 0; width: 0; } .infoWindow { display: flex; flex-direction: column; justify-content: center; } .infoWindow_mainWrapper { margin-bottom: 10px; padding: 10px 15px 0; } .infoWindow_infoWrapper { align-items: center; display: flex; gap: 30px; justify-content: space-between; } .infoWindow_locationImage { height: 100px; margin-bottom: 15px; object-fit: cover; width: 100%; } .infoWindow_locationName { font-size: 18px; } .infoWindow_addressWrapper { align-items: center; display: flex; margin: 10px 0; } .infoWindow_addressSvg { background-image: url(/static/images/icons/drop_location_marker.svg); background-size: contain; height: 24px; width: 24px; } .infoWindow_controlsWrapper { align-items: center; column-gap: 4px; display: flex; justify-content: space-between; } .infoWindow_directionsWrapper { display: flex; justify-content: center; margin: 10px 0; } .infoWindow_directionsBtn { align-items: center; background-color: blue; border-radius: 10px; color: #fff; column-gap: 8px; display: flex; flex-direction: row; height: 19px; justify-content: center; width: 96px; } .infoWindow_directionsBtn:hover { cursor: pointer; } .infoWindow_directionsSvg { background-image: url(/static/images/icons/directions_right_arrow.svg); background-size: contain; height: 12px; width: 12px; } .infoWindow_editSvg { background-image: url(/static/images/icons/edit.svg); background-size: contain; height: 18px; width: 18px; } .infoWindow_editSvg:hover { background-image: url(/static/images/icons/edit_black.svg); cursor: pointer; } .infoWindow_deleteSvg { background-image: url(/static/images/icons/trash.svg); background-size: contain; height: 18px; width: 18px; } .infoWindow_deleteSvg:hover { background-image: url(/static/images/icons/trash_black.svg); cursor: pointer; } .carousel { margin: 0 auto; min-height: 30px; } [widget-type='slider'].carousel { width: 100%; } .carousel .carousel-inner > .item > .carousel-image, .carousel .carousel-inner > .item > a > .carousel-image { margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); width: 100%; } .carousel .carousel-control.left, .carousel .carousel-control.right { background-image: none; z-index: 5; } [widget-type='slider'].carousel .carousel-control.left, [widget-type='slider'].carousel .carousel-control.right { background-image: none; bottom: auto; height: 150px; top: 50%; transform: translateY(-50%); } .carousel.option2 { overflow: hidden; } .carousel.option2 .item, [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .item { transition: opacity 0.8s; } .carousel.option2 .active.left, .carousel.option2 .active.right, [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .active.left, [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 10; } [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .item { transition-property: opacity; } [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .active.left, [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .active.right, [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .item { opacity: 0; } [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .active, [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .next.left, [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .prev.right { opacity: 1; } [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .active.left, [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .active.right, [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .next, [widget-type='slider'].carousel.slider-eff-fade .carousel-inner .prev { left: 0; transform: translateZ(0); } .carousel.option2 .item, [widget-type='slider'].carousel.slider-eff-custom .item { transition: opacity 2s; } .carousel.option2 .active.left, .carousel.option2 .active.right, [widget-type='slider'].carousel.slider-eff-custom .active.left, [widget-type='slider'].carousel.slider-eff-custom .active.right { z-index: 2; } [widget-type='slider'].carousel .item.left, [widget-type='slider'].carousel .item.right { float: none !important; } .carousel.option2 .next, .carousel.option2 .prev, [widget-type='slider'].carousel.slider-eff-fade .next, [widget-type='slider'].carousel.slider-eff-fade .prev { left: 0; opacity: 1; z-index: 1; } .carousel .default-preview { height: 220px; } [widget-type] > .carousel-inner, [widget-type] > .carousel-inner > .item, [widget-type] > .carousel-inner > .slide-item { height: 100%; } [widget-type='slider'] .slider-container { box-sizing: initial; display: flex; flex-flow: column; height: 100%; min-height: 30px; } [widget-type='slider'] .carousel-outer { display: inline-block; flex: 1 1 auto; height: 100%; position: relative; vertical-align: middle; width: 100%; } [widget-type='slider'] .carousel-outer .carousel-inner .item, [widget-type='slider'] .carousel-outer .carousel-inner .slide-item { background-position: 50%; background-repeat: no-repeat; background-size: contain; height: 100%; min-height: inherit; } [widget-type='slider'] .carousel-outer .carousel-inner { height: 100%; min-height: 30px; } [widget-type='slider'].slider-cov-cover .carousel-outer .carousel-inner .item, [widget-type='slider'].slider-cov-cover .carousel-outer .carousel-inner .slide-item { background-size: cover; } .carousel-outer .carousel-indicators { margin: 0; padding: 0; position: absolute; transform: translateX(-50%); z-index: 103; } .carousel-outer .carousel-indicators.left, .carousel-outer .carousel-indicators.right { display: flex; flex-direction: column; height: 100%; justify-content: center; top: 0; width: auto; } .carousel-outer .carousel-indicators.right { left: auto; right: 1%; } .carousel-outer .carousel-indicators.left { left: 1%; } .carousel-outer .carousel-indicators.top { top: 1%; } [widget-type='slider'] .miniatures { flex: 0 1 auto; width: 100%; } [widget-type='slider'] .miniatures.left > .mCustomScrollBox, [widget-type='slider'] .miniatures.right > .mCustomScrollBox { height: auto; top: 50%; transform: translateY(-50%); } [widget-type='slider'] .miniatures .mCustomScrollBox .mCSB_container { min-height: inherit; } [widget-type='slider'] .miniatures.on-slide { background: #000000bf; position: absolute; z-index: 102; } [widget-type='slider'] .miniatures.on-slide.minimized div:not(.miniatures-toggle) { height: 0; } [widget-type='slider'] .miniatures.on-slide:where(.minimized.top) ol { position: absolute; } [widget-type='slider'] .miniatures.top.on-slide { top: 0; } [widget-type='slider'] .miniatures.left.on-slide, [widget-type='slider'] .miniatures.right.on-slide { height: 100%; top: 0; } [widget-type='slider'] .miniatures.bottom.on-slide { bottom: 0; } [widget-type='slider'] .miniatures.bottom, [widget-type='slider'] .miniatures.top { width: 100%; } [widget-type='slider'] .miniatures.left, [widget-type='slider'] .miniatures.right { display: inline-block; left: 0; top: 0; width: auto; } [widget-type='slider'] .miniatures.right { left: inherit; right: 0; } [widget-type='slider'] .miniatures.on-slide .miniatures-toggle { background: #000000bf; cursor: pointer; height: 30px; left: 50%; position: absolute; transform: translateX(-50%); width: 70px; } [widget-type='slider'] .miniatures.on-slide.bottom .miniatures-toggle { border-radius: 5px 5px 0 0; top: -30px; } [widget-type='slider'] .miniatures.on-slide.top .miniatures-toggle { border-radius: 0 0 5px 5px; bottom: -30px; } [widget-type='slider'] .miniatures.on-slide .miniatures-toggle > span { margin: 9px auto 0; padding: 5px 0 0 5px; } [widget-type='slider'] .miniatures.on-slide.bottom .miniatures-toggle > span { margin-top: 9px; } [widget-type='slider'] .miniatures.on-slide.bottom .miniatures-toggle > span, [widget-type='slider'] .miniatures.on-slide.top.minimized .miniatures-toggle > span { transform: rotate(225deg); } [widget-type='slider'] .miniatures.on-slide.bottom.minimized .miniatures-toggle > span, [widget-type='slider'] .miniatures.on-slide.top .miniatures-toggle > span { transform: rotate(45deg); } [widget-type='slider'] .miniatures.on-slide .miniatures-toggle span { border-left: 1px solid #fff; border-top: 1px solid #fff; display: block; height: 13px; width: 13px; } [widget-type='slider'] .miniatures.bottom .miniatures, [widget-type='slider'] .miniatures.top .miniatures { overflow-x: auto; } [widget-type='slider'] .miniatures .miniatures-list { bottom: 0; left: 0; margin: 0; max-width: 100%; padding: 0; position: relative; transform: none; white-space: nowrap; z-index: 1; } [widget-type='slider'] .carousel-indicators.miniatures-list { min-width: 100%; } [widget-type='slider'] .carousel-indicators.miniatures-list > li.miniature { border: none; border-radius: 0; display: inline-block; height: 120px; margin: 0; max-width: 100%; overflow: hidden; position: relative; vertical-align: middle; width: 160px; } [widget-type='slider'] .carousel-indicators.miniatures-list > li.slider_control { border: none; height: 90px; min-width: 20px; position: relative; transform: unset; vertical-align: middle; width: 2%; } [widget-type='slider'] .carousel-indicators.miniatures-list > li.miniature .miniature-image { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 100%; overflow: hidden; position: relative; width: 100%; } [widget-type='slider'] .carousel-indicators.miniatures-list.left > li.miniature, [widget-type='slider'] .carousel-indicators.miniatures-list.right > li.miniature { display: block; } [widget-type='slider'] .carousel-indicators.miniatures-list > li.miniature div.miniature-mask { background: #000; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; transition: opacity 0.4s; width: 100%; } [widget-type='slider'] .carousel-indicators.miniatures-list > li.miniature.active div.miniature-mask, [widget-type='slider'] .carousel-indicators.miniatures-list > li.miniature:hover div.miniature-mask { opacity: 0; } [widget-type='slider'] .slide-title-box { text-align: center; } .slider-video { bottom: 0; height: 100%; position: absolute; top: 0; width: 100%; } .slider-container audio:not(.md-image), .slider-container embed:not(.md-image), .slider-container iframe:not(.md-image), .slider-container img:not(.md-image), .slider-container object:not(.md-image), .slider-container video:not(.md-image) { height: auto; width: 100%; } .slider-container .video-control-buttons { bottom: 20px; position: absolute; right: 20px; } .ytp-button { display: none !important; } @media (max-width: 767px) { [widget-type='slider'] .miniatures-cont { display: none !important; } [widget-type='slider'] .slider-container { padding: 0 !important; } } .slider-container .video-control-buttons .video-play-icon { color: #fff; display: inline-block; font-family: 'Nunito Sans', sans-serif; font-size: 30px; font-style: normal; font-weight: 400; height: 40px; line-height: 1; opacity: 1; position: relative; top: 1px; vertical-align: middle; width: 40px; } .slider-container .video-control-buttons .video-play-icon:hover { color: #11d472; } .slide-content:after { content: ' '; } .slider-container .slide-content { bottom: 0; box-sizing: border-box; height: 100%; left: 0; min-height: inherit; overflow: hidden; position: relative; top: 0; width: 100%; } .video-play-icon.btn-play:after { content: '\E072'; } .video-play-icon.btn-stop:after { content: '\E073'; } #slider-dialog .slider-scale .scale-division:first-child { margin-left: -2px; text-align: left; } @media (max-width: 767px) { [widget-type='slider'] .carousel-indicators.miniatures-list > li.miniature { height: 60px !important; width: 100px !important; } } [widget-type='slider'].slider { margin: 0 auto; min-height: 30px; overflow: hidden; width: 100%; z-index: 1; } [widget-type='slider'].slider .slider_outer { display: inline-block; flex: 1 1 auto; height: 100%; overflow: visible; position: relative; vertical-align: middle; width: 100%; } [widget-type='slider'].slider .slider_outer .carousel-indicators { margin: 0; padding: 0; position: absolute; transform: translate3d(-50%, 0, 0); z-index: 100; } [widget-type='slider'].slider .slider_outer .carousel-indicators.left, [widget-type='slider'].slider .slider_outer .carousel-indicators.right { display: flex; flex-direction: column; height: 100%; justify-content: center; top: 0; width: auto; } [widget-type='slider'].slider .slider_outer .carousel-indicators.right { left: auto; right: 1%; } [widget-type='slider'].slider .slider_outer .carousel-indicators.left { left: 1%; } [widget-type='slider'].slider .slider_outer .carousel-indicators.top { top: 1%; } [widget-type='slider'].slider .slider_middle { display: inline-block; height: 100%; overflow: hidden; vertical-align: middle; width: 100%; } [widget-type='slider'].slider .slider_inner { height: 100%; min-height: 30px; overflow: hidden; } [widget-type='slider'].slider .slider_inner .item, [widget-type='slider'].slider .slider_inner .multi, [widget-type='slider'].slider .slider_inner .slide-item { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: none; height: 100%; min-height: inherit; width: 100%; } [widget-type='slider'].slider .slider_inner .item.active, [widget-type='slider'].slider .slider_inner .multi.active, [widget-type='slider'].slider .slider_inner .slide-item.active { display: block; opacity: 1; } [widget-type='slider'].slider .slider_inner .item.active .slide-item, [widget-type='slider'].slider .slider_inner .multi.active .slide-item, [widget-type='slider'].slider .slider_inner .slide-item.active .slide-item { display: block; } [widget-type='slider'].slider .slider_inner .item.prev, [widget-type='slider'].slider .slider_inner .multi.prev, [widget-type='slider'].slider .slider_inner .slide-item.prev { position: absolute; } [widget-type='slider'].slider .slider_inner .item.prev .slide-item, [widget-type='slider'].slider .slider_inner .multi.prev .slide-item, [widget-type='slider'].slider .slider_inner .slide-item.prev .slide-item { display: block; } [widget-type='slider'].slider .slider_inner .item.next, [widget-type='slider'].slider .slider_inner .multi.next, [widget-type='slider'].slider .slider_inner .slide-item.next { position: absolute; } [widget-type='slider'].slider .slider_inner .item.next .slide-item, [widget-type='slider'].slider .slider_inner .multi.next .slide-item, [widget-type='slider'].slider .slider_inner .slide-item.next .slide-item { display: block; } [widget-type='slider'].slider .slider_inner .item .carousel-image, [widget-type='slider'].slider .slider_inner .item a > .carousel-image, [widget-type='slider'].slider .slider_inner .multi .carousel-image, [widget-type='slider'].slider .slider_inner .multi a > .carousel-image, [widget-type='slider'].slider .slider_inner .slide-item .carousel-image, [widget-type='slider'].slider .slider_inner .slide-item a > .carousel-image { margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); width: 100%; } [widget-type='slider'].slider .slider_inner .video-play-icon { text-shadow: 0 0 1px #000; } [widget-type='slider'].slider .slider_control:not(.custom) { background-color: #0000; bottom: 0; color: #fff; cursor: pointer; font-size: 20px; left: 0; opacity: 0.5; position: absolute; text-align: center; text-shadow: 0 1px 2px #0009; top: 0; width: 15%; } [widget-type='slider'].slider .slider_control:not(.custom).left, [widget-type='slider'].slider .slider_control:not(.custom).right { background-image: none; bottom: auto; height: 150px; top: 50%; transform: translateY(-50%); z-index: 105; } [widget-type='slider'].slider .slider_control:not(.custom).right { left: auto; right: 0; } [widget-type='slider'].slider .slider_control:not(.custom) svg { display: block; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6)); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } [widget-type='slider'].slider .slider_control:not(.custom):hover { color: #fff; opacity: 0.9; outline: 0; text-decoration: none; } [widget-type='slider'].slider .slider_control:not(.custom).unclickable { pointer-events: none; } [widget-type='slider'].slider .option2 { overflow: hidden; } [widget-type='slider'].slider.slider-cov-cover .item, [widget-type='slider'].slider.slider-cov-cover .multi, [widget-type='slider'].slider.slider-cov-cover .slide-item { background-size: cover; } [widget-type='slider'].slider.slider-cov-contain .item, [widget-type='slider'].slider.slider-cov-contain .multi, [widget-type='slider'].slider.slider-cov-contain .slide-item { background-size: contain !important; } [widget-type='slider'].slider.slider-eff-fade .item, [widget-type='slider'].slider.slider-eff-fade .multi, [widget-type='slider'].slider.slider-eff-fade .slide-item { transition: opacity 1s; } [widget-type='slider'].slider.slider-eff-fade .item.active.fadeOut, [widget-type='slider'].slider.slider-eff-fade .multi.active.fadeOut, [widget-type='slider'].slider.slider-eff-fade .slide-item.active.fadeOut { opacity: 0; } [widget-type='slider'].slider.slider-eff-fade .item.fadeIn, [widget-type='slider'].slider.slider-eff-fade .multi.fadeIn, [widget-type='slider'].slider.slider-eff-fade .slide-item.fadeIn { display: block; opacity: 0; position: absolute; top: 0; } [widget-type='slider'].slider.slider-eff-fade .item.fadeIn.started, [widget-type='slider'].slider.slider-eff-fade .multi.fadeIn.started, [widget-type='slider'].slider.slider-eff-fade .slide-item.fadeIn.started { opacity: 1; } [widget-type='slider'].slider.slider-eff-slide .item.active.right, [widget-type='slider'].slider.slider-eff-slide .multi.active.right, [widget-type='slider'].slider.slider-eff-slide .slide-item.active.right { transform: translate(100%); } [widget-type='slider'].slider.slider-eff-slide .item.active.left, [widget-type='slider'].slider.slider-eff-slide .multi.active.left, [widget-type='slider'].slider.slider-eff-slide .slide-item.active.left { transform: translate(-100%); } [widget-type='slider'].slider.slider-eff-slide .item.prev, [widget-type='slider'].slider.slider-eff-slide .multi.prev, [widget-type='slider'].slider.slider-eff-slide .slide-item.prev { display: block; top: 0; transform: translate(-100%); } [widget-type='slider'].slider.slider-eff-slide .item.prev.right, [widget-type='slider'].slider.slider-eff-slide .multi.prev.right, [widget-type='slider'].slider.slider-eff-slide .slide-item.prev.right { transform: translate(0); } [widget-type='slider'].slider.slider-eff-slide .item.next, [widget-type='slider'].slider.slider-eff-slide .multi.next, [widget-type='slider'].slider.slider-eff-slide .slide-item.next { display: block; top: 0; transform: translate(100%); } [widget-type='slider'].slider.slider-eff-slide .item.next.left, [widget-type='slider'].slider.slider-eff-slide .multi.next.left, [widget-type='slider'].slider.slider-eff-slide .slide-item.next.left { transform: translate(0); } [widget-type='slider'].slider.slider-eff-slide .item.nexts, [widget-type='slider'].slider.slider-eff-slide .multi.nexts, [widget-type='slider'].slider.slider-eff-slide .slide-item.nexts { display: block; top: 0; transform: translate(200%); } [widget-type='slider'].slider:is([active-slides='1']).slider-eff-slide .item.single-slider, [widget-type='slider'].slider:is([active-slides='1']).slider-eff-slide .multi, [widget-type='slider'].slider:is([active-slides='1']).slider-eff-slide .slide-item { transition: transform 1s; } [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .item.multi-slider, [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .multi, [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .slide-item { display: inline-block; flex-shrink: 0; transition: none; } [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .item.multi-slider.right, [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .multi.right, [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .slide-item.right { transform: translateX(100%); } [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .item.multi-slider.right.animNext, [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .multi.right.animNext, [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .slide-item.right.animNext { transform: translateX(0); transition: transform 1s; } [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .item.multi-slider.left, [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .multi.left, [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .slide-item.left { transform: translateX(0); } [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .item.multi-slider.left.animPrev, [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .multi.left.animPrev, [widget-type='slider'].slider:not([active-slides='1']).slider-eff-slide .slider_inner .slide-item.left.animPrev { transform: translateX(100%); transition: transform 1s; } [widget-type='slider'].slider:not([active-slides='1']) .carousel-indicators li:not(.slider_control) { cursor: auto; } [widget-type='slider'].slider.controls_vertically .miniatures .carousel-indicators .slider_control { transform: rotate(90deg); } [widget-type='slider'].slider.controls_horizontally .miniatures .carousel-indicators .slider_control { transform: none; } [widget-type='slider'].slider.slider-cov-center .carousel-indicators { padding-bottom: 3%; width: 63%; } [widget-type='slider'].slider.slider-cov-center .carousel-indicators .carousel-indicator { background-color: #dcdfe6; height: 10px; margin: 0 5px; width: 10px; } [widget-type='slider'].slider.slider-cov-center .carousel-indicators .active { background-color: #1d1f24; } [widget-type='slider'].slider.slider-cov-center .slider_inner { align-items: center !important; display: flex !important; justify-content: center !important; max-width: 100% !important; transform: none !important; width: 100% !important; } [widget-type='slider'].slider.slider-cov-center .slider_inner .item { background-position: center 20%; background-size: 90% 80%; max-width: 100% !important; transform: none !important; } [widget-type='slider'].slider.slider-cov-center .slider_inner .item.left.animPrev, [widget-type='slider'].slider.slider-cov-center .slider_inner .item.right.animNext { transition: max-width 1s !important; } [widget-type='slider'].slider.slider-cov-center .slider_inner .item.inactive { max-width: 0 !important; } [widget-type='slider'].slider.slider-cov-center .glyphicon-chevron-left, [widget-type='slider'].slider.slider-cov-center .glyphicon-chevron-right { align-items: center; background: #898d99; border-radius: 50%; color: #fff; display: flex; height: 30px; justify-content: center; padding: 8px; width: 30px; } [widget-type='slider'].slider.slider-cov-center .slider_control.left { margin-left: 7.5%; } [widget-type='slider'].slider.slider-cov-center .slider_control.right { margin-right: 7.5%; } @media (max-width: 767px) { [widget-type='slider'].slider.slider-cov-center .carousel-indicators { padding-bottom: 2%; } [widget-type='slider'].slider.slider-cov-center .glyphicon-chevron-left, [widget-type='slider'].slider.slider-cov-center .glyphicon-chevron-right { height: 20px; width: 20px; } } [widget-type='slider'].slider.infiniteCarousel .slider_inner { animation: carousel 4s linear infinite; display: flex; max-width: unset !important; overflow: visible !important; } [widget-type='slider'].slider.infiniteCarousel .item { display: block; flex-shrink: 0; } @keyframes carousel { 0% { transform: translateX(0); } to { transform: translateX(-100%); } } [widget-type='socialicons'] a { display: inline-block; height: 30px; margin: 0 10px 0 0; width: 30px; } [widget-type='socialicons'] a.circle { border-radius: 50%; } [widget-type='socialicons'] .facebook-icon { background: url(/static/images/icons/soc_sprite.png) 0 0 no-repeat; } [widget-type='socialicons'] .twitter-icon { background: url(/static/images/icons/soc_sprite.png) -30px 0 no-repeat; } [widget-type='socialicons'] .linkedin-icon { background: url(/static/images/icons/soc_sprite.png) -60px 0 no-repeat; } [widget-type='socialicons'] .googleplus-icon { background: url(/static/images/icons/soc_sprite.png) -90px 0 no-repeat; } [widget-type='socialicons'] .honaro-icon { background: url(/static/images/icons/soc_sprite.png) -120px 0 no-repeat; } [widget-type='socialicons'] .youtube-icon { background: url(/static/images/icons/soc_sprite.png) -150px 0 no-repeat; } [widget-type='socialicons'] .pinterest-icon { background: url(/static/images/icons/soc_sprite.png) -180px 0 no-repeat; } [widget-type='socialicons'] .instagram-icon { background: url(/static/images/icons/soc_sprite.png) -210px 0 no-repeat; } [widget-type='socialicons'] .facebook-icon:hover { background: url(/static/images/icons/soc_sprite.png) 0 -30px no-repeat; } [widget-type='socialicons'] .twitter-icon:hover { background: url(/static/images/icons/soc_sprite.png) -30px -30px no-repeat; } [widget-type='socialicons'] .linkedin-icon:hover { background: url(/static/images/icons/soc_sprite.png) -60px -30px no-repeat; } [widget-type='socialicons'] .googleplus-icon:hover { background: url(/static/images/icons/soc_sprite.png) -90px -30px no-repeat; } [widget-type='socialicons'] .honaro-icon:hover { background: url(/static/images/icons/soc_sprite.png) -120px -30px no-repeat; } [widget-type='socialicons'] .youtube-icon:hover { background: url(/static/images/icons/soc_sprite.png) -150px -30px no-repeat; } [widget-type='socialicons'] .pinterest-icon:hover { background: url(/static/images/icons/soc_sprite.png) -180px -30px no-repeat; } [widget-type='socialicons'] .instagram-icon:hover { background: url(/static/images/icons/soc_sprite.png) -210px -30px no-repeat; } .email-tab-a, .gp-tab-a, .lin-tab-a, .tw-tab-a, .yt-tab-a { display: block; width: 50px; } .email-tab-logo, .gp-tab-logo, .lin-tab-logo, .tw-tab-logo, .yt-tab-logo { border-radius: 5px; display: block; height: 50px; width: 50px; } .tw-tab-logo { background: #0000 url(/static/images/widgets/tw.png) no-repeat scroll 50%/100% auto; } .yt-tab-logo { background: #0000 url(/static/images/widgets/yt.png) no-repeat scroll 50%/100% auto; } .gp-tab-logo { background: #0000 url(/static/images/widgets/gp.png) no-repeat scroll 50%/50px 50px; height: 70px; width: 70px; } .lin-tab-logo { background: #0000 url(/static/images/widgets/linkedin.png) no-repeat scroll 50%/50px 50px; } .email-tab-logo { background: #0000 url(/static/images/widgets/mail.png) no-repeat scroll 50%/50px 50px; } #FIXED_BOX_LEFT [widget-type], #FIXED_BOX_RIGHT [widget-type] { max-height: 70px; max-width: 70px; min-height: 70px; min-width: 70px; } #FIXED_PANEL #google-slider { margin-bottom: -170px; position: relative; transition: all 1s ease-in-out; width: 286px; z-index: 1; } #FIXED_PANEL #google-slider:after { clear: both; } #FIXED_BOX_LEFT .email-tab-logo, #FIXED_BOX_LEFT .gp-tab-logo, #FIXED_BOX_LEFT .lin-tab-logo, #FIXED_BOX_LEFT .yt-tab-logo { background-position: 0 0; } #FIXED_BOX_RIGHT .tw-tab-logo, #FIXED_BOX_RIGHT [widget-type='emailtab'], #FIXED_BOX_RIGHT [widget-type='facebooktab'], #FIXED_BOX_RIGHT [widget-type='googleplustab'], #FIXED_BOX_RIGHT [widget-type='linkedintab'], #FIXED_BOX_RIGHT [widget-type='twittertab'], #FIXED_BOX_RIGHT [widget-type='youtubetab'] { float: right; } #FIXED_BOX_RIGHT [widget-type='emailtab'] .email-tab-logo, #FIXED_BOX_RIGHT [widget-type='googleplustab'] .gp-tab-logo, #FIXED_BOX_RIGHT [widget-type='linkedintab'] .lin-tab-logo, #FIXED_BOX_RIGHT [widget-type='youtubetab'] .yt-tab-logo { background-position: 100% 0; float: right; } #FIXED_BOX_LEFT #googleplus-code, #FIXED_BOX_RIGHT #googleplus-code { background: #fff; border: 3px solid red; float: left; height: 100%; width: 286px; } #FIXED_PANEL #google-tab { background: url(/static/images/widgets/gp.png) no-repeat 50%; background-size: 100%; border-radius: 5px; cursor: pointer; height: 50px; width: 50px; } #FIXED_BOX_RIGHT #google-slider #google-tab { float: left; left: -47px; position: absolute; } #FIXED_BOX_LEFT #google-slider #google-tab { float: right; position: absolute; right: -50px; } #FIXED_BOX_RIGHT #google-slider { float: right; margin-right: -286px; } #FIXED_BOX_LEFT #google-slider { float: left; margin-left: -286px; } #FIXED_BOX_LEFT .google-hover { margin-left: 0 !important; } #FIXED_BOX_RIGHT .google-hover { margin-right: 0 !important; } #FIXED_PANEL .google-hover { z-index: 999 !important; } #FIXED_BOX_LEFT .google-hover-o { margin-left: 0 !important; } #FIXED_BOX_RIGHT .google-hover-o { margin-right: 0 !important; } #FIXED_PANEL .google-hover-o { z-index: 999 !important; } [widget-type='socialicons'].widget-socialicons { display: flex; margin: 0 auto; width: fit-content; } [widget-type='socialicons'].widget-socialicons.horizontal { flex-direction: row; margin: 10px; } [widget-type='socialicons'].widget-socialicons.vertical { flex-direction: column; margin: 10px; } [widget-type='socialicons'].widget-socialicons .flex { display: flex; flex: none; } [widget-type='socialicons'].widget-socialicons .align-to-center { color: gray; flex: 1 0 auto; font-family: Arial; font-size: 20px; line-height: 42px; text-align: center; } [widget-type='socialicons'].widget-socialicons .widget-container { align-items: center; display: flex; justify-content: center; } [widget-type='socialicons'].widget-socialicons .widget-container.direction-left { flex-direction: row-reverse; justify-content: left; } [widget-type='socialicons'].widget-socialicons .widget-container.direction-right { flex-direction: row; justify-content: left; } [widget-type='socialicons'].widget-socialicons .widget-container.direction-top { flex-direction: column-reverse; } [widget-type='socialicons'].widget-socialicons .widget-container.direction-bottom { flex-direction: column; } [widget-type='socialicons'].widget-socialicons .widget-container:not(:last-of-type).spaced { margin-right: 16px; } [widget-type='socialicons'].widget-socialicons .svgContainer { border-radius: 50%; flex: 0 1 auto; height: 42px; margin: 0 5px; width: 42px; fill: #707070; stroke: #0000; } [widget-type='socialicons'].widget-socialicons .svgContainer > svg.svgContent { width: inherit; } [widget-type='socialicons'].original-color .facebook .social-icon-item { background: #3b5998 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .instagram .social-icon-item { background: linear-gradient( 45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 ) !important; fill: #fff !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433",endColorstr="#bc1888",GradientType=1) !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .linkedin .social-icon-item { background: #0077b5 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .github .social-icon-item { background: #000 !important; fill: #fff !important; stroke: #fff !important; } [widget-type='socialicons'].original-color .reddit .social-icon-item { background: #ff4301 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .qzone .social-icon-item { background: #fff !important; fill: #fcee21 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .vk .social-icon-item { background: #5181b8 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .honaro .social-icon-item { background: #0c7cc2 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .weibo .social-icon-item { background: #fff !important; fill: #000 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .tumblr .social-icon-item { background: #001835 !important; fill: #fff !important; stroke: #001835 !important; } [widget-type='socialicons'].original-color .askfm .social-icon-item { background: #22272b !important; fill: #fff !important; stroke: #fff !important; } [widget-type='socialicons'].original-color .flickr .social-icon-item { background: #212124 !important; fill: #fff !important; stroke: #fff !important; } [widget-type='socialicons'].original-color .twitch .social-icon-item { background: #9347ff !important; fill: #fff !important; stroke: #212124 !important; } [widget-type='socialicons'].original-color .pinterest .social-icon-item { background: #e80300 !important; fill: #fff !important; stroke: #212124 !important; } [widget-type='socialicons'].original-color .dribbble .social-icon-item { background: #e44a85 !important; fill: #fff !important; stroke: #212124 !important; } [widget-type='socialicons'].original-color .behance .social-icon-item { background: #0056ff !important; fill: #fff !important; stroke: #fff !important; } [widget-type='socialicons'].original-color .tidal .social-icon-item { background: #000 !important; fill: #fff !important; stroke: #fff !important; } [widget-type='socialicons'].original-color .twitter .social-icon-item { background: #000 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .tripadvisor .social-icon-item { background: #00af87 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .soundcloud .social-icon-item { background: #fc4504 !important; fill: #fff !important; stroke: #2daae1 !important; } [widget-type='socialicons'].original-color .youtube .social-icon-item { background: red !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .googleplus .social-icon-item { background: #d34836 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .spotify .social-icon-item { background: #1db954 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .patreon .social-icon-item { background: #f96854 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .booksy .social-icon-item { background: #02cfa7 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .quora .social-icon-item { background: #b92b27 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .mediumdesign .social-icon-item { background: #000 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .vocalmedia .social-icon-item { background: #1a1a1a !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .tiktok .social-icon-item { background: #000 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .whatsapp .social-icon-item { background: #0d9a15 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .facebook .social-icon-item { background: #0000 !important; fill: #004ca8 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .instagram .social-icon-item { background: #0000 !important; fill: #733ac7 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .linkedin .social-icon-item { background: #0000 !important; fill: #036dc4 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .github .social-icon-item, [widget-type='socialicons'].original-color.inverted .twitter .social-icon-item { background: #0000 !important; fill: #000 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .tripadvisor .social-icon-item { background: #0000 !important; fill: #7db351 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .youtube .social-icon-item { background: #0000 !important; fill: red !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .askfm .social-icon-item { background: #0000 !important; fill: #e14 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .googleplus .social-icon-item { background: #0000 !important; fill: #d34836 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .reddit .social-icon-item { background: #0000 !important; fill: #ff4301 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .honaro .social-icon-item { background: #0000 !important; fill: #0c7cc2 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .weibo .social-icon-item { background: #0000 !important; fill: #000 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .qzone .social-icon-item { background: #0000 !important; fill: #fcee21 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .vk .social-icon-item { background: #0000 !important; fill: #d34836 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .twitch .social-icon-item { background: #0000 !important; fill: #9347ff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .flickr .social-icon-item { background: #0000 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .tumblr .social-icon-item { background: #0000 !important; fill: #001835 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .pinterest .social-icon-item { background: #0000 !important; fill: #e80300 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .dribbble .social-icon-item { background: #0000 !important; fill: #e44a85 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .behance .social-icon-item { background: #0000 !important; fill: #0056ff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .tidal .social-icon-item { background: #0000 !important; fill: #fff !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .soundcloud .social-icon-item { background: #0000 !important; fill: #fc4504 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .spotify .social-icon-item { background: #0000 !important; fill: #1db954 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .patreon .social-icon-item { background: #0000 !important; fill: #f96854 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .booksy .social-icon-item { background: #0000 !important; fill: #02cfa7 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .quora .social-icon-item { background: #0000 !important; fill: #b92b27 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .mediumdesign .social-icon-item { background: #0000 !important; fill: #1b1b1b !important; stroke: #000 !important; } [widget-type='socialicons'].original-color.inverted .tiktok .social-icon-item, [widget-type='socialicons'].original-color.inverted .vocalmedia .social-icon-item { background: #0000 !important; fill: #1b1b1b !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color.inverted .whatsapp .social-icon-item { background: #0000 !important; fill: #0d9a15 !important; stroke: #0000 !important; } [widget-type='socialicons'].original-color .svgContent { height: 42px; width: 42px; } .widget-space:empty { height: 70px; } [widget-type='tabs'] .tabs-container, [widget-type='tabs'] .tabs-menu { min-width: 100px; width: auto; } [widget-type='tabsv2'] { overflow: hidden; } [widget-type='tabsv2'] .tabs_control { align-items: center; background-color: inherit; cursor: pointer; display: flex; height: 100%; justify-content: center; position: absolute; width: 30px; } [widget-type='tabsv2'] .tabs_control.left { left: 0; } [widget-type='tabsv2'] .tabs_control.right { right: 0; } [widget-type='tabsv2'] .tabs_control.inactive { pointer-events: none; } [widget-type='tabsv2'] .tabs_control.inactive svg { display: none; } [widget-type='tabsv2'] .tabs-menu:has(.tabs_control, .items_showMore) { position: relative; width: 100%; } [widget-type='tabsv2'] .tabs-menu:has(.tabs_control) { min-height: fit-content; overflow: hidden; padding: 0 30px !important; } [widget-type='tabsv2'] .tabs-menu:has(.items_showMore) { cursor: pointer; padding: 0 100px 0 0; } [widget-type='tabsv2'] .tabs-menu-scrollbar { overflow-x: auto; } [widget-type='tabsv2'] .items_showMore { align-items: center; background-color: inherit; display: flex; font-size: 18px; font-weight: 700; height: 100%; justify-content: center; min-width: 120px; position: absolute; right: 0; } [widget-type='tabsv2'] .items_showMore.active { color: #003eff; } [widget-type='tabsv2'] .showMore_button { align-items: center; display: flex; justify-content: center; } [widget-type='tabsv2'] .showMore_dropdown { background-color: inherit; border-radius: 4px; box-shadow: 0 0 25px #0000001a; font-weight: 400; margin-top: 4px; min-width: 120px; opacity: 1; padding: 10px; position: absolute; right: 0; text-align: center; top: 100%; transition: opacity 0.3s ease; white-space: nowrap; } [widget-type='tabsv2'] .showMore_dropdown.dropdownHidden { opacity: 0; } [widget-type='tabsv2'] .dropdown_item { line-height: 24px; padding: 6px; } [widget-type='tabsv2'] .dropdown_item.active { color: #007fff; font-weight: 700; } [widget-type='tabsv2'] .tabs-menu-item.tabHidden { opacity: 0; } [widget-type='tabsv2'] .tabs-menu-item { display: flex; flex-direction: column; transition: transform 0.5s; } [widget-type='tabsv2'].tab-vertical .tabs-menu:has(.tabs_control, .items_showMore) { min-width: fit-content; width: unset; } [widget-type='tabsv2'].tab-vertical .tabs-menu:has(.tabs_control) { min-height: unset; padding: 40px 0 !important; } [widget-type='tabsv2'].tab-vertical .tabs-menu:has(.items_showMore) { padding: 0 0 50px; } [widget-type='tabsv2'].tab-vertical .tabs_control { height: 40px; width: 100%; } [widget-type='tabsv2'].tab-vertical .tabs_control.right { bottom: 0; right: unset; } [widget-type='tabsv2'].tab-vertical .tabs_control.left { left: unset; top: 0; } [widget-type='tabsv2'].tab-vertical .items_showMore { bottom: 0; height: 50px; width: 100%; } [widget-type='tabsv2'].tab-vertical .showMore_dropdown { bottom: 0; left: 100%; margin-left: 4px; margin-top: 0; right: unset; top: unset; } [widget-type='tabsv2'] .base-styles { display: block; left: 0; opacity: 1; top: 0; visibility: hidden; } .tabs-menu-item-a.left { display: flex; flex-direction: row; } .tabs-menu-item-a.right { display: flex; flex-direction: row-reverse; } .tabs-menu-item-a.top { display: flex; flex-direction: column; } .tabs-menu-item-a.bottom { display: flex; flex-direction: column-reverse; } .tabs-menu-item__description:not(.active) { display: none; } .tabs-menu-item__description.active { background-color: #fff; border: none; border-radius: 0; display: block; margin: 0; overflow: hidden; padding: 0; width: auto; } .ui-tabs.ui-tabs-vertical { display: flex; flex-wrap: nowrap; padding: 0; width: 100%; } .ui-tabs.ui-tabs-vertical .tabs-container { flex: 1; } .ui-tabs.ui-tabs-vertical .tabs-container-item { margin: 0 auto; } .ui-tabs .ui-tabs-nav { display: flex; flex-wrap: wrap; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav { display: block; float: left; width: auto; } .ui-tabs.ui-tabs-vertical .ui-widget-header { border: none; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav li { clear: left; margin: 0.2em 0; overflow: hidden; position: relative; right: -2px; width: 100%; z-index: 2; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a { display: block; padding: 0.6em 1em; width: 100%; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover { cursor: pointer; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0.2em; padding-bottom: 0; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child { margin-bottom: 10px; } .ui-tabs.ui-tabs-vertical .ui-tabs-panel { border-radius: 0; position: relative; width: calc(100% - 55px); } .ui-tabs .ui-tabs-nav li { border-bottom-width: 0; float: left; list-style: none; margin: 1px 0.2em 0 0; padding: 0; position: relative; top: 0; white-space: nowrap; z-index: 2; } .tabs-menu-item, li.tabs-menu-item.ui-tabs-active:after, li.tabs-menu-item:after { content: ''; } .tabs-menu-item .tab-svg-header { height: 50px; width: 50px; } .tabs-menu-item .tab-svg-header svg { max-height: 100%; max-width: 100%; } .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-tab { margin-bottom: 0; } .ui-tabs .tabs-container-item.ui-tabs-panel { margin: 1em 0; min-height: 50px; padding: 0 1.4em; } .widget-tabs div.tabs-container:not(.tabs-carousel) > div.tabs-container-item { grid-area: item; } .widget-tabs .tabs-menu-item:after, .widget-tabs .tabs-menu-item > a:after { content: ''; } .tabs-container-item.default-display { display: block; } .tabs-container-item.visible { visibility: visible; } .tabs-container-item.hidden { visibility: hidden; } [widget-type='text'] { max-width: 100%; word-break: break-word; } [widget-type='text'] li { list-style-position: inside; } [widget-type='text'] li [widget-type='header'] { display: inline-block; } [widget-type='text'] ul { user-select: auto; } .ldBar { position: relative; } .ldBar.label-center > .ldBar-label { left: 50%; position: absolute; text-shadow: 0 0 3px #fff; top: 50%; transform: translate(-50%, -50%); } .ldBar-label:after { content: '%'; display: inline; } .ldBar.no-percent .ldBar-label:after { content: ''; }