* {margin:0; padding:0;}

*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html {height:100%; overflow-y:auto; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust: 100%;	}



html, body, div, span, applet, object, iframe, 

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 

abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 

small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 

fieldset, form, label, legend, input, article, aside, embed, figure, figcaption, 

footer, header, hgroup, menu, nav {border:0; font-family:inherit; font-size:100%; font-weight:normal; margin:0; padding:0; outline:0; vertical-align:baseline;}



body {background:#ffffff; color:#000000; font-family:'brandon_grotesquelight', arial; font-weight:normal; font-size:18px; height:100%; line-height:1.42857em;} 



/* headers

-----------------------------------------------*/

h1, h2, h3, h4, h5, h6, p {display:block; font-weight:normal; font-style:normal; line-height:1.42857em; margin:0; padding:0}





/* links

-----------------------------------------------*/

a {color:#000000; cursor:pointer; margin:0; padding:0; font-size:100%; outline:0}

	a:hover {text-decoration:none}

	a:focus {outline:0; text-decoration:none}





/* general

-----------------------------------------------*/

.container {padding:0; width:960px; position:relative}



.btn {border:3px solid #ffffff; margin:0; padding:0; -webkit-border-radius:2px; border-radius:2px;}

.btn:hover {border:3px solid #e71c23}



.btns-list {display:block; margin:0; overflow:hidden; padding:0}

.btns-list li {float:left; list-style:none; margin:0; padding:0 0 25px 0}

.btns-list a {color:#ffffff; display:block; font-family:'brandon_grotesquebold'; font-size:23px; line-height:60px; overflow:hidden; text-align:center}

.btns-list a:hover {color:#ffffff; text-decoration:none}



.social-icons {display:table; margin:0; margin:0 auto; padding:0}

.social-icons ul {margin:0; padding:0}

.social-icons li {float:left; margin:0; overflow:hidden; padding:0 5px}

.social-icons a {background-size:41px 41px; display:block; font-size:1px; height:41px; line-height:1px; overflow:hidden; text-align:left !important; text-indent:-9999em; width:41px}

	.social-icons .twitter {background:url("../img/social/twitter.png") no-repeat 0 0}

	.social-icons .fb {background:url("../img/social/fb.png") no-repeat 0 0;}

	.social-icons .pinterest {background:url("../img/social/pinterest.png") no-repeat 0 0;}

	.social-icons .gplus {background:url("../img/social/gplus.png") no-repeat 0 0;}



.form-control, .form-control:focus {border:1px solid #cccccc; font-family:'brandon_grotesquemedium'; font-size:18px; height:50px; line-height:50px; padding:0 5px 0 20px; -webkit-box-shadow:0 0 0 0 #cfcfcf; box-shadow:0 0 0 0 #cfcfcf; -webkit-border-radius:3px; border-radius:3px;}



.row-fld-btn {background:#ffffff; border:1px solid #cccccc; clear:both; display:block; margin:0; overflow:hidden; padding:10px; width:auto; -webkit-border-radius:3px; border-radius:3px;}	

.row-fld-btn .form-control {background:#ffffff; border:0; float:left; height:30px; line-height:30px; width:75%; padding-left:10px; -webkit-box-shadow:0 0 0 0 #2EFF1F; box-shadow:0 0 0 0 #2EFF1F; -webkit-border-radius:0; border-radius:0;}

.row-fld-btn .btn {background:#f0021e; border:1px solid #cccccc; color:#ffffff; float:right; font-family:'brandon_grotesquebold'; font-size:18px; height:30px; line-height:30px; margin:0; padding:0 6px; text-align:center; position:relative; text-transform:uppercase; -webkit-border-radius:0; border-radius:0}

.row-fld-btn .btn:hover {text-decoration:none}



::-webkit-input-placeholder {color:#bbbbbb !important;}

:-moz-placeholder {color:#bbbbbb !important; opacity: 1;}

::-moz-placeholder {color:#bbbbbb !important; opacity: 1;}

:-ms-input-placeholder {color:#bbbbbb !important;}

:placeholder-shown {color:#bbbbbb !important;}



#selectBox-dropdown {color:#000000}

.selectBox {background:#ffffff; border:1px solid #cccccc; color:#000000; font-family:'brandon_grotesquemedium'; font-size:16px; font-weight:normal; height:38px; margin:0 0 0 0; padding:0 0 0 10px; !important; -webkit-box-shadow:0 0 0 0 #cfcfcf; box-shadow:0 0 0 0 #cfcfcf;}

.selectBox-label {color:#000000; font-family:'brandon_grotesquemedium'; font-size:16px; font-weight:normal; line-height:38px; margin:0; padding:0; text-transform:uppercase}

.selectBox-arrow {border-left:1px solid #cccccc}



/* header

-----------------------------------------------*/



#header {background:#bfbfbf; clear:both; display:block; left:0; overflow:hidden; padding:8px 0; position:fixed; right:0; top:0; width:100%; z-index:9999}



	#header .logo {background:url("../img/logo.png") no-repeat 0 0; display:block; font-size:1px; height:45px; left:0; line-height:1px; position:absolute; overflow:hidden; text-indent:-9999em; top:0; width:58px}



	.menu-link {background:url("../img/menu-link.png") no-repeat 0 0; display:none; font-size:1px; height:41px; line-height:1px; overflow:hidden; position:absolute; right:0; text-indent:-9999em; top:0; width:50px}



	#nav {float:right; margin:0; padding:0; position:relative}

	#nav .menu {float:right; margin:0; padding:0; white-space:nowrap}

	#nav .menu li {float:left; font-size:16px; list-style:none; margin:0; padding:0 0 0 20px; position:relative}

	#nav .menu a {display:block; font-family:'brandon_grotesquemedium'; line-height:45px}

	#nav .menu a:hover {color:#e71c23; text-decoration:none}





#hero {background:#ffffff; border-bottom:2px solid #4c4b4b; clear:both; display:block; min-height:500px; overflow:hidden; padding:225px 0 0 0; position:relative; text-align:center; width:100%}



	#hero .banner {background:#000000; clear:both; display:block; left:0; overflow:hidden; padding:61px 0 0 0; right:0; position:absolute; top:0; width:100%; z-index:1}

	#hero .banner img {display:block; float:none; position:relative; z-index:1; max-width:1400px}



	#hero .logo {clear:both; display:block; margin:0 auto; overflow:hidden; position:relative; width:316px; z-index:99}



	#hero .intro {clear:both; display:block; overflow:hidden; padding:30px 0 0 0; position:relative; width:316px; z-index:99}



	#hero h1 {color:#ffffff; font-size:32px; margin:0; padding:0}

	#hero h2 {color:#ffffff; font-family:'brandon_grotesquebold'; font-size:65px; margin:0; padding:0}



	#hero .caption {background:url("../img/shadow5x5.png") repeat 0 0; display:block; bottom:0; left:0; overflow:hidden; padding:10px 0 0 0; position:absolute; right:0; width:100%; z-index:999}





	.sub-hero {background:#000000; display:block; height:400px; left:0; overflow:hidden; position:absolute; right:0; top:0; width:100%}





#main {clear:both; display:block; overflow:hidden; padding:0; position:relative; width:100%}



	.sub-panel {background:#e2e2e2; padding:100px 0 120px 0 !important}



	#main .row {margin:0; padding:0}



	#main h1 {color:#020202; font-family:'brandon_grotesquebold'; font-size:48px; margin:0; padding:0; text-align:center} 

	#main h2 {color:#777777; font-size:22px; margin:0; padding:0 0 50px 0; text-align:center}

	#main h3 {color:#222222; font-family:'brandon_grotesquemedium'; font-size:36px; line-height:36px; margin:0; padding:0 0 50px 0; text-align:center; text-transform:uppercase}



	#main .content {clear:both; display:block; overflow:hidden; padding:0 46px 85px 46px; text-align:left;}

	#main .content p {color:#777777; font-family:'brandon_grotesquemedium'; font-size:18px; line-height:24px; margin:0; padding:0}





	.btn-download {background:#f00505; clear:both; color:#fdfbfb; display:block; font-family:'brandon_grotesquemedium'; font-size:22px; line-height:28px; margin:0 auto; overflow:hidden; padding:6px 0; text-align:center; width:400px}

	.btn-download:hover {background:#911523; color:#fdfbfb; text-decoration:none}



	#main .list-album {clear:both; display:block; margin:0 auto; overflow:hidden; padding:0 0 45px 0; width:867px}

	#main .list-album li {float:left; list-style:none; margin:0; padding:0 5px 10px 5px; width:289px}

	#main .list-album img {float:left; width:100%}

	#main .list-album .pic {clear:both; display:block; overflow:hidden; padding:0 0 10px 0; width:100%}

	#main .list-album h4 {color:#222222; font-family:'brandon_grotesquemedium'; font-size:21px; line-height:28px; margin:0; padding:0 0 7px 0}

	#main .list-album h5 {color:#777777; font-family:'brandon_grotesquelight'; font-size:18px; line-height:24px; margin:0; padding:0}



	#main .gallery {background:#ffffff; clear:both; display:block; overflow:hidden; padding:85px 0; text-align:center; width:100%}



	#main .podium {background:#f1f0f0; clear:both; display:block; overflow:hidden; padding:85px 0; text-align:center; width:100%}



	#main .podium p {font-family:'brandon_grotesquelight'; }



	#main .media {background:#f1f0f0; clear:both; display:block; overflow:hidden; padding:85px 0 215px 0; text-align:center; width:100%}



	#main .media iframe {margin:0 !important; padding:0 !important}



	#main .media .video {clear:both; display:block; margin:0 auto; overflow:hidden; position:relative; width:850px}

	#main .media .play-link {border:2px solid #414141; clear:both; display:block; height:475px !important; overflow:hidden; position:relative; text-decoration:none; -webkit-border-radius:1px; border-radius:1px;}

	#main .media .play-link:hover {border:2px solid #e71c23;}

	#main .media .video img {float:left; width:100%; z-index:1}

	#main .media .play {background:url("../img/icon-play.png") no-repeat 0 0; display:block; font-size:1px; height:80px; left:50%; line-height:1px; margin:-40px 0 0 -55px; overflow:hidden; position:absolute; text-indent:-9999em; top:50%; width:109px}

	#main .media h4 {color:#040404; font-family:'brandon_grotesquebold'; font-size:60px; line-height:60px; padding:100px 0 0 0}

	

	

	

	#main .nextyear {background:#cac8c8; float:left; padding:80px 0 100px 0; position:relative; text-align:center; width:100%; z-index:99}

	#main .nextyear h3 {color:#040404; font-family:'brandon_grotesquebold'; font-size:60px; line-height:60px; padding:0 0 25px 0}

	#main .nextyear h4 {color:#222222; font-family:'brandon_grotesquemedium'; font-size:38px; line-height:48px; margin:0; padding:0 0 25px 0}

	#main .nextyear h5 {color:#030303; font-family:'brandon_grotesquemedium'; font-size:22px; line-height:32px; margin:0; padding:0}

	

	.carpic {display:block; left:50%; margin-left:-375px; position:absolute; top:-265px; width:750px; z-index:99}

	.carpic img {float:left; width:100%}

	

	

	#main .theteams {background:#ffffff; clear:both; display:block; overflow:hidden; padding:85px 0; width:100%}

	#main .theteams .row {margin:0 20px}

	#main .theteams h4 {color:#f00505; font-family:'brandon_grotesquemedium'; font-size:22px; line-height:28px; margin:0; padding:0}

	#main .theteams h5 {color:#222222; font-family:'brandon_grotesquemedium'; font-size:22px; line-height:28px; margin:0; padding:0 0 10px 0}

	

	#main .theteams .list {clear:both; display:block; margin:0 auto; overflow:hidden; padding:0 0 15px 0; width:100%}

	#main .theteams .list li {clear:both; color:#777777; display:block; font-family:'brandon_grotesquelight'; font-size:17px; line-height:19px; list-style:none; margin:0; padding:0}

	

	#main .theteams .column {padding:0 25px}

	

	

	

	

	

	

	

	



	#main .season-list {clear:both; display:block; margin:0; overflow:hidden; padding:15px 0 80px 0}

	#main .season-list li {border-bottom:1px solid #f90505; clear:both; display:block; font-family:'brandon_grotesquemedium'; font-size:14px; list-style:none; margin:0; overflow:hidden; padding:0}

	#main .season-list span {color:#222222; clear:both; display:block; font-family:'brandon_grotesquemedium'; font-size:14px; line-height:18px; overflow:hidden; padding:0 7px}

	#main .season-list .gap {border-bottom:1px solid #fac904; line-height:36px; padding:6px 0}



	#main .link {clear:both; color:#222222; display:block; font-size:14px; line-height:18px; overflow:hidden; padding:6px 0; text-decoration:none}

	#main .link:hover, #main .season-list .selected {background:#e71c23; color:#ffffff; text-decoration:none}

	#main .selected .link, #main .selected span, #main .season-list li:hover span, #main .link:hover span {color:#ffffff;}



	.prizes .season-list .yellow {background:#fac904; border-bottom:1px solid #fac904; padding:6px 0}



	.prizes h5 {color:#aaaaaa; font-size:14px; padding:0 15px}



	

	#main .reg-panel {clear:both; display:block; overflow:hidden; padding:45px 0 0 0}

	#main .reg-panel h4 {color:#000000; font-size:17px; font-family:'brandon_grotesquemedium'; margin:0; padding:5px 0 10px 0; text-align:center}

	#main .reg-panel .row {margin:0 -15px; padding:0 0 20px 0}

	#main .reg-panel .row-inner {clear:both; display:block; overflow:hidden; padding:0 0 20px 0}

	#main .reg-panel .first-row {padding-bottom:50px}

	#main .reg-panel .no-bottom-margin {padding:0}

	



	#main .row-action {border-top:2px solid #b5b5b5; clear:both; display:block; margin-top:30px; overflow:hidden; padding-top:50px; width:100%}

	#main .row-action .btn { background:none; border:2px solid #000000; color:#030303; display:block; font-family:'brandon_grotesquebold'; font-size:23px; height:60px; line-height:60px; margin:0 auto; width:235px}



	#main .no-top-border {border:0; margin:0; padding-top:20px}



	#main .q-panel {border-bottom:2px solid #b5b5b5; clear:both; display:block; margin-bottom:35px; overflow:hidden; padding-bottom:35px}

	#main .q-panel .content {padding-bottom:30px}

	#main .q-panel .row {margin:0 -15px; padding:0}

	#main .q-panel p {font-family:'brandon_grotesquemedium'; padding:0}



	.check-tick {clear:both; display:block; height:26px; margin:0 auto; margin-bottom:10px; overflow:hidden; padding:0; width:26px}

	.check-tick .jqTransformCheckboxWrapper {margin:0; padding:0}

	.check-tick .jqTransformCheckboxWrapper .jqTransformCheckbox {background: url("../img/checkbox26x26.png") no-repeat 0 0; display:block; height:26px; width:26px; vertical-align: middle;}

	.check-tick .jqTransformCheckboxWrapper .jqTransformChecked {background: url("../img/checkbox26x26.png") no-repeat 0 -26px}	





	#main .score-board {clear:both; display:block; overflow:hidden; padding:10px 0 0 0; width:100%}

	#main .score-board h1 {color:#ffffff; line-height:48px}

	#main .score-board h2 {color:#939191; line-height:28px; padding-bottom:35px}

	#main .score-board h4 {color:#020202; font-size:20px; padding:25px 15px 10px 15px}

	#main .score-board .season-list {padding-bottom:0}



	.score-board .btns-list {margin:0; margin:0 auto; padding:0 0 45px 0; width:505px}

	.score-board .btns-list li {padding:0; width:47%}



	.result-box {background:#ffffff; border:1px solid #b3b3b3; clear:both; display:block; overflow:hidden; padding:20px 15px 15px 15px}

	#main .result-box h3 {font-size:36px; padding:0 0 30px 0; text-align:center}



	.result-table {border:0; border-collapse:collapse; margin:0; padding:0; table-layout: fixed; width:100%}

	.result-table tr {margin:0; padding:0}

	.result-table th {color:#7a7878; font-family:'brandon_grotesquebold'; font-size:18px; line-height:33px; margin:0; padding:0 12px 5px 12px; text-align:left}

	.result-table td {font-family:'brandon_grotesquemedium'; font-size:18px; line-height:33px; margin:0; padding:0 12px}

	.result-table td strong {font-family:'brandon_grotesquebold'; font-weight:normal}



		.result-table .blue .dark, .result-table .blue .dark td {background:#e5ecf5}

		.result-table .blue td {color:#0443a0}



		.result-table .red .dark, .result-table .red .dark td {background:#fdf2f3}

		.result-table .red td {color:#f40219}



		.result-table .green .dark, .result-table .green .dark td {background:#effaed}

		.result-table .green td {color:#1d9804}



		.result-table .yellow .dark, .result-table .yellow .dark td {background:#fff7ed}

		.result-table .yellow td {color:#fa8f05}



	#main .btns-action {margin:0 auto; width:500px}



	

#footer {background:#000000; clear:both; display:block; overflow:hidden; padding:20px 0; width:100%}



	.footer-nav {float:right; margin:0; padding:0 15px 0 0}

	.footer-nav ul {float:right; margin:0; padding:0; white-space:nowrap}

	.footer-nav li {float:left; list-style:none; margin:0; padding:0 0 0 15px}

	.footer-nav a {display:block;}



	#footer h6 {float:left; padding-left:15px}

	#footer h6, .footer-nav a {color:#ffffff; font-family:'brandon_grotesquemedium'; line-height:40px; margin:0}



	#footer .social-icons {left:50%; margin:0 0 0 -25px; padding:0; position:absolute; top:0}



















@media screen and (min-width:960px) and (max-width:1160px) {





}



@media screen and (min-width:0px) and (max-width:959px) {



.container {padding:0 15px; position:relative; width:auto} 



#header {padding-bottom:0}



	#header .logo {left:15px; z-index:8888}



#nav {clear:both; display:block; float:none; padding:51px 0 0 0; position:relative; z-index:1}



	#nav .menu-link {display:block}



	#nav .menu {clear:both; display:none; float:none; overflow:hidden;}

	#nav .menu li {border-top:1px solid #e6e5e5; clear:both; display:block; float:none; overflow:hidden; padding:0 9px; text-align:right}



}







@media screen and (min-width:768px) and (max-width:959px) {



.device-hide {display:none !important}



#main {}



	#main h1, #main h3 {font-size:36px !important}



	#main .team-work .col-md-6 {float:left; padding:0 15px; width:50%}



	#main .rules .col-md-5 {float:left; width:48%}

	#main .rules .item {padding-bottom:25px}



	#main .prizes .col-md-6 {float:left; width:48%}

	#main .prizes .list {padding-bottom:25px}

	#main .prizes .season-list {padding:0}

	#main .prizes h5 {padding:25px 15px 0 15px}

	

	#main .team .col-md-4 {float:left; width:33%}

	#main .team img {float:left; width:100%}



	#main .login {padding:75px 0 50px 0}

	#main .login .col-md-6 {float:left; width:48%}

	#main .login h3 { background-position:0 0; padding-bottom:15px}

		

	#main .scores {padding:75px 0 50px 0}

	#main .scores .col-md-6 {float:left; width:48%}

	#main .scores h3 { background-position:0 0; padding-bottom:15px}



	#main .reg-panel .row {padding-bottom:0}



	#main .q-panel .col-md-4 {padding-bottom:15px}



	#main .score-board h4 {padding:25px 0}

	.score-board .col-md-4 {padding:0}

	#main .score-board .season-list {padding:0}



	#main .list-album {margin:0; width:100%}

	#main .list-album li {width:33%}



	#main .podium .list-album {margin:0 auto; width:279px} 

	#main .podium .list-album li {display:block; clear:both; float:none; overflow:hidden; padding:0 0 15px 0; width:100%}



	#main .media .video {width:100% !important}

	#main .media iframe {width:100% !important; height:350px !important}

	#main .media .play-link {height:350px !important}

	

}





@media screen and (min-width:0px) and (max-width:767px) {



.device-hide {display:none !important}



#hero {}



	#hero .logo img {width:65%}



	#hero h1 {font-size:22px; padding:25px 0 0 0}

	#hero h2 {font-size:36px; padding-bottom:25px}





#main {}



	.sub-panel {padding:70px 0 !important}



	#main h1, #main h3 {font-size:36px !important}

	#main h2 {font-size:18px}



	#main .content {padding:0}



	#main .team-work {padding:75px 0 25px 0}

	#main .team-work .col-md-6 {clear:both; overflow:hidden; padding:0 15px 25px 15px}

	#main .team-work p {padding-bottom:25px}



	#main .rules {padding:75px 0 50px 0}

	#main .rules .col-md-5 {width:auto}

	#main .rules .item {padding-bottom:25px}



	#main .prizes {padding:75px 0 50px 0}

	#main .prizes .list {padding-bottom:25px}

	#main .prizes .season-list {padding:0}

	#main .prizes h5 {padding:25px 15px 0 15px}

	#main .prizes .col-md-6 {clear:both; overflow:hidden; padding-bottom:25px}



	#main .team {background:#000000; min-height:1px; padding:75px 0 50px 0}

	#main .team h4 {padding:0 0 25px 0}

	#main .team h6 {padding:25px 15px 0 15px}

	#main .team .col-md-4 {clear:both; overflow:hidden; padding-bottom:25px}



	#main .login {padding:75px 0 50px 0}

	#main .login h3 { background-position:0 0; padding-bottom:15px}

	#main .login h4 {padding:0 0 25px 0}

		

	#main .scores {padding:75px 0 50px 0}

	#main .scores h3 { background-position:0 0; padding-bottom:15px}

	#main .scores .btns-list {padding:25px 0 0 0}

	

	#main .reg-panel .row {padding-bottom:0}

	#main .reg-panel h4 {padding-top:0}

	

	#main .q-panel .col-md-4 {padding-bottom:15px}



	.score-board .btns-list {padding:0; width:100%}

	.score-board .btns-list li {clear:both; display:block; float:none !important; overflow:hidden; padding:0 0 15px 0; width:auto}



	#main .score-board h4 {padding:25px 0}

	

	.score-board .col-md-4 {padding:0}

	

	#main .score-board .season-list {padding:0}



	.result-table thead {display:none}

	.result-table th, .result-table td {font-size:14px; line-height:20px}



	.result-table td {display:block; clear:both; overflow:hidden; width:100%}



	#main .btns-action {margin:0; width:100%}

	#main .btns-action li {clear:both; display:block; float:none !important}







	#main .btn-download {padding:0 20px; width:auto}





	#main .theteams {padding:45px 0; width:auto}

	#main .theteams .content {padding:0 0 45px 0}



	#main .theteams .row {margin:0; padding:0}

	#main .theteams .column {padding:0}





	#main .list-album {margin:0; width:100%}

	#main .list-album li {width:145px}

	

	#main .podium {padding:45px 0}



	#main .podium .list-album {margin:0 auto; width:279px} 

	#main .podium .list-album li {display:block; clear:both; float:none; overflow:hidden; padding:0 0 15px 0; width:100%}



	#main .podium .content {padding:0 0 45px 0}



	#main .gallery {padding:45px 0}

	

	#main .media {padding:45px 0 100px 0}



	#main .media .video {width:100%}

	

	#main .media .video {width:100% !important}

	#main .media iframe {width:100% !important; height:250px !important}

	#main .media .play-link {height:250px !important}



	#main .media h4 {font-size:36px; line-height:36px; padding-top:45px}



	#main .nextyear {padding:45px 0}

	#main .nextyear h4 {font-size:28px; line-height:36px}



	.carpic {margin-left:-160px; width:320px; top:-125px}





#footer {}



	#footer .container {padding-top:55px}

	#footer h6, #footer .footer-nav, #footer .footer-nav ul {clear:both; display:block; float:none !important; overflow:hidden; padding:0; text-align:center}

	#footer .footer-nav ul li {clear:both; display:block; float:none; overflow:hidden; padding:0}



	#footer .social-icons {margin-left:-50px}



}