@charset "utf-8";
/* CSS Document */
body {background-color: #76a78a; margin: 0; padding: 0; color: #ffffff;font-family: Tw Cen MT Condensed, tahoma, sans-serif; }
@font-face {
    font-family:'Tw Cen MT Condensed';
    src: url('Tw Cen MT Condensed.eot');
	src: url('Tw Cen MT Condensed.eot?#iefix') format('embedded-opentype'),
		url('Tw Cen MT Condensed.woff2') format('woff2'),
		url('Tw Cen MT Condensed.woff') format('woff'),
		url('Tw Cen MT Condensed.ttf') format('truetype'),
		url('Tw Cen MT Condensed.otf') format('opentype'),
		url('Tw Cen MT Condensed.svg#Tw Cen MT Condensed') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F002;
}
@font-face {
    font-family:'Montserrat';
    src: url('Montserrat.eot');
	src: url('Montserrat.eot?#iefix') format('embedded-opentype'),
		url('Montserrat.woff2') format('woff2'),
		url('Montserrat.woff') format('woff'),
		url('Montserrat.ttf') format('truetype'),
		url('Montserrat.otf') format('opentype'),
		url('Montserrat.svg#Tw Cen MT Condensed') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F002;
}
#container {width: 100%; margin: 0 auto;}
h1 {text-align: center; font-size: 72px; font-weight: normal; margin:0; margin-bottom: -7px; padding-top: 10px;}
h2 {text-align: center; font-size: 36px; font-weight: normal; margin: 0;}
hr {width: 220px;border-top: 1px solid #ffffff;}

/*** Homepage Styles ***/
#bar {height: 18px; background-color: #ffffff; width: 100%; margin-top: 140px;}
.homepageRow {width:1100px; margin: auto; margin-top: -135px;}
.player h3  {text-align: center; font-size: 22px; font-weight: normal; margin: 0; text-transform: uppercase; color: #ffffff; text-decoration: none; height: 52px; display: flex; justify-content: flex-end; flex-direction: column;}
.player h3#cbl { font-size: 18px;}
.player h3#year { display: block; padding-top: 5px;}
.player h3#me { display: block; padding-top: 5px;font-size: 18px;}
.player:hover h3 {color: #ffcc00;}
.player {width: 100px; float: left;cursor: url('/i/ball-small.png'), auto;}
.player .hc {background: url('../i/hc.png') no-repeat; height: 240px; width: 78px; margin: auto; display: block;}
.player:hover .hc {background: url('../i/hc.png') no-repeat; background-position: -76px 0; height: 240px; width: 78px; margin: auto; display: block;}
.player .footballindex {background: url('../i/football-index.png') no-repeat; height: 240px; width: 78px; margin: auto; display: block;}
.player:hover .footballindex {background: url('../i/football-index.png') no-repeat; background-position: -76px 0; height: 240px; width: 78px; margin: auto; display: block;}
.player .bet {background: url('../i/666bet.png') no-repeat; height: 240px; width: 78px; margin: auto; display: block;}
.player:hover .bet {background: url('../i/666bet.png') no-repeat; background-position: -76px 0; height: 240px; width: 78px; margin: auto; display: block;}
.player .coral {background: url('../i/coral.png') no-repeat; height: 240px; width: 78px; margin: auto; display: block;}
.player:hover .coral {background: url('../i/coral.png') no-repeat; background-position: -76px 0; height: 240px; width: 78px; margin: auto; display: block;}
.player .pq {background: url('../i/proquest.png') no-repeat; height: 240px; width: 78px; margin: auto; display: block;}
.player:hover .pq {background: url('../i/proquest.png') no-repeat; background-position: -76px 0; height: 240px; width: 78px; margin: auto; display: block;}
.player .oc {background: url('../i/oddschecker.png') no-repeat; height: 240px; width: 78px; margin: auto; display: block;}
.player:hover .oc {background: url('../i/oddschecker.png') no-repeat; background-position: -76px 0; height: 240px; width: 78px; margin: auto; display: block;}
.player .euromoney {background: url('../i/euromoney.png') no-repeat; height: 240px; width: 78px; margin: auto; display: block;}
.player:hover .euromoney {background: url('../i/euromoney.png') no-repeat; background-position: -76px 0; height: 240px; width: 78px; margin: auto; display: block;}
.player .cbl {background: url('../i/cbl.png') no-repeat; height: 240px; width: 78px; margin: auto; display: block;}
.player:hover .cbl {background: url('../i/cbl.png') no-repeat; background-position: -76px 0; height: 240px; width: 78px; margin: auto; display: block;}
.player .awards {background: url('../i/awards.png') no-repeat; height: 240px; width: 78px; margin: auto; display: block;}
.player:hover .awards {background: url('../i/awards.png') no-repeat; background-position: -76px 0; height: 240px; width: 78px; margin: auto; display: block;}
.player .play {background: url('../i/playngo.png') no-repeat; height: 240px; width: 78px; margin: auto; display: block;}
.player:hover .play {background: url('../i/playngo.png') no-repeat; background-position: -76px 0; height: 240px; width: 78px; margin: auto; display: block;}
.player .monkey {background: url('../i/games-comp.png') no-repeat; height: 240px; width: 78px; margin: auto; display: block;}
.player:hover .monkey {background: url('../i/games-comp.png') no-repeat; background-position: -76px 0; height: 240px; width: 78px; margin: auto; display: block;}

/** Menu **/
.menuContainer {width: 100%; height: 66px; background-color: #40798C; margin-bottom: 28px; position: fixed;  top:0; z-index: 2;}	
.topMenu {width:940px; height: 65px; margin: auto;}
.ball {padding-top: 11px; border: 0; float: left;}
#title {text-transform: Uppercase; font-size: 36px; margin-left: 18px; float: left; margin-top: 4px;}
#title a {color: #ffffff; text-decoration: none;}
.hc-m {background: url('../i/hc-m.png') no-repeat; height: 65px; width: 47px; display: block; float: left; margin-left: 18px;background-position: 3px 0;}
.hc-m:hover {background: url('../i/hc-m.png') no-repeat; height: 65px; width: 47px; margin: auto; display: block; float: left;margin-left: 18px;background-position: -44px 0;}
.fi-m {background: url('../i/football-index-m.png') no-repeat; height: 65px; width: 47px; display: block; float: left; margin-left: 18px;background-position: 3px 0;}
.fi-m:hover {background: url('../i/football-index-m.png') no-repeat; height: 65px; width: 47px; margin: auto; display: block; float: left;margin-left: 18px;background-position: -44px 0;}
.bet-m {background: url('../i/666bet-m.png') no-repeat; height: 65px; width: 47px; display: block; float: left; margin-left: 18px;background-position: 3px 0;}
.bet-m:hover {background: url('../i/666bet-m.png') no-repeat; height: 65px; width: 47px; margin: auto; display: block; float: left;margin-left: 18px;background-position: -44px 0;}
.coral-m {background: url('../i/coral-m.png') no-repeat; height: 65px; width: 47px; display: block; float: left; margin-left: 18px;background-position: 3px 0;}
.coral-m:hover {background: url('../i/coral-m.png') no-repeat; height: 65px; width: 47px; margin: auto; display: block; float: left;margin-left: 18px;background-position: -44px 0;}
.pq-m {background: url('../i/proquest-m.png') no-repeat; height: 65px; width: 47px; display: block; float: left; margin-left: 18px;background-position: 3px 0;}
.pq-m:hover {background: url('../i/proquest-m.png') no-repeat; height: 65px; width: 47px; margin: auto; display: block; float: left;margin-left: 18px;background-position: -44px 0;}
.oc-m {background: url('../i/oddschecker-m.png') no-repeat; height: 65px; width: 47px; display: block; float: left; margin-left: 18px;background-position: 3px 0;}
.oc-m:hover {background: url('../i/oddschecker-m.png') no-repeat; height: 65px; width: 47px; margin: auto; display: block; float: left;margin-left: 18px;background-position: -44px 0;}
.euromoney-m {background: url('../i/euromoney-m.png') no-repeat; height: 65px; width: 47px; display: block; float: left; margin-left: 18px;background-position: 3px 0;}
.euromoney-m:hover {background: url('../i/euromoney-m.png') no-repeat; height: 65px; width: 47px; margin: auto; display: block; float: left;margin-left: 18px;background-position: -44px 0;}
.cbl-m {background: url('../i/cbl-m.png') no-repeat; height: 65px; width: 47px; display: block; float: left; margin-left: 18px;background-position: 3px 0;}
.cbl-m:hover {background: url('../i/cbl-m.png') no-repeat; height: 65px; width: 47px; margin: auto; display: block; float: left;margin-left: 18px;background-position: -44px 0;}
.awards-m {background: url('../i/awards-m.png') no-repeat; height: 65px; width: 47px; display: block; float: left; margin-left: 18px;background-position: 3px 0;}
.awards-m:hover {background: url('../i/awards-m.png') no-repeat; height: 65px; width: 47px; margin: auto; display: block; float: left;margin-left: 18px;background-position: -44px 0;}
.playngo-m {background: url('../i/png-m.png') no-repeat; height: 65px; width: 47px; display: block; float: left; margin-left: 18px;background-position: 3px 0;}
.playngo-m:hover {background: url('../i/png-m.png') no-repeat; height: 65px; width: 47px; margin: auto; display: block; float: left;margin-left: 18px;background-position: -44px 0;}
.tm-m {background: url('../i/games-comp-m.png') no-repeat; height: 65px; width: 47px; display: block; float: left; margin-left: 18px;background-position: 3px 0;}
.tm-m:hover {background: url('../i/games-comp-m.png') no-repeat; height: 65px; width: 47px; margin: auto; display: block; float: left;margin-left: 18px;background-position: -44px 0;}
/*** sponsors ***/
.bet-m, .cbl-m, .coral-m, .hc-m, .euromoney-m, .fi-m,.awards-m, .playngo-m, .tm-m {color: #ffffff; text-align: center; padding-top: 46px;text-transform: uppercase;}
.oc-m{color: #ffffff; text-align: center; padding-top: 46px;text-transform: uppercase;text-shadow: 2px 2px #000}
.pq-m {color: #ffffff; text-align: center; padding-top: 46px;text-transform: uppercase;text-shadow: 1px 1px #000;}

/*** Pages ***/ 
#bar2 {height: 18px; background-color: #ffffff; width: 100%; margin-top: 135px;}
h2.cbl {font-size: 24px;line-height: 20px;}
.contentContainer {width:940px; margin: auto; margin-top: -60px;}
.leftColumn {float: left; width: 624px;}
.rightColumn {float: left; width: 316px;}
#placeholder {width: 624px; height: 470px; background-color: #ffffff; float: left; margin-bottom: 20px;}
#placeholder img {padding: 10px 0px 0px 10px;}
#placeholder.hc-two {height: 892px;}
#placeholder.hc-three {height: 855px;}
#placeholder.fi-two {height: 398px;}
#placeholder.bet-three {height: 520px;}
#placeholder.bet-four {height: 360px;}
#placeholder.bet-four iframe {margin-left: 10px; margin-top: 10px;}
#placeholder.wh {height: 935px;}
#placeholder.wh-video {height: 490px;}
.whvid {margin-top:10px; margin-left:10px;}
#placeholder.png-video {height: 360px;}
#contentHolder {width: 316px; float: left;}
#contentHolder h2 {text-align: left; padding-left: 10px; text-transform: uppercase;}
#contentHolder h3 {text-align: left; padding-left: 10px; text-transform: uppercase; font-weight: normal; margin-bottom: 0;}
.contentImage {margin-top: -40px;}
#contentHolder p {text-align: left; padding-left: 10px; padding-top: 12px; font-weight: normal; font-size: 20px;}
#contentHolder p#about {padding-top: 0px; margin-top: 0;}
#contentHolder a {color: #FFEBD4; text-decoration: none;}
#contentHolder li {text-transform: Capitalize; font-size: 20px;}
#contentHolder ul.aboutme {margin: 0; padding-left: 10px;}
#contentHolder ul.aboutme li {text-transform: none;list-style-type: none;}
#clear { clear: both;}

/** Footer Styles **/
.footerContainer {width: 100%; height: 50px; background-color: #40798C; margin-top: 20px; bottom: 0;}
.footer {width:940px; height: 50px; margin: auto;}	
.footer h4 {font-size: 18px; font-weight: normal; padding: 17px 0 0px 30px; margin: 0;}
.footer h4 a {color: #ffffff; text-decoration: none;}

/*** MOBILE STYLES ***/
@media only screen and (max-device-width: 480px) {
#container {width: 100%; margin: 0 auto;}	
.player h3 {color: #ffffff;}
.footerContainer {position: fixed;}
}

/*** ANIMATION ***/
@-webkit-keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}

.flip-in-hor-bottom{-webkit-animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:flip-in-hor-bottom 1.0s cubic-bezier(.25,.46,.45,.94) both}


@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}
.tracking-in-expand{-webkit-animation:tracking-in-expand 1s cubic-bezier(.215,.61,.355,1.000) forwards;animation:tracking-in-expand 1s cubic-bezier(.215,.61,.355,1.000) forwards}

.shake-horizontal{-webkit-animation:shake-horizontal 2.5s cubic-bezier(.455,.03,.515,.955) both;animation:shake-horizontal 2.5s cubic-bezier(.455,.03,.515,.955) both}
@-webkit-keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}}@keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}}

.fade-in{-webkit-animation:fade-in 0.4s linear both;animation:fade-in 0.4s linear both}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}