/* cyrillic */ @font-face { font-family: 'Russo One'; font-style: normal; font-weight: 400; src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v5/4ofjFbAC3dpxPypNpg86KxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Russo One'; font-style: normal; font-weight: 400; src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v5/BUtWDi-16QNsA8yggnRs5RJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Russo One'; font-style: normal; font-weight: 400; src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v5/RO6e96EC9m6OLO0tr7J3z1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @-ms-viewport{ width:device-width; user-zoom:fixed; zoom:50%; } @keyframes blinker { /*50% { opacity: 0; }*/ to { background-color: yellow; } } @keyframes rotateplane { 0% { -webkit-transform: perspective(120px);} /*24.9% {background-color: #00b16a;}*/ /*25.0% {background-color: #f22613;}*/ 50% { -webkit-transform: perspective(120px) rotateY(180deg);} /*74.9% { background-color: #f22613; }*/ /*75% { background-color: #aaabae; }*/ 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);} } .blinking{ animation: blinker 1s linear infinite; -webkit-animation: blinker 1s linear infinite; -moz-animation: blinker 1s linear infinite; } div{ box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; display:block; } html, body { padding: 0; margin: 0; } body{ height:100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overflow-x:hidden; background:#000; } .homeCss{ padding-right:10px; } .awayCss{ color:red!important; padding-left:10px; } .oddsCss{ padding-right: 5px; font-size: 14px; } #wrap{ display:table; } #cell{ display:table-cell; vertical-align:middle; } #floater{ float:left; height:50%; margin-bottom:-200px; width:1px; } #middle{ clear:both; height:400px; position:relative; } a{ text-decoration:none; cursor:pointer; text-align: center; } .indexAll{ width:100%; } ul,li{ padding:0; margin:0; list-style:none; } html{ -webkit-tap-highlight-color:rgba(0,0,0,0); -moz-tap-highlight-color:rgba(0,0,0,0); -ms-tap-highlight-color:rgba(0,0,0,0); height:100%; } body{ font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;width: 100%;margin: 0 auto;color: #fff; } .copyRight{ width: 100%; height: 25px; /*padding: 17px 0 20px;*/ text-align: center; display: block; /*margin: 0 auto;*/ float: left; color:#fff; font-size:12px; margin-top:10px; } #loginFooter .copyRight { width: 100%; height: 50px; /* padding: 50px 0 20px; */ text-align: center; display: block; margin: 0 auto; float: left; color: #00FFFF; font-size: 17px; font-weight: 700; } .old{ color:#00FFFF; } .copyRight p{ font-size:14px; font-family:AppleGothic; color:#fff; margin:0; } .copyRight a { font-size: 20px; /* font-family: AppleGothic; */ color: #000; padding: 0 6px; } table { width: 85%; text-align: center; padding: 8px; background: #00222a; margin: 60px auto; color: #000; font-weight: bold; line-height: 25px; border-radius: 10px; } td {border-radius: 10px; background: #ebf7ff; box-shadow: #000000 0px 0px 8px;} button {padding: 10px; margin: 12px; border-radius: 10px; background: #F00; font-size: 17px; font-weight: 700;} .logoCenter { display: block; margin-left: auto; margin-right: auto; } @keyframes spin { 0% { transform: translateX(-50%) translateZ(0px) rotate(0deg); } 100% { transform: translateX(-50%) translateZ(0px) rotate(360deg); } } @keyframes spin { 0% { transform: translateX(-50%) translateZ(0px) rotate(0deg); } 100% { transform: translateX(-50%) translateZ(0px) rotate(360deg); } } @keyframes spin { 0% { transform: translateX(-50%) translateZ(0px) rotate(0deg); } 100% { transform: translateX(-50%) translateZ(0px) rotate(360deg); } } .cssload-loader { width: 146px; height: 146px; line-height: 146px; margin: 49px auto; position: relative; box-sizing: border-box; text-align: center; z-index: 0; text-transform: uppercase; -o-text-transform: uppercase; -ms-text-transform: uppercase; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; } .cssload-loader:before, .cssload-loader:after { opacity: 0; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; content: "\0020"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 97px; border: 5px solid #F00; box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -o-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -ms-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -webkit-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -moz-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; } .cssload-loader:after { z-index: 1; animation: cssload-gogoloader 2.3s infinite 1.15s; -o-animation: cssload-gogoloader 2.3s infinite 1.15s; -ms-animation: cssload-gogoloader 2.3s infinite 1.15s; -webkit-animation: cssload-gogoloader 2.3s infinite 1.15s; -moz-animation: cssload-gogoloader 2.3s infinite 1.15s; } .cssload-loader:before { z-index: 2; animation: cssload-gogoloader 2.3s infinite; -o-animation: cssload-gogoloader 2.3s infinite; -ms-animation: cssload-gogoloader 2.3s infinite; -webkit-animation: cssload-gogoloader 2.3s infinite; -moz-animation: cssload-gogoloader 2.3s infinite; } .cssload-loader-download-android { width: 159px; height: 187px; line-height: 146px; /*margin: 49px auto;*/ position: relative; box-sizing: border-box; text-align: center; text-transform: uppercase; -o-text-transform: uppercase; -ms-text-transform: uppercase; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; background:url(../img/android.png) no-repeat; } .cssload-loader-download-android:before, .cssload-loader-download-android:after { opacity: 0; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; content: "\0020"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 97px; border: 5px solid #F00; box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -o-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -ms-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -webkit-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -moz-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; } .cssload-loader-download-android:after { z-index: -1; animation: cssload-gogoloader 2.3s infinite 1.15s; -o-animation: cssload-gogoloader 2.3s infinite 1.15s; -ms-animation: cssload-gogoloader 2.3s infinite 1.15s; -webkit-animation: cssload-gogoloader 2.3s infinite 1.15s; -moz-animation: cssload-gogoloader 2.3s infinite 1.15s; } .cssload-loader-download-android:before { z-index: -1; animation: cssload-gogoloader 2.3s infinite; -o-animation: cssload-gogoloader 2.3s infinite; -ms-animation: cssload-gogoloader 2.3s infinite; -webkit-animation: cssload-gogoloader 2.3s infinite; -moz-animation: cssload-gogoloader 2.3s infinite; } .cssload-loader-download-ios { width: 159px; height: 187px; line-height: 146px; /*margin: 49px auto;*/ position: relative; box-sizing: border-box; text-align: center; text-transform: uppercase; -o-text-transform: uppercase; -ms-text-transform: uppercase; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; background:url(../img/ios.png) no-repeat; margin-left:10px; } .cssload-loader-download-ios:before, .cssload-loader-download-ios:after { opacity: 0; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; content: "\0020"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 97px; border: 5px solid #F00; box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -o-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -ms-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -webkit-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; -moz-box-shadow: 0 0 49px #037d07, inset 0 0 49px #00ff08; } .cssload-loader-download-ios:after { z-index: -1; animation: cssload-gogoloader 2.3s infinite 1.15s; -o-animation: cssload-gogoloader 2.3s infinite 1.15s; -ms-animation: cssload-gogoloader 2.3s infinite 1.15s; -webkit-animation: cssload-gogoloader 2.3s infinite 1.15s; -moz-animation: cssload-gogoloader 2.3s infinite 1.15s; } .section_btn .btn.btn-default { background: #F00; border: 0 none; border-radius: 10px; box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.2); color: #000; font-size: 30px; font-weight: 600; /* line-height: 64px; */ margin: 40px 5px 0; padding: 8px 25px; text-shadow: 1px 1px 1px #fff; cursor: pointer; } .section_btn > span .btn.btn-default { background: #F00; } .cssload-loader-download-ios:before { z-index: -1; animation: cssload-gogoloader 2.3s infinite; -o-animation: cssload-gogoloader 2.3s infinite; -ms-animation: cssload-gogoloader 2.3s infinite; -webkit-animation: cssload-gogoloader 2.3s infinite; -moz-animation: cssload-gogoloader 2.3s infinite; } @keyframes cssload-gogoloader { 0% { transform: scale(0); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .myButton { background-color:#00FFFF; -moz-border-radius:42px; -webkit-border-radius:42px; border-radius:10px; border:0px solid #000000; display:inline-block; cursor:pointer; margin: 18px 5px 0; color:#FFF; font-family: 'Russo One', sans-serif; font-size:30px; font-weight:bold; padding:8px 25px; text-decoration:none; box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.2); } .myButton:hover { background-color:#4f4f4f; } .myButton:active { position:relative; top:1px; }