/** * Swiper 8.2.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 27, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} body {font-size: 14px; background: #efefef; color: #434343; letter-spacing: 1px; font-family: 'Arimo', sans-serif; font-weight: 300;} :focus {outline:none !important; box-shadow: none !important;} .arimoFont { font-family: 'Arimo', sans-serif; font-weight: 400; } /*#allPageContent {opacity: 0;}*/ .objectBlend {mix-blend-mode: multiply;} .oswaldFont {font-family: 'Oswald', sans-serif; font-weight: 400;} b, strong {font-weight: 600;} /*section {overflow-x: hidden}*/ .container {max-width: 100%} h3 {font-size: calc(1.1rem + .2vw);} .uppercase {text-transform: uppercase;} .noPadding {padding: 0 !important} .noPaddingMobile {padding: 0;} .padding10 {padding: 10px;} .padding40 {padding: 25px;} .padding50 {padding: 50px;} .padding20 {padding: 20px;} .padding25 {padding: 20px;} .padding25 .row {margin-left: auto; margin-right: auto; position: relative; z-index: 3;} .paddingTop02 {padding-top: 2px;} .paddingTop5 {padding-top: 0px;} .paddingTop07 {padding-top: 7px;} .paddingTop10 {padding-top: 10px;} .paddingTop20 {padding-top: 20px;} .paddingTop40 {padding-top: 40px;} .paddingTop50 {padding-top: 50px;} .paddingTop80 {padding-top: 40px;} .paddingBottom {padding-bottom: 0px;} .paddingBottom10 {padding-bottom: 10px;} .paddingBottom20 {padding-bottom: 20px;} .paddingBottom30 {padding-bottom: 30px;} .paddingBottom40 {padding-bottom: 40px;} .paddingBottom80 {padding-bottom: 40px;} .paddingLeft5 {padding-left: 5px} .paddingLeft40 {padding-left: 0px} .paddingRight40 {padding-right: 0px} .paddingTopBottom60 {padding-top: 60px; padding-bottom: 60px;} .paddingTopBottom80 {padding-top: 40px; padding-bottom: 40px;} .paddingTopBottom40 {padding-top: 40px; padding-bottom: 40px;} .paddingLeftRight20 {padding-left: 20px; padding-right: 20px;} .paddingLeftRight40 {padding-left: 20px; padding-right: 20px;} .paddingLeftRight50 {padding-left: 25px !important; padding-right: 25px !important;} .paddingLeftRight60 {padding-left: 60px; padding-right: 60px;} .noMargin {margin: 0 !important;} .marginLeft3 {margin-left: 3px;} .marginLeft5 {margin-left: 5px;} .marginLeft8 {margin-left: 8px;} .marginLeft10 {margin-left: 10px;} .marginTop5 {margin-top: 5px;} .marginTop7 {margin-top: 7px;} .marginTop10 {margin-top: 10px;} .marginTop12 {margin-top: 12px;} .marginTop20 {margin-top: 20px;} .marginTop30 {margin-top: 15px;} .marginBottom25 {margin-bottom: 25px;} .marginBottom30 {margin-bottom: 30px;} .marginTop0 {margin-top: 0 !important} .marginTop40 {margin-top: 40px;} .marginRight10 {margin-right: 10px;} .marginRight20 {margin-right: 20px;} .marginBottom0 {margin-bottom: 0px !important;} .marginBottom10 {margin-bottom: 10px;} .marginBottom20 {margin-bottom: 20px;} .marginBottom25 {margin-bottom: 25px;} .marginBottom35 {margin-bottom: 35px;} .marginBottom40 {margin-bottom: 40px;} .marginBottom50 {margin-bottom: 50px;} .marginLeftRight40 {margin-left: 7px; margin-right: 7px;} .marginLeftRight35 {margin-left: 35px; margin-right: 35px;} .marginLeftRight30 {margin-left: 7px; margin-right: 7px;} .marginLeftRight28 {margin-left: 8px; margin-right: 8px;} .mobileMarginBottom20 {margin-bottom: 0px;} .lazy { width: 100%; min-height: 80px; display: block; /* optional way, set loading as background */ background-image: url('../images/loader.gif'); background-repeat: no-repeat !important; background-position: 50% 50% !important;} .lightGreyBg {background: #f1f1f1 !important;} .darkerGreyBg {background: #c1c1c1 !important;} .darkestGreyBg {background: #a1a1a1 !important;} .greyBg {background: #d7d7d7;} .darkGreyBg {background: #2e2e2e !important;} .blackBg {background: #000;} .whiteBg {background: #fff;} .redBg {background: #CC0000;} .greenBg {background: #44a855;} /*.table {margin: 0 5px 1rem 5px;}*/ .aLinkClean, .aLinkClean:hover, .aLinkClean:active, .aLinkClean:visited {text-decoration: none;} .underlineMeRed, .underlineMe {position: relative; display: inline-block} .underlineMeRed::after {background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; background: #cc0000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 100%;} .underlineMeRed:hover:after { width: 0; left: 50%; } .redText, a .redText, .redText:active, .redText:hover, .redText:visited {color: #CC0000;} .whiteText {color: #fff !important;} .whiteText:hover, .whiteText:visited {color: #fff;} .blackText {color: #000 !important;} .yellowText, .yellowText:hover, .yellowText:visited {color: #f0ba4c;} .greyText {color: #a7a7a7;} .lightGreyText {color: #d7d7d7;} .darkGreyText, .darkGreyText:hover, .darkGreyText:visited {color: #434343;} .greyText {color: #434343;} .greyText:hover, .greyText:visited {color: #434343;} .lightGreyBorder {border: 1px solid #aaa} .greyBorder {border: 1px solid #555} .yellowBorder {border: 1px solid #f0ba4c !important;} .greenBorder {border: 1px solid #008e5a;} .redBorder {border: 1px solid #8f0000;} /*.darkGreyBorder {border: 1px solid #222 !important;}*/ .whiteBorderBottom {border-bottom: 2px solid #fff !important; } .fontLight {font-weight: 300;} .goalScoredHereHighlight {background: yellow;} .redBtnGrad {background: rgb(204,0,0); background: linear-gradient(0deg, rgba(204,0,0,1) 64%, rgba(239,62,51,1) 100%);} .greyTextGrad {background: #D7D7D7; background: -webkit-linear-gradient(to bottom, #D7D7D7 0%, #B2B2B2 100%); background: -moz-linear-gradient(to bottom, #D7D7D7 0%, #B2B2B2 100%); background: linear-gradient(to bottom, #D7D7D7 0%, #B2B2B2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .aberdeenIcon {width: 30px;} .borderImage {border-radius: 15px; width: 100%; height: 290px; object-fit: cover; background: #fff;} .borderBottomGrey {border-bottom: 1px solid #e0e0e0} .textShadow {text-shadow: 0px 0px 6px rgba(0,0,0,0.8);} .backgroundCover {background: rgba(0,0,0,0.4); width: 100%; height: 100%;} .container-fluid {padding-left: 0px; padding-right: 0;} /*.circles {border-radius: 50%; padding: 8px 14px !important; width: 40px; height: 40px; text-align: center; font-size: 0.9rem;}*/ .circles {border-radius: 50%; min-width: 40px; min-height: 40px; text-align: center; font-size: 0.9rem; position: relative; line-height: 2} .circlesInner {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .circlesSmall {width: 30px; height: 30px; padding: 3px 5px !important; margin: 2px auto;} .borderRadius20 {border-radius: 20px;} .borderRadius20Top {border-radius: 20px 20px 0px 0px; overflow: hidden} .borderRadius20Bottom {border-radius: 0px 0px 20px 20px; overflow: hidden} .redBtn {border: 1px solid #ef3e33;} .greyBtn {border: 1px solid #fff;} .darkGreyBtn {border: 1px solid #505050;} .yellowBtn {color: #f0ba4c; border: 1px solid #f0ba4c;} .yellowBtnSolid {color: #fff; border: 1px solid #f0ba4c;} .innerShadow {-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);} .dropShadow {box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);} .stateActive, .redBtnGrad {padding: 7px 15px; border-radius: 20px; border: 1px solid #ef3e33; background: rgb(204,0,0); background: linear-gradient(0deg, rgba(204,0,0,1) 65%, rgba(239,62,51,1) 100%); color: #fff;} .stateBtn {padding: 7px 14px; color: #d7d7d7; position: relative; z-index: 2;} .totalCols {width: 80px;} .greyBtnBg {background: rgb(241,241,241); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);} .lightGreyBtnBg { background: rgb(241,241,241); background: linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 20%); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); overflow: hidden; } .navbar-toggler {display: none;} .leagueHolder #load_league_results {height: 700px; overflow-y: auto;} .tableEuropeAppsGoals {width: 100%;} /*.showEurope {display: none;}*/ /* TABLES */ .table th {color: #cc0000;} .table-striped>tbody>tr:nth-of-type(odd)>*, .table-striped>tbody>tr:nth-of-type(even)>* {color: #434343;} .table>:not(caption)>*>* {border-bottom: none; } .table thead .redBg td {padding: 0.8rem 0.5rem 0.8rem 0.5rem !important} .competitionTitle {padding: 0.8rem 0.5rem 0rem 0.5rem} tbody, td, tfoot, th, thead, tr {border-bottom: 1px solid rgba(0, 0, 0, 0.03);} #pageCover {width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.5); display: none; z-index: 999; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);} #mobileNav { width: 100%; height: 100%; position: fixed; background: #cc0000; z-index: 1000; top: -100%; overflow-y: auto; padding: 110px 33px 25px 25px; } .mobileNavTop {position: relative; opacity: 0; font-size: 1.2rem; margin-bottom: 10px;} .mobileNavTop a, .mobileNavSub a {text-decoration: none;} .mobileNavSub {display: none; margin-bottom: 10px;} .subNavLink {padding-bottom: 10px; font-size: 1rem; margin-left: 10px;} .mobileSearch input {border-radius: 10px 0px 0px 10px; border: none; width: calc(100% - 35px); padding: 10px;} .searchButon {background: #fff; border-radius: 0px 10px 10px 0px; padding: 10px;} .mobileIcons, .gearIconMobile {color: #fff; font-size: 1.5rem;} .gridSearch input {border-radius: 10px; border: none; width: calc(100% - 117px); padding: 6px 10px; background-color: #efefef !important;} .gridSearch .searchButon {background: rgb(204,0,0); background: linear-gradient(0deg, rgba(204,0,0,1) 65%, rgba(239,62,51,1) 100%); border-radius: 10px; padding: 4px 10px; color: #fff; margin-left: 20px;} #playerGridResetBtn {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); color: #434343; border: 1px solid rgba(241,241,241,1);} .gridSearch .searchButon:hover {cursor: pointer;} #statsSearchInput {border-radius: 10px 0px 0px 10px !important; width: 200px;} #resetStatsSearch {border-radius: 0px 10px 10px 0px; padding: 4px 10px;} #resetStatsSearch:hover {cursor: pointer;} .mobileIconsSplit {width: 100%; height: 1px; background: rgba(255,255,255,0.2); margin: 25px 0px 15px 0px;} .navShadow {-webkit-box-shadow: 0px 0px 15px -1px #000000; box-shadow: 0px 0px 15px -1px #000000; position: fixed; width: 200%; height: 10px; left: 0; top: 70px; z-index: 1001;} .navArrowToggle {transform: rotate(270deg) !important;} .navArrow {width: 20px; height: 20px; transform: rotate(90deg); transition: all .5s;} .animated {animation-duration: 1s; animation-fill-mode: both;} @keyframes bounceInDown { from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, 5px, 0) scaleY(0.985); } to { transform: translate3d(0, 0, 0); } } .bounceInDown { animation-name: bounceInDown; } /*.gearIcon { position: absolute; right: 40px; top: 15px; font-size: 2rem; }*/ .burgerNav { position: absolute; right: 18px; top: 15px; } .burgerNav .overlay { width: 50px; height: 50px; transition: 0.4s linear; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; } .burgerNav .button { width: 36px; height: 3px; background: #ffffff; transition: 900ms 175ms cubic-bezier(0.6, -0.46, 0.21, 1.3); } .burgerNav .button:before, .burgerNav .button:after { content: ""; transition: 400ms cubic-bezier(1, -0.81, 0.17, 1.2); width: 36px; height: 3px; display: flex; background: #ffffff; position: relative; } .burgerNav .button:before { transform-origin: right; top: -15px; } .burgerNav .button:after { bottom: -12px; transform-origin: left; float: right; } .burgerNav .active .button:before { top: -17px; } .burgerNav .active .button:after { bottom: -14px; } .burgerNav .active { transform: rotate(270deg); } .burgerNav .active .button { transform: rotate(-45deg); } .burgerNav .active .button:before, .burgerNav .active .button:after { width: 18px; transform: rotate(-90deg); } .nav-container input[type="checkbox"]:checked ~ .menu-items { transform: translateX(0); } .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 { transform: rotate(45deg); } .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 { transform: scaleY(0); } .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 { transform: rotate(-45deg); } .nav-container input[type="checkbox"]:checked ~ .logo{ display: none; } .yearDropDown { width: 80px !important; margin-right: 10px; } .greyBtnBgFlip {background: rgb(241,241,241); border: 1px solid rgba(241,241,241,1); background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%); } .yellowBtnBgFlip { border: 1px solid #f6c45e; background: rgb(179,138,53); background: linear-gradient(180deg, rgba(179,138,53,1) 0%, rgba(240,186,76,1) 90%); } .greyBtnBgSelect { margin-top: 5px; font-size: 0.8rem; border-radius: 10px; border: 1px solid rgba(241,241,241,1); background:#fff; background: url('../images/arrowDown.png') no-repeat right .4rem center, linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%) ; } .form-select { width: 190px; padding: 0.375rem 1rem 0.375rem 0.5rem; float: left; } /*option {border-radius: 0px 0px 10px 0px;}*/ .lazyLoadImages { opacity: 0; } .lazyLoadImages:not(.initial) { transition: opacity 1s; } .lazyLoadImages.initial, .lazyLoadImages.loaded, .lazyLoadImageserror { opacity: 1; } .lazyLoadImages:not([src]) { visibility: hidden; } .form-select:focus { border-color: rgba(241,241,241,1); outline: none;} .darkGreyBtnBg { background: rgb(67,67,67); background: linear-gradient(180deg, rgba(67,67,67,1) 0%, rgba(61,61,61,1) 90%); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); overflow: hidden; } .yellowBtnBg { background: rgb(67,67,67); background: linear-gradient(180deg, rgba(240,186,76,1) 0%, rgba(179,138,53,1) 90%); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); overflow: hidden; } .btns {border-radius: 8px; padding: 12px 15px; font-size: 0.9rem; line-height: 0.9rem; display: inline-block; margin-bottom: 5px; position: relative; overflow: hidden; font-family: 'Oswald', sans-serif;} .btns:hover {cursor: pointer; color: inherit;} .threeStateBtn {padding: 3px 3px 3px 3px; border-radius: 22px; font-size: 0.8rem; position: relative; height: 40px;} .stateBtnRed {position: absolute; left: 3px; width: 66px; height: 33px; padding: 7px 15px; border-radius: 20px; border: 1px solid #ef3e33; background: rgb(204,0,0); background: linear-gradient(0deg, rgba(204,0,0,1) 65%, rgba(239,62,51,1) 100%); color: #fff; z-index: 1; top: 3;} .stateBtnGrey {position: absolute; left: 3px; width: 66px; height: 33px; padding: 7px 15px; border-radius: 20px; border: 1px solid rgba(101,101,101,1); background: rgb(204,0,0); background: linear-gradient(0deg, rgba(67,67,67,1) 65%, rgba(101,101,101,1) 100%); color: #fff; z-index: 1; top: 3;} .stateBtn:hover {cursor: pointer;} .btn-secondary {border: 1px solid #f1f1f1; border-radius: 8px; font-family: 'Oswald', sans-serif;} .smallBtns {padding: 6px 5px; min-height: 34px; min-width: 35px; line-height: 1rem; text-align: center; font-size: 1.2rem; box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 25%);} .smallBtns img {margin-left: 2px; margin-top: 1px;} .sheen:after{content: ''; position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(255,255,255,1) 50%, rgba(0, 0, 0, 0)); transform: rotateZ(60deg) translate(-5em, 7.5em);} .sheen, .sheenLighter {transition: all .2s; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased;} .sheen:hover, .sheenLighter:hover, a:hover .sheen {transform: translateZ(0) scale(1.05);} .sheen:hover::after, button:focus::after, a:hover .sheen::after {animation: sheen 1s forwards;} .sheenLighter:after{content: ''; position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(255,255,255,0.3) 50%, rgba(0, 0, 0, 0)); transform: rotateZ(60deg) translate(-5em, 7.5em);} .sheenLighter:hover::after, button:focus::after {animation: sheen 1s forwards;} @keyframes sheen { 100% {transform: rotateZ(60deg) translate(1em, -9em);} } .btns:active{border: 1px solid rgba(0,0,0,0.1); box-shadow:0px 0px 0px white; -webkit-box-shadow: inset -2px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: inset -2px 2px 2px rgba(0,0,0,0.2); box-shadow: inset -2px 2px 2px rgba(0,0,0,0.2); transform:translate(0, 2px);} .btns:focus{outline:0;} h1,h2,h3,h4,h5,h6 {font-family: 'Oswald', sans-serif; line-height: 1.3;} h1 {font-size: 2rem; line-height: 2.5rem;} h2 {font-size: 1.25rem; line-height: 1.5rem;} h5 {margin-bottom: 0;} .arrows {margin-top: 4px;} .arrows img {width: 17px;} .arrows:hover {cursor: pointer;} .arrowLeft {transform: rotate(180deg);} .smallSub {font-size: 0.7rem;} /* NAV BAR */ .navbar-light .navbar-brand, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link {color: #fff;} .navbar {padding-top: 10px; padding-bottom: 10px; font-size: 1rem; letter-spacing: 1px;} .nav-link {font-weight: 600; display: inline; transition: all .5s; border-bottom: 2px solid transparent;} /*.navbar .navHolder {padding-top: 0.5rem; padding-bottom: 0.5rem; background: #CC0000; z-index: 4;}*/ .navbar-brand img {width: 200px;} .navbar-nav {text-align: center; width: 100%;} .dropdown, .dropend, .dropstart, .dropup {width: 50%;} .form-control {width: 400px; background: #868686; border-radius: 20px 0px 0px 20px; border: none; height: 30px; margin-top: 2px; margin-right: 0;} .btn-outline-success {background: #868686; border-radius: 0px 20px 20px 0px; color: #fff; border: none; padding: 0px 15px; margin-top: 2px; height: 30px; } .navbar .dropdown-toggle::after {border: none;} .navbar-light .navbar-nav .nav-link:hover {color: #fff; border-bottom: 2px solid #fff; } .navbar-light .navbar-nav .nav-link:focus {color: #fff;} .dropdown-menu {border-radius: 0; border: none; padding: 0; min-width: 15rem;} .dropdown-menu[data-bs-popper] {margin-top: 1.8rem;} .dropdown-menu li { border-top: 1px solid #fff; background: rgb(241,241,241); background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%); -webkit-box-shadow: inset 0px -5px 15px -5px rgba(46,46,46,0.4); box-shadow: inset 0px -5px 15px -5px rgba(46,46,46,0.4); } .dropdown-item {padding: 0px 15px 5px 0px; color: #434343; transition: all .5s; font-size: 0.9rem;} .dropdown-item:focus, .dropdown-item:hover {color: #CC0000;} .dropdown-item.active, .dropdown-item:active {color: #CC0000; background: none;} .navIcons {width: 190px; font-size: 1.2rem; position: relative;} .shareIconHolder {position: absolute; left: 50%; transform: translateX(-50%); top: -200px;} .shareIcon, .searchIcon, .gearIcon {border-radius: 50%; width: 40px; height: 40px; border: 2px solid #cc0000; background: #cc0000; z-index: 2; position: relative;} .shareIcon:hover, .gearIcon:hover {cursor: pointer;} .shareIconOn {border-radius: 50%; width: 40px; height: 40px; border: 2px solid #fff; color: #fff; background: #cc0000; z-index: 2; position: relative;} .shareIconSub { transform: scale(0.1); background: #fff; border-radius: 50%; width: 40px; height: 40px; margin-bottom: 10px; position: relative; z-index: 1; transition: all .3s; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); } .shareIconFacebook {top: -40px; z-index: 3} .shareIconTwitter {top: -90px; z-index: 2} .shareIconEmail {top: -140px; z-index: 1} .shareIcon i, .shareIconOn i, .shareIconSub i, .searchIcon i, .gearIcon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .facebookShareOn { transform: scale(1); top: 40px; } .twitterShareOn0 {top: -10px;} .emailShareOn0 {top: -60px;} .twitterShareOn { transform: scale(1); top: 40px; } .emailShareOn1 { top: -20px; } .emailShareOn { transform: scale(1); top: 40px; } .searchIcon {transition: all .5s;} .searchIcon:hover {cursor: pointer;} /*.searchIconOn {background:#fff; color: #cc0000 !important;}*/ #searchInput { position: absolute; right: 245px; display: none; opacity: 0; } /*#searchInput { width: 0; position: absolute; left: 15px; transition: all .5s; } .searchInputOpen { width: 400px !important; left: -361px !important; border-radius: 20px; padding-right: 45px; }*/ #searchCrit {width: 210px;} .searchText {padding-top: 7px; padding-right: 20px;} .ui-autocomplete { font-family: 'Arimo', sans-serif; font-size: 1rem; position: fixed; top: 83px !important; max-height: 200px; overflow-y: auto; overflow-x: hidden; line-height: 1.5em; -webkit-overflow-scrolling: touch; border: none !important; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); } .ui-autocomplete-category {padding: 3px 1em 3px .4em; font-weight: 600; color: #cc0000;} .loadingGif { width: 47px; height: 37px; background-image: url(../images/loader.gif) !important; background-color: #fff; background-position: center !important; background-repeat: no-repeat !important; background-size: 58% !important; } #searchInputText { background: none; border: 0; height: 37px; width: 0; padding: 5px 15px; background: #fff; border-radius: 10px 0px 0px 10px; transition: all .5s; } #doSearchIcon { background: #fff; border-radius: 0px 10px 10px 0px; padding: 7px 15px 6px 15px; } .searchInputText { width: 400px !important; } .navbar-nav {transition: all .5s;} .navBarHidden {opacity: 0; z-index: -1;} /* CAROUSEL */ .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CD8A27'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important} .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CD8A27'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important} .carousel-control-next, .carousel-control-prev {width: 10%;} .carousel-caption {bottom: auto; top: 50%; left: 50%; padding: 0; text-align: center; transform: translate(-50%,-50%); width: 80%; z-index: 2;} .carousel-caption h2 {font-size: 4rem; line-height: 3rem} .carousel-caption h3 {font-size: 3rem;} .carousel-caption-small {position: absolute; bottom: 40px; left: 40px; z-index: 2; font-size: 0.7rem;} #carouselExampleCaptions2 .carousel-control-prev {left: -40px;} #carouselExampleCaptions2 .carousel-control-next {right: -40px;} #carouselExampleCaptions3 .carousel-control-prev {left: -40px;} #carouselExampleCaptions3 .carousel-control-next {right: -40px;} #carouselExampleCaptions4 .carousel-control-prev {left: -85px;} #carouselExampleCaptions4 .carousel-control-next {right: -85px;} .carouselCover {background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;} .carousel-indicators {bottom: 30px; left: auto; right: 40px; margin-right: 0; margin-bottom: 0; margin-left: 0;} .carousel-indicators [data-bs-target] {width: 19px; height: 19px; background-color: transparent; border: 2px solid #fff; border-radius: 50%; margin-right: 10px; opacity: 1;} .carousel-indicators .active {background: url("../images/AFC-dot.svg"); width: 24px; height: 24px; border: none;} /* STATS */ #statsHolderOuter {padding: 0px 25px;} .statHolder {position: relative; width: 100%; height: 205px; line-height: 1rem;} .statImage {position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; text-align: center;} .statImage img {max-width: 100%; height: 180px; filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 0.4));} .statImage04 img, .statImage05 img {height: 150px; max-width: 100%; position: relative; top: 20px;} .statImage02 img {margin-left: 20px; height: 170px; max-width: 100%; margin-top: 5px;} .statImage06 img, .statImage07 img, .statImage08 img {height: 140px; max-width: 100%; position: relative; top: 30px;} .shirtImage img {height: auto; position: relative; top: 50%; transform: translateY(-50%);} .statInfoTitle {position: absolute; z-index: 4; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;} .statInfo {font-size: 3rem; font-weight: 700; line-height: 3rem;} .statTitle {font-weight: 700; font-size: 1.2rem;} .statInfoTitleLower, .statTextLower {z-index: 3 !important; color: transparent;} .statText {position: absolute; bottom: 0; font-size: 0.4rem; text-align: center; font-weight: 700; left: 50%; transform: translateX(-50%); line-height: 0.9rem; z-index: 4; width: 95%;} /* GENERIC IMAGES */ .genImageHolder {position: relative; width: 100%; height: 216px; } .genImageText {position: absolute; bottom: 30px; right: 30px; z-index: 3; font-size: 0.8rem;} .genImageCover {background: rgba(0,0,0,0.2); width: 100%; height: 100%; z-index: 2; position: absolute; top: 0;} .genImage {position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 1; top: 0; background-size: cover; background-position: center; border-radius: 10px; } .genImage img {max-width: 100%;} .sideImage {max-width: 100%; margin: 20px 0px;} /* LAYOUTS */ .panelTitle {margin-top: -1px;} .panelTitle2 {margin-top: 4px;} .disabledText {display: none;} #competition {width: 100% !important;} #pageCoverLayout { background: rgba(0,0,0,0.8); position: fixed; width: 100%; height: 100%; z-index: 1050; top: 0; display: none; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); } #savingLayout, #resetLayout { display: none; position: fixed; width: 300px; padding: 20px; background: #fff; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10001; } .layoutHeader {padding-right: 5px;} .layoutHeader .float-end {float: left !important;} #closeLayout { position: absolute; right: 0; padding: 10px 17px 1px 16px; z-index: 10001; top: -32px; background: #fff; font-weight: bold; } #closeLayout:hover {cursor: pointer} #layoutHolder { position: fixed; width: calc(100% - 20px); transform: translate(-50%,-50%); top: 50%; left: 50%; display: none; z-index: 10002; } #layoutInner { width: 100%; padding: 30px 25px; background: #fff; height: 1000px; overflow-y: auto; overflow-x: hidden; } .layouts {margin-bottom: 5px; width: 100%; opacity: 0.6; border: 1px solid #2e2e2e;} .layouts img {max-width: 100%; } .layouts:hover {opacity: 1; cursor: grab} .ui-state-highlight { width: 100%; height: 3.5em; line-height: 3.2em; border: none; background: #cc0000; margin-bottom: 5px; } .ui-sortable-helper {transform: scale(0.9);} /*#layoutToggle:hover {cursor: pointer} #cloneHolder { position: relative; transform: translate(-50%,-50%) scale(0.25); top: 50%; left: 50%; } #layoutHolder {width: 500px; padding: 10px;} .layouts {width: 100%; margin-bottom: 10px; min-height: 50px; padding: 10px;} .layoutSlider {font-size: 2rem;} .titleIcons {font-size: 1.7rem; margin-right: 5px;} .homeLayoutOn { z-index: 1000; transform: translate(-50%,-50%) scale(0.5); top: 50%; position: absolute; left: 50%; height: 2000px; overflow-y: auto; }*/ /* HOMEPAGE SLIDER */ #navBump {margin-top: 81px;} #homeSlider {height: 250px; overflow: hidden; position: relative;} #homeSlider img {object-fit: cover; height: 100%} .homeSliderText {position: absolute; width: 90%; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; text-shadow: 0px 3px 4px black;} .homeSliderTextSmall {position: absolute; width: 69%; bottom: 20px; left: 25px; font-size: 0.8rem; line-height: 1rem; text-shadow: 0px 3px 4px black;} .homeSliderText h2 {font-size: 3rem; line-height: 3rem;} .homeSliderText h3 {font-size: 1.5rem; line-height: 1.5rem;} .homeSliderCover {background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; z-index: 2;} .homeSliderContent {width: 100%; height: 100%; position: absolute; z-index: 3;} .homeSliderBallsHolder {position: absolute; bottom: 20px; color: #fff; line-height: 1rem; right: 20px; text-shadow: 0px 3px 4px black;} .homeSliderBalls, .homeBallsOn, .innerSliderBalls {border-radius: 50%; width: 20px; height: 20px; border: 1px solid #fff; margin-left: 10px; display: inline-block} .homeSliderBalls:hover, .innerSliderBalls:hover {cursor: pointer;} .homeBallsOn {background: url("../images/AFC-dot.png"); background-size: cover; border: none; width: 20px; height: 20px;} #gallerySliderHolder {position: relative;} #gallerySlider {width: 1320px; overflow: hidden; margin: 0 auto; max-width: 100%;} #galleryMatch #gallerySlider {max-height: 400px;} .gallerySliderCover {background: rgba(0,0,0,0.5); width: 100%; bottom: 0; padding: 20px; position: absolute; z-index: 2;} .gallerySliderTextLeft {width: 85%;} #galleryLeft {position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(180deg);} #galleryRight {position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .galleryImages {height: 400px; object-fit: cover; background: #fff; border-radius: 15px;} #galleryMatch .gallerySliderCover {border-radius: 0px 0px 15px 15px;} #galleryMatch #galleryLeft, #galleryMatch #galleryRight {top: auto; bottom: -70px;} .swiper {padding: 20px 5px 0px 5px; margin: 0px;} .swiperScroll {padding: 20px 5px 30px 5px; } .swiper-scrollbar-drag {background: #cc0000;} .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {height: 6px;} .swiper-scrollbar-drag:hover {cursor: grab} .swiper-scrollbar-drag:active {cursor: grabbing} .swiperInner {padding: 20px 0px; margin: 0px; overflow: hidden;} .matchCentreLeagueHolder, .resultsStadiumHolder, .redTVMilestonesHolder, .hofHolder, .squadHolder, .profileHolder, .collectionHolder {padding-left: 5px; padding-right: 5px;} #squadSlider {overflow-x: hidden; margin-top: 20px;} .gallerySwiper {width: 555px; /*height: 430px;*/ margin: 0; padding: 0;} .gallerySwiperWide {width: 100%; height: 500px; margin-bottom: 20px; background: #d7d7d7;} .gallerySwiper .swiper-slide img {width: 100%; height: 100%; min-height: 360px; object-fit: cover;} .gallerySwiperWide .swiper-slide img {width: 100%; height: 100%; object-fit: contain;} .imageCoverFull {object-fit: cover !important;} .gallerySwiper .swiper-pagination-bullet {opacity: 1;} .gallerySwiper .swiper-pagination-bullet-active {background: #cc0000;} .gallerySwiper .swiperCaption {position: absolute; bottom: 0; padding: 10px; background: rgba(0,0,0,0.5); width: 100%;} .gallerySwiper .swiperCaptionInner {width: 100%; color: #fff;} .gallerySwiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .gallerySwiper .swiper-pagination-fraction {left: auto; width: 100%; right: 0; top: 0; bottom: auto;} .gallerySwiper .swiper-pagination {text-align: right; padding-right: 10px;} /* LATEST NEWS */ .titleIcons {margin-top: 0px; font-size: 1.5rem; margin-right: 10px; margin-left: 8px;} .sliderBtns .carousel-control-next, .sliderBtns .carousel-control-prev {position: relative; float: left; width: 40px;} .newsHolder {min-height: 300px; margin: 10px;} /*.newsImage {height: 240px; background: #f1f1f1;}*/ .newsContent {padding: 25px;} .newsTeaser {min-height: 145px; font-size: 1rem;} .newsBottom .float-end {opacity: 0.25;} .tempImage {width: 100%; height: 240px; text-align: center; position: relative; } .tempImage img {max-height: 200px; padding-top: 20px; margin: 0 auto;} .latestNewsHolder {min-height: 300px; margin: 10px 0px;} .latestNewsImage {/*height: 240px;*/ background: #f1f1f1; position: relative;} .latestNewsTempImage {width: 100%; height: 150px; text-align: center; position: relative; overflow: hidden;} .latestNewsTempImage img {/*max-height: 200px; opacity: 0.3;*/ padding-top: 30px; margin: 0 auto;} .latestNewsContent {padding: 25px;} .latestNewsTeaser {min-height: 95px; font-size: 1rem; line-height: 1.4rem;} .latestNewsBottom .float-end {opacity: 0.25;} .defaultImage {position: relative; top: 50%; transform: translateY(-50%); padding-top: 0 !important;} #latestNewsSlider .slick-slide, #onThisDaySlider .slick-slide {margin: 0 10px;} #latestNewsSlider .slick-list, #onThisDaySlider .slide-list {margin: 0 -10px;} #newsGridYear {width: 90px} /* ON THIS DAY */ .onThisDay h5 {float: left !important; margin-top: 0} .onThisDayYear {position: absolute; bottom: 20px; left: 30px; font-size: 1.5rem;} .theImage {position: relative;} .theImage img {object-fit: cover; object-position: center; width: 100%; height: 305px;} .tempImageOnThisDay {height: 305px;} .tempImageOnThisDay img {max-height: 160px;} .onThisDayIcon {position: absolute; top: 15px; right: 20px; z-index: 2; opacity: 0.5} .onThisDayIcon svg, .onThisDayIcon img {width: 20px; height: 20px;} /* SOCIAL HISTORY */ #socialHistoryBg { background-size: cover; background-repeat: no-repeat; background-position: center; } .socialHistoryContentHolder {padding: 20px} .socialHistoryFrame, #load_born_died, #managerSlider, #holSlider, #profileSlider, #dbdSlider, #wtdSlider, #redTVSlider {overflow: hidden;} #otdDate {border-radius: 5px; padding: 5px; border: 1px solid #fff;} #otdDateSearchBtn { background: rgb(204,0,0); background: linear-gradient(0deg, rgba(204,0,0,1) 65%, rgba(239,62,51,1) 100%); border-radius: 10px; padding: 6px 10px; color: #fff; } #otdDateSearchBtn:hover {cursor: pointer;} /* MATCH CENTRE */ .matchCentre {margin-top: 30px; /*margin-bottom: 30px;*/} .matchCentre img {max-width: 50%; margin-bottom: 20px; max-height: 69px;} .hideOnMatch {display: block} .showOnMatch {display: none} .matchCentreLeagueHolderInner .hideOnMatch {display: none} .matchCentreLeagueHolderInner .showOnMatch {display: block} /*.table tr {border-bottom:1px solid #e2e2e2 }*/ .matchHeader td {padding: 1rem 0.5rem !important;} .table>:not(caption)>*>* {padding: 0.8rem 0.5rem 0.8rem 0.5rem;} #appearanceTable .table>:not(caption)>*>* {padding: 0rem 0.5rem 0.8rem 0.5rem; vertical-align: top;} .compactTable>:not(caption)>*>* {padding: 0.4rem 0rem;} .compactTable {width: 100%;} .compactTable tr {border-bottom: 1px solid #e2e2e2;} .noBorder {border-bottom: none !important;} .h2hText {width: 100px; text-align: center; padding-top: 6px;} .leagueTeamsText {padding-left: 5px; max-width: 78%;} .leagueTeams img {width: 34px; margin-top: 0px; max-height: 34px; margin-right: 5px;} .leagueHolder .dropdown-menu {height: auto; max-height: 220px; overflow-x: hidden;} .leagueHolder .dropdown-menu[data-bs-popper] {margin-top: 3px;} .leagueHolder .whiteBorderBottom {border-bottom: none !important;} .leagueHolder .btn-secondary:active, .leagueHolder .btn-secondary:hover {border: 1px solid #f1f1f1; color: #434343;} .leagueHolder .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .leagueHolder .dropdown-menu li {background: #f1f1f1; box-shadow: none;} .leagueHolder .btn-check:focus+.btn-secondary, .leagueHolder .btn-secondary:focus { color: #434343; background: rgb(241,241,241); background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%); -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); border-color: #fff; } .swipeOnMobile {margin-bottom: 20px; margin-top: 20px;} .swipeOnMobile img {width: 35px;} /* BORN / DIED TODAY */ .managerInfo {overflow: hidden;} /*.holInfo {padding: 0; margin-bottom: 20px;}*/ .iconPush {font-size: 1.5rem; } .thePlayer {margin-top: 20px; } .holSlides .row, .holSlides .row img {padding: 0;} .holSlides .row img, .slySliders .row img {height: 320px;} .slySliders .row .arrows img {max-height: 34px;} .imageFitCover {object-fit: cover; object-position: top;} .imageFitContain {object-fit: cover; object-position: center;} .imageFitCover, .imageFitContain {width: 100%; border-radius: 15px; margin: 0 auto; /*border: 1px solid #D7D7D7;*/ background: #fff; height: 420px;} .imageFitFull {width: 100% !important} /* SQUAD */ .squadHolder .dropdown-menu {height: auto; max-height: 220px; overflow-x: hidden;} .squadHolder .dropdown-menu[data-bs-popper] {margin-top: 3px;} .squadHolder .whiteBorderBottom {border-bottom: none !important;} .squadHolder .btn-secondary:active, .squadHolder .btn-secondary:hover {border: 1px solid #f1f1f1; color: #434343;} .squadImage img {width: 100%; height: 200px; object-fit: cover; object-position: top; border-radius: 15px 15px 0px 0px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;} .squadInfo {padding: 30px 20px 20px 20px; text-align: center; min-height: 150px;} .squadInfoText {min-height: 20px;} .squadPos {font-size: 0.8rem;} .squadNo { border-radius: 10px; text-align: center; padding: 5px; position: absolute; right: 15px; top: 15px; width: 45px; height: 45px; line-height: 2rem; } /* PROFILE */ .panelImageIntro {min-height: 640px;} #profileSlider .text-center {text-align: left !important;} .profileHolder .dropdown-menu {height: auto; max-height: 220px; overflow-x: hidden;} .profileHolder .dropdown-menu[data-bs-popper] {margin-top: 3px;} .profileHolder .whiteBorderBottom {border-bottom: none !important;} .profileHolder .btn-secondary:active, .profileHolder .btn-secondary:hover {border: 1px solid #f1f1f1; color: #434343;} .dropdownSeasons {min-width: 7rem;} .dropdownSeasons li {width: 100px !important; margin: 0 !important;} .dbdControlsDesktop, .wtdControlsDesktop {display: none;} .collectionImages {height: 240px;} .collectionImage img {width: 100%; height: 280px; object-fit: cover; object-position: center; border-radius: 20px 20px 0px 0px;} .collectionInfo {padding: 20px; min-height: 175px;} .collectionInfoText {min-height: 70px;} .resultFinalScore {font-size: 2rem; line-height: 0.8rem; position: relative; top: 50%; transform: translateY(-50%);} .load_league, .resultsTop {font-size: 0.8rem;} .pittodrieImage {max-height: 370px; object-fit: cover; object-position: center;} #load_league_profile .float-start {float: right !important;} #load_league_profile .marginRight20 {margin-right: 0 !important;} .tvHolder .dropdown-menu {height: auto; max-height: 220px; overflow-x: hidden;} .tvHolder .dropdown-menu[data-bs-popper] {margin-top: 3px;} .tvHolder .whiteBorderBottom {border-bottom: none !important;} .tvHolder .btn-secondary:active, .tvHolder .btn-secondary:hover {border: 1px solid #f1f1f1; color: #434343;} .redTVImageHolder {position: relative; width: 100%; height: 250px;} .playButton {z-index: 2; position: absolute; background: rgba(0,0,0,0.5); width: 100%; height: 100%;} .playButton i {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 4rem;} .redTvImage {object-fit: cover; height: 100%; width: 100%; position: relative; z-index: 1;} /* MILESTONES */ #milestonesSlider {overflow: hidden;} #milestonesScroll {margin: 20px 0px;} .milestoneYear, .milestoneText {line-height: 1.4rem;} .milestoneImage img {max-width: 100%;} /* FOOTER */ .footerCircle { border-radius: 50%; width: 40px !important; height: 40px; line-height: 0; position: relative; letter-spacing: 0px; } .footerIcons {font-size: 1.2rem;} .footerLogo {width: 250px;} #footer {font-size: 0.8rem; line-height: 1.5rem;} #footer a {text-decoration: underline; transition: all .5s;} #footer a:hover {color: #fff; text-decoration: underline;} .nextMatchFooterLeftTeam {padding-top: 17px;} .nextMatchFooterLeft {padding-left: 50px; padding-top: 17px;} .nextMatchFooterRight {padding-left: 40px; padding-right: 40px; width: 100%; padding-top: 10px;} .NextMatchFooterLogo {border-radius: 50%; background: #fff; width: 40px; height: 40px; position: relative; margin-top: 10px; margin-bottom: 10px;} .NextMatchFooterLogo img {max-width: 30px; max-height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} #nextMatchFooter {background: url("../images/nextMatchFooterBg.png"); background-repeat: repeat-y; background-position: center; -webkit-box-shadow: 0px -5px 10px 1px rgba(0,0,0,0.15); box-shadow: 0px -5px 10px 1px rgba(0,0,0,0.15);} .footerNextMatch {width: calc(100% - 60px); padding-bottom: 10px;} .nextMatchAngle { position: absolute; top: -80px; bottom: 0; right: 0; left: -10px; width: 60px; height: 122px; transform: skewY(-55deg); background: #CC0000; z-index: 2; } /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; /*line-height: 0;*/ } .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{ display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide{float: right;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden {display: none;} .slider-nav .yearText {opacity: 0.5;} .is-active .yearText {opacity: 1} .milestoneYear:hover {cursor: pointer;} .yearDot {border-radius: 50%; width:18px; height: 18px; margin: 0 auto; margin-top:24px; margin-bottom: 10px; padding: 0; font-weight: 500; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); border: 1px solid #f1f1f1;} .milestoneBg {height: 100px; width: 100%; position: absolute; z-index: 1; top: 0; left: 0;} .redTVMilestonesSlider {height: 225px;} .yearDotOn {background: linear-gradient(0deg, rgba(204,0,0,1) 65%, rgba(239,62,51,1) 100%); border: 1px solid #ef3e33;} @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes timeline-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes timeline-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes timeline-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } .mobileMarginTop20 {margin-top: 20px;} .navbar-expand-lg .navbar-collapse {display: none!important; position: relative} /* INNER PAGES */ #slidePush {width: 100%; height: 80px;} @-webkit-keyframes borderBlink { from, to { border-color: transparent } 50% { border-color: red } } @keyframes borderBlink { from, to { border-color: transparent } 50% { border-color: red } } .borderBlink{ -webkit-animation: borderBlink 1s step-end infinite; animation: borderBlink 1s step-end infinite; } .profilePageLink {text-decoration: none !important} .playerImageHolder { position: relative; width: 315px; /*margin: 0 auto;*/ -webkit-animation: float 6s ease-in-out infinite; animation: float 6s ease-in-out infinite; } .playerImage { border: 15px solid #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); } .thePlayerImage { border: 3px solid #cc0000; height: 400px !important; background-size: cover; background-position: center; width: 283px; } .playerImageInner { border: 15px solid #fff; } #playerShirtHolder { position: absolute; bottom: 30px; left: 30px; } #playerShirtNo { position: absolute; z-index: 2; color: #fff; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0.7rem; } .playerShirtHolderPlayers { bottom: auto !important; left: auto !important; right: 10px; top: 10px; } #playerShirt { position: absolute; z-index: 1; } #playerPosition {position: absolute; right: 30px; bottom: 30px;} #playerLogo {position: absolute; top: 30px; right: 30px;} #playerLogo img {width: 50px;} #playerShirtImage {width: 35px;} @-webkit-keyframes float { 0% {transform: translatey(0px)} 50% {transform: translatey(-10px)} 100% {transform: translatey(0px)} } @keyframes float { 0% {transform: translatey(0px);} 50% {transform: translatey(-10px);} 100% {transform: translatey(0px);} } #innerSlider, #innerSliderSingle {margin-top: 81px; height: 330px; overflow: hidden; position: relative;} #innerSlider img, #innerSliderSingle img {object-fit: cover; height: 100%} .flip-card { background-color: transparent; width: 315px; height: 430px; perspective: 1000px; /* Remove this if you don't want the 3D effect */ } /* This container is needed to position the front and back side */ .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); } #frontLogo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100px; } .flippedCard { transform: rotateY(180deg); } /* Do an horizontal flip when you move the mouse over the flip box container */ /*.flip-card:hover .flip-card-inner { transform: rotateY(180deg); }*/ /* Position the front and back side */ .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; } /* Style the front side (fallback if image is missing) */ .flip-card-front { background: rgb(204,0,0); background: radial-gradient(circle, rgba(204,0,0,1) 50%, rgba(136,0,0,1) 100%); } /* Style the back side */ .flip-card-back { color: white; transform: rotateY(180deg); } .articleImage img {max-height: 500px; width: 100%; object-fit: contain; object-position: top;} .articleContent a, .articleContent a:hover, .articleContent a:visited {color: #cc0000} .smallText {font-size: 0.8rem; white-space: normal} .breadCrumbsArrow {display: inline-block; position: relative} .breadCrumbsArrow img { opacity: 0.4; width: 12px; height: 12px; margin: -3px 5px 0px 5px; } .matchReportText img {max-width: 100%;} .reportBtn, .reportBtn:hover, .reportBtn:focus, .reportBtn:visited {color: #a9a9a9 !important; display: inherit;} .newsImage { top: 50%; opacity: 1 !important; padding-top: 0 !important; width: 100%; position: relative; height: 100% !important; transform: translateY(-50%); object-fit: cover; object-position: center; } /* GRID PAGES */ .imageCover {position: absolute; width: 100%; height: 100%; z-index: 2; } .fullWidthImage {position: absolute; z-index: 1; top: 0; max-height: 100%; left: 50%; transform: translateX(-50%); width: 100%; object-fit: cover; object-position: center;} .fullWidthText {position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%,-50%);} #scrollMe { width: 200px; position: relative; left: 50%; transform: translateX(-50%); text-align: center; } .gridIntroImage {width: 100%;} .groundsBadge {mix-blend-mode: multiply; max-width: 100%; float: right;} .gridImageFitCover {object-fit: cover; object-position: top; width: 100%; /*border-radius: 15px 15px 0px 0px;*/} .gridImageFitContain {object-fit: cover; object-position: top} /* GALLERY */ /* BALL LOADER */ #ballLoader { display: none;} .ballLoader { margin: 0 auto; width: 40px; height: 120px; position: relative; } .ballLoader .shadow { position: absolute; width: 100%; height: 10px; background-color: grey; bottom: 0; border-radius: 100%; transform: scaleX(0.8); opacity: 0.6; animation: shadowScale 1s linear infinite; filter: blur(2px) } .gravity { width: 40px; height: 40px; animation: bounce 1.1s cubic-bezier(0.68, 0.35, 0.29, 0.54) infinite; } .ball { width: 40px; height: 40px; background-image: url("../images/Soccerball.svg"); background-size: cover; animation: roll 0.9s linear infinite; } @keyframes roll { 100% { transform: rotate(360deg); } } @keyframes bounce { 50% { transform: translateY(80px); } } @keyframes shadowScale { 50% { transform: scaleX(1); opacity: 0.8; } } /* MILESTONES */ #milestoneHolder {overflow: hidden; position: relative;} #milstoneLine { width: 100%; height: 2px; position: absolute; top: 33px; background: #e1e1e1; -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.10); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.10); } .showOniPad {display: inline} .gridSearch {width: 70%; margin-bottom: 20px;} .defaultImage {max-width: 220px;} .swipeOnMobile {display: none;} /* MEDIA QUERIES */ @media (max-width: 414px) { .mobileLayout .float-end {float:left !important;} .mobileMarginTop5 {margin-top: 5px;} .mobileMarginTop10 {margin-top: 10px;} .hideOnMobile {display: none !important;} .hideOnDesktop {display: block !important;} .mobileLayoutPadding .paddingRight40 {padding-right: 5px;} #nextMatchFooter {background: none;} .nextMatchAngle {background: none;} .nextMatchFooterTop {background: #cc0000;} .mobileTextSmall {font-size: 0.8rem;} .mobileTableWidth {width: 600px} .mobileTableFixed {table-layout: fixed;} .resultsStadiumHolder {margin-top: 10px;} #layoutSortable {width: 98%;} #loaderProfile .float-end, #load_league_dropdowns {float: left !important;} } @media (min-width: 820px) and (height: 1180px) { .portraitLayout .float-end {float:left !important; margin-top: 10px; } .portraitLayout .float-end:nth-child(1) {margin-right: 20px;} .portraitLayout .float-end:nth-child(2) {margin-right: 0px;} } @media (max-width: 1180px) { .mobileHorizScroll {overflow-x: auto; white-space: nowrap;} .mobileHorizScroll table {table-layout: auto !important;} } @media (min-width: 768px) { .playerImageHolder, .flip-card {width: 300px;} .thePlayerImage {width: 270px;} #playerShirtImage {width: 60px;} #playerShirtNo {font-size: 1rem;} .playerShirtHolderPlayers {right: 20px; top: 20px;} .onThisDay h5 {float: right !important; margin-top: 15px} h1 {font-size: 2.5rem; line-height: 2rem;} .latestNewsTempImage {height: 265px;} .compactTable {width: calc(100% - 20px);} .noMarginTop {margin-top: 0;} .btns {font-size: 0.8rem; padding: 12px 14px;} .arrows img {width: 20px;} .yearDot {margin-top:24px;} .nextMatchFooterLeft {padding-left: 20px; padding-top: 17px;} .nextMatchFooterRight {padding-left: 20px; padding-right: 20px;} #layoutHolder {width: calc(80% - 20px);} .layoutHeader .float-end {float: right !important} .gridSearch {width: auto; margin-top: 0px;} .statText {font-size: 1rem; line-height: 1.1rem;} .resultFinalScore {font-size: 3rem;} .statHolder {height: 235px; line-height: 1.2rem;} #innerSlider, #innerSliderSingle {height: 470px;} .dbdControlsDesktop, .wtdControlsDesktop {display: block;} /*.swiper {margin: 10px 35px;}*/ .swiperInner {padding: 20px 5px; margin: 10px 15px;} .tabletMarginLeft20 {margin-left: 20px !important;} .tabletMarginRight20 {margin-right: 20px !important;} .imageFitCover, .imageFitContain {width: calc(100% - 10px);} .marginTop30 {margin-top: 30px;} .paddingTop5 {padding-top: 5px;} .padding25 {padding: 25px;} .leagueTeamsText {margin-top: 5px;} .resultFinalScore {line-height: 3.65rem;} .paddingLeftRight40 {padding-left: 40px; padding-right: 40px;} .paddingLeftRight50 {padding-left: 50px; padding-right: 50px;} .marginLeftRight40 {margin-left: 30px; margin-right: 30px;} .marginLeftRight30 {margin-left: 30px; margin-right: 30px;} .marginLeftRight28 {margin-left: 28px; margin-right: 28px;} .titleIcons {font-size: 1.5rem; margin-right: 10px;} #homeSlider {overflow: hidden; height: 460px;} /*.homeSlider {height: 888px;}*/ .homeSliderText {width: 50%;} .homeSliderText h2 {font-size: 4rem; line-height: 4rem;} .homeSliderText h3 {font-size: 3rem; line-height: 3rem;} .homeSliderTextSmall {left: 20px;} .homeSliderBallsHolder {right: 20px;} #statsHolderOuter {padding: 0px 60px;} .statInfo {font-size: 4rem; line-height: 4rem;} .imageFitContain {object-fit: cover;} .holSlides .row img {height: 267px;} .redTVImageHolder {height: 350px;} .noPaddingDesktop {padding: 0;} .showOnMobile, .showOniPad {display: none} .shirtImage img {height: 122px;} .desktopPadding10 {padding-left: 20px !important;} .landscapePadding10 {padding-left: 20px !important;} .genImageHolder {height: 230px; } .paddingRight40 {padding-right: 5px} #load_league_dropdowns {float: right;} .greyBtnBgSelect {margin-top: 0;} .tableEuropeAppsGoals {width: 48%;} } @media (min-width: 820px) { .imageFitCover, .imageFitContain {height: 330px;} .hideOnIpad {display: none;} #playerShirtImage {width: 40px;} #playerShirtNo {font-size: 0.8rem;} .playerShirtHolderPlayers {right: 10px; top: 10px;} } @media (min-width: 1024px){ .mobileMarginBottom20 {margin-bottom: 20px;} #homeSlider {overflow: hidden; height: 560px;} .statText {line-height: 1.2rem; font-size: 0.7rem;} .padding25 {padding: 20px;} .paddingLeft40 {padding-left: 5px;} .paddingRight40 {padding-right: 5px;} .latestNewsTempImage {height: 235px;} .titleIcons {margin-left: 0;} #load_league_dropdowns {float: none;} .hofContent {min-height: 300px;} .iconPush {margin-top: 0;} h1, h2, h3, h4, h5, h6 {line-height: 1.1;} h3 {font-size: 1.4rem;} .genImageHolder {height: 360px; } .mobileMarginTop20 {margin-top: 0px;} .hideOnLandscape {display: none;} .ipadPush {margin-top: 20px;} .desktopPadding10 {padding-left: 0px !important;} .mobileLayout .float-end {margin-right: 0!important; /*margin-left: 20px;*/} .mobileLayout .float-end:nth-child(2) {margin-top: 5px;} #load_squad_league .float-end:nth-child(2) {margin-top: 0px;} .landscapeTop20 {margin-top: 20px;} .matchesLayout .matchesFullLeagueSelect {margin-right: 20px;} .matchesLayout .marginRight20:nth-child(1) {margin-right: 0px;} .desktopPaddingRight40 {padding-right: 40px;} .yearDot {margin-top:35px;} #layoutHolder {width: 640px;} .layouts {width: 570px;} .mobileMarginTop20 {margin-top: 0px;} .showOniPad {display: inline} } @media (min-width: 1180px) { .gridSearch input {padding: 4px 10px;} .mobileMarginBottom20 {margin-bottom: 0px;} .noMarginTop {margin-top: 20px;} .tabletMarginLeft20 {margin-left: 0px !important} .imageFitContain {object-position: top;} .col-xl-4 {width: 33.33333333%;} .col-xl-12 {width: 100%;} .yearDot {margin-top: 25px;} #loaderProfile, #loaderProfileReloaded {margin-top: 10px;} #loaderProfile .float-end, #loaderProfileReloaded .float-end {float: left !important} #homeSlider {height: 630px;} .playerImageHolder, .flip-card {width: 315px;} .thePlayerImage {width: 285px;} /*.btns {padding: 12px 25px;}*/ } @media (min-width: 1200px) { #closeLayout {top: -44px;} .showOniPad {display: none;} #mobileNav {display: none;} .hideOnDesktop {display: none !important;} .navbar-expand-lg .navbar-collapse {display: flex!important;} .dropdown-item {padding: 10px 15px;} #load_league_dropdowns {float: right} .paddingTopBottom80 {padding-top: 80px; padding-bottom: 80px;} .padding25, .socialHistoryContentHolder {padding: 25px;} .padding40 {padding: 40px;} .paddingBottom80 {padding-bottom: 80px;} .paddingTop80 {padding-top: 80px;} .paddingLeftRight50 { padding-left: 50px !important; padding-right: 50px !important; } .imageFitCover, .imageFitContain { height: 360px !important; width: 65% !important; margin: 0 auto; position: relative !important; transform: translateX(-50%) !important; left: 50% !important; } #loaderProfile .float-end, #loaderProfileReloaded .float-end {float: right !important} #loaderProfile, #loaderProfileReloaded {margin-top: 0;} #squadSlider .imageFitCover {width: 100% !important} #closeLayout {padding: 10px 17px 10px 16px;} .footerNextMatch {margin-top: 8px;} .latestNewsTempImage {height: 305px;} } @media (min-width: 1600px) { .playerShirtHolderPlayers {right: 15px; top: 15px;} body {font-size: 16px;} .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1520px; } .ipadPush, .landscapeTop20 {margin-top: 0;} .yearDot {margin-top: 24px;} #homeSlider {height: 700px;} .genImageHolder {height: 450px;} }