/* CSS by mrks.ch */

/* Reset Styles
***********************/
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,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;}


/* start general styles */
html { overflow-y: scroll; }

body {
	background:#F4F4F4;
	background:url(../data/files/calvaquiz2022-bg.jpg);
	background-position:cover;
	background-size:100%;
	font-family:'ITC Century W01 Book', Times, serif;
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	height: auto;
	color:#000;
	}
	
p {font-size:18px; line-height:26px; color:#000; margin:20px 0;}
.smallfont {font-size:12px;}

h1 {font-family:'ITC Century W01 Bold', Times, serif; font-size:30px; margin:0; line-height:30px; padding:40px 0 10px; color:#000;}
h2 {font-family:'ITCCenturyW01-BoldItali', Times, serif; font-size:32px; margin:10px 0 0px 0; line-height:32px; padding:0 20px 15px; border-bottom:2px solid #000;}
h3 {font-family:'ITCCenturyW01-BoldItali', Times, serif; font-size:22px; margin:10px 0 0px 0; line-height:22px; padding:0 10px 12px; border-bottom:2px solid #000;}

.trans {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.trans:hover {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
/* end general styles */

/* start link styles */
a:link, a:visited {color:#000; font-style:normal; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}
/* end link styles */

.mobile {display:none !important;}

/* overlay boxes */
.overlaybg {position:fixed; top:0px; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,0.7); z-index:99;}
.overlaywrapper {position:absolute; background:#F4F4F4; color:#000; width:500px; left:50%; box-sizing:border-box; padding:40px 50px 30px; margin:60px 0 50px -250px; z-index:100;}
.overlayclose {position:absolute; right:50px; top:20px; width:20px;}
.overlayclose img {width:100%;}
.overlaylogo {width:120px; margin:0 auto 50px;}
.overlaylogo img {width:100%;}
.overlaywrapper a {color:#000; margin-top:20px; display:block; text-align:center;}
.overlaywrapper p {text-align:center; line-height:22px;}

.signupinfo {color:#F00;}

/* form styles */
fieldset {margin-top:0px; color:#000; border:0; padding:0; font-size:16px;}
fieldset label {color:#000; font-size:16px;}
fieldset input[type=text], fieldset input[type=password] {border:1px solid #000; margin:2px 0 10px; padding:4px; font-size:16px; color:#666; font-family:'ITC Century W01 Book', Times, serif; width:96%;}
.btn {width:200px; display:block; background:#000; border:1px solid #000; margin:30px auto 0; padding:5px 0; font-size:20px; font-family:'ITC Century W01 Book', Times, serif; color:#fff;}
.btn:hover {background:none; border:1px solid #000; color:#000; cursor:pointer;}
.response {color:#F00; font-size:16px; margin:10px 0 0; text-align:center;}

.btn2 {width:200px; display:block; background:#000; border:1px solid #000; margin:40px auto 40px; padding:5px 0; font-size:20px; font-family:'ITC Century W01 Book', Times, serif; color:#fff;}
.btn2:hover {background:none; border:1px solid #000; color:#000; cursor:pointer;}

.signupfeld{}
.signupfeldred{background:#FFE5EB; border:1px solid #F00;}

/* player header*/
.playerheader {background:#000; color:#FFF; padding:10px; position:fixed; z-index:99; width:100%; text-align:center;}


/* start sitebuild styles */
#topcontainer {margin:auto; z-index:3; position:relative; max-width:970px; padding:100px 10px 0px;}
#container {margin:auto; z-index:3; position:relative; max-width:970px; padding:0px 10px 0px;}

.linespacer {width:100%; border-bottom:2px solid #000; max-width:970px; margin:20px auto 0; padding:0 10px; box-sizing:border-box; position:relative; z-index:20;}

.contentwrapper {min-height:400px; margin:10px 0 0 0; padding:0 0px;}
.contentwrapper img {width:100%;}

.textlimiterwide {max-width:100%; text-align:center; margin:auto;}
.textlimiter {max-width:740px; text-align:center; margin:auto;}
.textlimitersmall {max-width:440px; text-align:center; margin:auto;}

.winningbox h3 {font-family:'SolidoCompressed', Arial, sans-serif; border-bottom:none; color:#000; font-size:28px; padding:40px 10px 0; margin:0 0 -10px 0;}
.winningbox p {line-height:28px;}

.partnerwrapper {padding:30px 0 0 0; margin:13px 0 0; border-top:1px solid #000;}
.partnerbox {float:left; margin:0 7px;}
.partnerbox:hover {opacity:0.6;}
.partnerbox img {height:57px; width:auto;}

.invitebox {max-width:500px; text-align:center; margin:50px auto 50px; font-family:'SolidoCompressed', Arial, sans-serif; font-size:32px;}
.invitebox a {text-decoration:none; color:#000; margin:0;}
.invitebox a:hover {text-decoration:underline;}

.invitelink {text-align:center; margin:40px auto 20px; font-family:'SolidoCompressed', Arial, sans-serif; font-size:24px;}
.invitelink2 {text-align:center; margin:5px auto 5px; font-family:'SolidoCompressed', Arial, sans-serif; font-size:24px;}

/* header */
#ballbg {position:absolute; width:900px; left:50%; top:20vh; transform:translate(-50%); opacity:0.5;} #ballbg img {width:100%;}

#header img {width:100%; position:relative;}
#logo {width:400px; margin:auto;}
#logoleft {position:absolute; left:-15px; top:200px; width:120px;}
#logoleft:hover {opacity:0.7;}
#logoright {position:absolute; right:-20px; top:200px; width:120px;}


.logoright2 {}
.logoright2:hover {transform:rotate(180deg);}

#signupmobile {position:relative; margin:20px auto 10px; width:95px;}
#signupstart {position:relative; margin:50px auto 10px; width:130px;}

#navigation {margin:80px 0 0; position:relative; z-index:99; width:100%;}
#navigation li {margin: 0 30px 0 0; display:block; color:#000; font-family:'SolidoCompressed', Arial, sans-serif; font-weight: bold; font-style: normal; font-size:40px; line-height:40px; float:left;}
#navigation li a{color:#000; text-decoration:none;}
#navigation li a:hover {color:#A58F3D; text-decoration:none; }
#navigation li a.active {color:#A58F3D; text-decoration:none; cursor:default;}

#subnavigation {position:absolute; z-index:99; text-align:right; right:10px; bottom:20px;}
#subnavigation li {margin:2px 0 2px; color:#000; display:block; font-family:'SolidoCompressed', Arial, sans-serif; font-weight: bold; font-style: normal; font-size:40px; line-height:40px;}
#subnavigation li a{color:#000; text-decoration:none;}
#subnavigation li a:hover {color:#A58F3D; text-decoration:none; }
#subnavigation li a.active {color:#A58F3D; text-decoration:none; cursor:default;}

#subnavigationmobile {margin:50px auto 40px; position:relative; z-index:99; width:231px;}
#subnavigationmobile li {margin: 0 10px 0; display:block; font-family:'SolidoCompressed', Arial, sans-serif; font-weight: 500; font-style: normal; font-size:26px; line-height:22px; float:left;}
#subnavigationmobile li a{color:#000; text-decoration:none;}
#subnavigationmobile li a:hover {color:#A58F3D; text-decoration:none; }
#subnavigationmobile li a.active {color:#A58F3D; text-decoration:none; cursor:default;}

.titleimg {max-width:600px; margin:100px auto 40px;}
.titleimg img {width:100%;}

.contentcoloumn {width:33.33%; float:left; text-align:justify; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:20px 20px;}
.contentcoloumn img {width:100%;}

.subscribetable {margin:10px 0 0 20px; font-family:'ITCCenturyW01-BoldItali', Times, serif; font-size:16px;}
.subscribetableleft {width:120px;}
.subscribetableright {width:250px;}
.createmessage {margin:20px 0 0 20px;}

.subscribetextbox {margin:20px 0 0 20px;}

.questionbox {margin:25px auto 30px; width:100%; text-align:center; color:#000;}
/*.over {color:#999;}
.over p {color:#999}
.overborder {border-bottom:1px solid #999 !important;}
*/
.questiontop {border-bottom:1px solid #000; font-family:'ITCCenturyW01-BoldItali', Times, serif; font-size:16px;}
.questionno {font-family:'HelveticaInseratW01-Rg', Arial, sans-serif; padding-right:10px;}
.questionmiddle {border-bottom:1px solid #000; font-family:'ITC Century W01 Bold', Times, serif; font-size:24px; padding:7px 0 0px 0; margin-bottom:5px;}
.questiongame {font-size:11px; padding:10px 10px 0 0;}
.questionbottom {}
.questiontext {padding:0 0 10px};
.questiontext p {font-family:'Helvetica W01 Cn', Arial, sans-serif; font-size:16px; padding:4px 0 0 0;}
.questionanswer {font-family:'HelveticaInseratW01-Rg', Arial, sans-serif; font-size:16px; padding:10px 5px; 0; margin:auto; display:inline;}
.questionanswerdrop {font-family:'HelveticaInseratW01-Rg', Arial, sans-serif; font-size:16px; padding:10px 5px; 0; margin:auto; display:inline;}
.questionnoanswer {font-family:'HelveticaInseratW01-Rg', Arial, sans-serif; font-size:16px; padding:10px 5px 0; margin:auto; display:inline;}
.questionpoints {font-family:'Helvetica W01 Cn', Arial, sans-serif; font-size:16px; width:80px; padding:10px 15px 0; margin:auto; display:inline;}
.pointnumber {font-family:'HelveticaInseratW01-Rg', Arial, sans-serif; font-size:16px;}
.questionbox p {margin:3px 0; padding:0;}
.questioncomment {padding:10px 0 20px 0; max-width:550px;}
.questioncomment p {font-style:italic;}
.questiondailywrapper {background:rgba(255,255,255,0.6); box-sizing:border-box; padding:1px 50px; margin:0 auto 30px; max-width:660px;}
.questionregularwrapper {background:rgba(255,255,255,0.6); box-sizing:border-box; padding:1px 50px; margin:0 auto 30px; max-width:660px;}
.noquestionwrapper {background:rgba(255,255,255,0.6); box-sizing:border-box; padding:30px 50px; margin:0 auto 30px; max-width:660px; text-align:center; color:#000;}
.noquestionwrapper p {font-size:16px; line-height:22px; max-width:400px; margin:auto;}

.questionanswerred {color:#F00 !important; margin:15px auto 10px;}
.questioncommentbox {font-family:'HelveticaInseratW01-Rg', Arial, sans-serif; margin:10px auto 0; max-width:500px; font-size:15px;}
.questioncommentbox p {font-family:'Helvetica W01 Cn', Arial, sans-serif; font-size:15px; line-height:19px; color:#F00; margin:0; padding:0;}

.questioncommentrank {padding:6px 0 10px 10px; max-width:550px;}
.questioncommentrank p {font-style:italic;}

.question-answer-clickbox {width:130px; padding:20px; background:#CCC; color:#FFF; cursor:pointer; display:inline-block; margin:10px 5px;}
.question-answer-clickbox:hover {background:#A58F3D;}
.clickbox-selected {background:#000 !important; font-weight:bold;}

/* Randomizer */
.randomizer {position:fixed; width:160px; background:rgba(255,255,255,0.6); right:70px; bottom:50px; padding:20px; text-align:center;}
.randomizer p {font-size:14px; line-height:18px; margin:10px 0 10px;}

/* Coach Perry*/
.coachperry {position:fixed; width:130px; right:40px; bottom:40px;} .coachperry img {width:100%;}
.coachperry:hover {transform:scale(1.06);}

/*Boss Rey*/
.bossrey {position:fixed; width:120px; left:40px; bottom:30px;} .bossrey img {width:100%;}
.bossrey:hover {transform:scale(1.06);}

.btnlink {width:150px; display:block; background:#000; border:1px solid #000; margin:30px auto 0; padding:7px 0; font-size:20px; font-family:'ITC Century W01 Book', Times, serif; color:#fff !important; text-decoration:none !important;}
.btnlink:hover {background:none; border:1px solid #000; color:#000 !important; cursor:pointer;}

.showwrapper {position:relative; min-height:200px;}
.showloader {
	position:absolute; top:0;
	width:100%; text-align:center;
    opacity: 1;
    animation: fadeOut 0.5s;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
}
.showloader img {height:200px;}
.showlater {
	position:relative;
    opacity: 0;
    animation: fadeIn 1s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
/* End Randomizer */

/*DASHBOARD */
.devbox {box-sizing:border-box; width:70%; margin:50px 0 50px; padding:20px; border:1px solid #000; line-height:22px;}

.dashboard-leftbox {width:660px; float:left; margin:0 30px 0 0; box-sizing:border-box;}
.dashboard-rightbox {width:280px; float:left;}
.dashboard-title {color:#000; font-family:'SolidoCompressed', Arial, sans-serif; font-size:28px; text-align:center; margin:50px 0 10px;}
.dashboard-news {background:rgba(255,255,255,0.6); box-sizing:border-box; padding:20px 30px; margin:0 auto 30px; color:#000;}

.dashboard-rang {background:rgba(255,255,255,0.6); float:left; box-sizing:border-box; width:130px; height:110px; padding:20px 30px; margin:0 20px 0px 0; color:#000; text-align:center;}
.dashboard-points {background:rgba(255,255,255,0.6); float:left; box-sizing:border-box; width:130px; height:110px; padding:20px 30px; margin:0 0 0px; color:#000; text-align:center;}
.dashboard-rang span, .dashboard-points span {display:block; font-family:'SolidoCompressed', Arial, sans-serif; font-size:48px; margin:10px 0 0;}

.dashboard-box {background:rgba(255,255,255,0.6); box-sizing:border-box; width:100%; padding:20px 30px; margin:0 0px 20px 0; color:#000; text-align:center;}
.dashboard-box span {display:inline-block; font-family:'SolidoCompressed', Arial, sans-serif; font-size:48px; margin:20px 0 5px; padding:0 3px 0}

h4 {font-family:'ITC Century W01 Bold', Times, serif; font-size:20px; color:#000;}
.dashboard-news p {font-size:14px; line-height:18px; margin:10px 0 10px;} 
.dashboard-news-spacer {width:100%; background:#000; height:1px;}
.dashboard-news-date {font-size:12px; padding:10px 0 5px;}

.rankingwrapper {margin:40px 0 20px; color:#000;}

.rankingboxtop {max-width:620px; padding:7px; margin:0 auto 10px; border-bottom:2px solid #000; color:#000; font-family:'HelveticaInseratW01-Rg', Arial, sans-serif;}
.rankingbox {max-width:620px; padding:7px; margin:auto; color:#000; font-family:'Helvetica W01 Cn', Arial, sans-serif;}
.rankingbox1{}
.rankingbox2{background:rgba(255,255,255,0.6);}

.ranking1 {display:inline-block; width:70px;}
.ranking2 {display:inline-block; width:480px;}
.ranking3 {display:inline-block;}

.rankingspacer {height:10px;}
.rankingtable {font-family:'ITC Century W01 Bold', Times, serif; font-size:16px; border-bottom:2px solid #000; margin-bottom:20px;}
.rankingtablebig {font-size:24px;} 
.rankingrank {width:80px;}
.rankingpoints {width:300px;}
.rankingmorelink {width:140px;}
.rankingdetail {width:100%; margin:20px 0 10px 0;}
.rankingdetail td {padding:10px 0;}
.rankingdetail p {margin:0; padding:0;}
.rankingquestiontop {font-family:'ITCCenturyW01-BoldItali', Times, serif; font-size:16px;}

.searchwrapper {margin:0 auto 50px; max-width:600px; text-align:center;}

#searchbox {font-size:15px; margin:0 0 10px 0;}
#searchinfo {font-size:15px; margin:0 0 20px 0; color:#900;}

.detailranking {border:2px solid #000; padding:10px; margin:20px 0 50px 0;}

.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top:0px; margin:0 0 20px 0; height:0; max-width:1090px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}	

#footer {border-top:1px solid #000; color:#000; margin:60px 7px 0px; padding:20px; text-align:center; font-size:14px;}

/* Form Styles */
input.search {
	border:1px solid #000;
	background-color:#FFF;
	max-width:300px;
	margin:4px 12px 0 5px; padding:3px 5px 1px;
	font-size:16px; color:#666; font-family:'ITC Century W01 Book', Times, serif;
}

input.searchButton {
	background:#000; border:1px solid #000; font-family:'ITC Century W01 Book', Times, serif; color:#fff;
	margin:4px 0; padding:2px 10px 0px;
	font-size:16px;
	cursor:pointer;
	}
	
input.searchButton:hover {background-color:#CCC;}


input.create {
	border:1px solid #CCC;
	background-color:#FFF;
	width:100%;
	margin:4px 0; padding:3px 5px 1px;
	font-size:16px;
	font-family:'ITC Century W01 Book', Times, serif;
}
input.createred {
	border:1px solid #CCC;
	background-color:#FFCAC7;
	width:100%;
	margin:4px 0; padding:3px 5px 1px;
	font-size:16px;
	font-family:'ITC Century W01 Book', Times, serif;
}

input.createButton {
	border:1px solid #CCC;
	background-color:#FFF;
	width:140px;
	margin:4px 0; padding:5px 5px 1px;
	font-size:16px;
	font-family:'ITCCenturyW01-BoldItali', Times, serif;
	cursor:pointer;
	}
	
input.createButton:hover {background-color:#CCC;}

input.subscribeButton {
	border:1px solid #CCC;
	background-color:#FFF;
	width:210px;
	margin:4px 0 4px 20px; padding:5px 5px 1px;
	font-size:16px;
	font-family:'ITCCenturyW01-BoldItali', Times, serif;
	cursor:pointer;
	}
	
input.subscribeButton:hover {background-color:#CCC;}

select.subscribesel {
	border:1px solid #CCC;
	background-color:#FFF;
	width:180px;
	color:#000;
	margin:0px; padding:3px 2px 2px;
	font-size:14px;
	font-family:'HelveticaInseratW01-Rg', Arial, sans-serif;
	}


/* Image Overlay */
.tintimg {display:block;}
.tint {
    position: relative;
    cursor: pointer;
    -webkit-shadow: rgba(0,0,0,.2) ;
    -moz-shadow: rgba(0,0,0,.2);
    box-shadow: rgba(0,0,0,.2) ;
  }
.tint:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
  }
.tint:hover:before {background: rgba(255,255,255, 0.5);}

/* Signature */
#mrks-signature {position:fixed; width:9px; height:39px; right:1px; bottom:3px; z-index:10;}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}


/* Media Queries
***********************/

@media screen and (max-width: 1040px) {
	.playerheader {background:#000; color:#FFF; padding:6px; position:fixed; z-index:99; width:100%; text-align:center;}
	#topcontainer {margin:auto; z-index:3; position:relative; max-width:970px; padding:50px 10px 0px;}
	#logo {width:300px;}
	
	#logoleft {left:15px; top:85px; width:110px;}
	#logoright {right:15px; top:80px; width:110px;}
	
	#navigation li {margin: 0 30px 0 0; display:block; color:#000; font-family:'SolidoCompressed', Arial, sans-serif; font-weight: bold; font-style: normal; font-size:36px; line-height:36px; float:left;}
	#subnavigation {position:absolute; z-index:99; text-align:right; right:10px; bottom:10px;}
	#subnavigation li {margin:2px 0 2px; color:#000; display:block; font-family:'SolidoCompressed', Arial, sans-serif; font-weight: bold; font-style: normal; font-size:36px; line-height:36px;}

	.linespacer {width:100%; border-bottom:2px solid #000; max-width:970px; margin:10px auto 0; padding:0 10px; box-sizing:border-box; position:relative; z-index:20;}

	#ballbg {position:absolute; width:70%; left:50%; top:20vh; transform:translate(-50%); opacity:0.5;} #ballbg img {width:100%;}

	.titleimg {max-width:450px; margin:80px auto 40px;}

	/* Coach Perry*/
	.coachperry {position:fixed; width:100px; right:20px; bottom:20px;} .coachperry img {width:100%;}
	/*Boss Rey*/
	.bossrey {position:fixed; width:90px; left:20px; bottom:17px;} .bossrey img {width:100%;}
	
	/*DASHBOARD */
	.dashboard-leftbox {width:600px; float:none; margin:0 auto 0;}
	.dashboard-rightbox {width:280px; float:none; margin:0 auto 0;}
	.dashboard-title {color:#000; font-family:'SolidoCompressed', Arial, sans-serif; font-size:28px; text-align:center; margin:50px 0 10px;}
	.dashboard-news {background:rgba(255,255,255,0.6); box-sizing:border-box; padding:20px 30px; margin:0 auto 30px; color:#000;}
	
	h4 {font-family:'ITC Century W01 Bold', Times, serif; font-size:20px; color:#000;}
	.dashboard-news p {font-size:14px; line-height:18px; margin:10px 0 10px;} 
	.dashboard-news-spacer {width:100%; background:#000; height:1px;}
	.dashboard-news-date {font-size:12px; padding:10px 0 5px;}

}

@media screen and (max-width: 800px) {
	#logo {width:250px;}
	
	#logoleft {left:15px; top:85px; width:100px;}
	#logoright {right:15px; top:80px; width:90px;}
	
	#navigation {margin:40px auto 0; position:relative; z-index:99; width:450px;}
	#navigation li {margin: 0 12px 0; display:block; font-family:'SolidoCompressed', Arial, sans-serif; font-size:24px; line-height:24px; float:left;}
	
	#subnavigation {position:absolute; z-index:99; text-align:right; right:10px; bottom:10px;}
	#subnavigation li {margin:2px 0 2px; color:#000; display:block; font-family:'SolidoCompressed', Arial, sans-serif; font-size:24px; line-height:24px;}
	
	p {font-size:17px; line-height:23px; color:#000; margin:20px 0;}
	.textlimiter {max-width:640px; text-align:center; margin:auto;}
	.textlimitersmall {max-width:440px; text-align:center; margin:auto;}
	
	.titleimg {max-width:350px; margin:80px auto 40px;}
	
	.winningbox p {line-height:26px;}
	
	.partnerbox {float:left; margin:0 6px;}
	.partnerbox img {height:45px; width:auto;}
	
	.question-answer-clickbox {width:80px; padding:15px 10px; background:#CCC; color:#FFF; cursor:pointer; display:inline-block; margin:5px 5px 15px;}
}

@media screen and (max-width: 690px) {
	.mobile {display:inherit !important;}
	.desktop {display:none !important;}
	
	h1 {font-size:22px; line-height:22px; padding:30px 0 0px;}
	p {font-size:16px; line-height:21px; color:#000; margin:20px 0;}
	
	/* player header*/
	.playerheader {background:#000; color:#FFF; padding:5px 10px; line-height:20px; position:relative; z-index:99; width:100%; box-sizing:border-box; text-align:center;}

	
	/* overlay boxes */
	.overlaybg {position:fixed; top:0px; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,0.7); z-index:99;}
	.overlaywrapper {position:absolute; color:#000; width:90%; left:50%; box-sizing:border-box; padding:20px 15px 20px; margin:20px 0 20px -45%; z-index:100;}
	.overlayclose {position:absolute; right:20px; top:0px; width:15px;}
	.overlayclose img {width:100%;}
	.overlaylogo {width:60px; margin:0 auto 20px;}
	.overlaylogo img {width:100%;}
	.overlaywrapper a {color:#000; margin-top:20px; display:block; text-align:center;}
	
	/* form styles */
	fieldset {margin-top:0px; color:#000; border:0; padding:0; font-size:15px;}
	fieldset label {color:#000; font-size:15px;}
	fieldset input[type=text], fieldset input[type=password] {border:1px solid #000; margin:2px 0 10px; padding:4px; font-size:15px; color:#666; font-family:'ITC Century W01 Book', Times, serif; width:96%;}
	.btn {width:150px; display:block; background:#000; border:1px solid #000; margin:30px auto 0; padding:5px 0; font-size:16px; font-family:'ITC Century W01 Book', Times, serif; color:#fff;}
	.btn:hover {background:none; border:1px solid #000; color:#000; cursor:pointer;}
	#response {color:#000; font-size:14px;}
	
	.btn2 {width:150px; display:block; background:#000; border:1px solid #000; margin:30px auto 30px; padding:4px 0; font-size:16px; font-family:'ITC Century W01 Book', Times, serif; color:#fff;}
	.btn2:hover {background:none; border:1px solid #000; color:#000; cursor:pointer;}
	
	#topcontainer {padding:40px 10px 0px;}
	#logo {max-width:200px; width:auto;}
	#logoleft {display:none;}
	#logoright {display:none;}
	
	#navigation {margin:0px auto 0; position:relative; z-index:99; width:100%; background:rgba(0,0,0,0.1); padding:10px 0; display:none;}
	#navigation li {margin:9px 0 9px; display:block; text-align:center; font-family:'SolidoCompressed', Arial, sans-serif; font-size:26px; line-height:26px; float:none;}
	
	#signupstart {position:relative; margin:40px auto 0px; width:90px;}
	
	.titleimg {max-width:250px; margin:20px auto 40px;}
	
	.winningbox p {line-height:23px;}
	
	.partnerbox {float:left; margin:10px 5px;}
	.partnerbox img {height:44px; width:auto;}
	
	/*DASHBOARD */
	.dashboard-leftbox {width:100%; float:none; margin:0 auto 0;}
	.dashboard-rightbox {width:100%; float:none; margin:0 auto 0;}
	.dashboard-title {color:#000; font-family:'SolidoCompressed', Arial, sans-serif; font-size:20px; text-align:center; margin:50px 0 10px;}
	.dashboard-news {background:rgba(255,255,255,0.6); box-sizing:border-box; padding:20px 30px; margin:0 auto 30px; color:#000;}
	
	h4 {font-family:'ITC Century W01 Bold', Times, serif; font-size:18px; color:#000;}
	.dashboard-news p {font-size:14px; line-height:18px; margin:10px 0 10px;} 
	.dashboard-news-spacer {width:100%; background:#000; height:1px;}
	.dashboard-news-date {font-size:12px; padding:10px 0 5px;}

	.dashboard-rang {background:rgba(255,255,255,0.6); float:left; box-sizing:border-box; width:130px; height:110px; padding:20px 30px; margin:0 0px 0px 30px; color:#000; text-align:center;}
	.dashboard-points {background:rgba(255,255,255,0.6); float:right; box-sizing:border-box; width:130px; height:110px; padding:20px 30px; margin:0 30px 0 0px; color:#000; text-align:center;}
	.dashboard-rang span, .dashboard-points span {display:block; font-family:'SolidoCompressed', Arial, sans-serif; font-size:32px; margin:10px 0 0;}

	.dashboard-box {background:rgba(255,255,255,0.6); box-sizing:border-box; width:250px; padding:12px 20px; margin:0 auto 10px; color:#000; text-align:center;}
	.dashboard-box span {display:inline-block; font-family:'SolidoCompressed', Arial, sans-serif; font-size:32px; margin:20px 0 5px; padding:0 3px 0}


	.noquestionwrapper {padding:30px 20px;}
	.noquestionwrapper p {font-size:14px; line-height:20px; max-width:400px; margin:auto;}
	
	/* Coach Perry*/
	.coachperry {position:fixed; width:65px; right:10px; bottom:10px;} .coachperry img {width:100%;}
	/*Boss Rey*/
	.bossrey {position:fixed; width:60px; left:10px; bottom:7px;} .bossrey img {width:100%;}
	
	
	.questionbox {margin:25px auto 30px; max-width:600px; text-align:center; color:#000;}
	.over {color:#999;}
	.over p {color:#999}
	.overborder {border-bottom:1px solid #999 !important;}
	.questiontop {border-bottom:1px solid #000; font-family:'ITCCenturyW01-BoldItali', Times, serif; font-size:14px;}
	.questionno {font-family:'HelveticaInseratW01-Rg', Arial, sans-serif; padding-right:10px;}
	.questionmiddle {border-bottom:1px solid #000; font-family:'ITC Century W01 Bold', Times, serif; font-size:18px; padding:7px 0 3px 0; margin-bottom:5px;}
	.questiongame {font-size:11px; padding:0px 0px 3px 0; display:block;}
	.questionbottom {}
	.questiontext p {font-family:'Helvetica W01 Cn', Arial, sans-serif; font-size:15px; line-height:18px; padding:3px 0 0 0;}
	.questionanswer {font-family:'HelveticaInseratW01-Rg', Arial, sans-serif; font-size:15px; padding:10px 5px; 0; margin:auto; display:inline;}
	.questionanswerdrop {font-family:'HelveticaInseratW01-Rg', Arial, sans-serif; font-size:15px; padding:10px 5px; 0; margin:auto; display:inline;}
	.questionnoanswer {font-family:'HelveticaInseratW01-Rg', Arial, sans-serif; font-size:15px; padding:10px 5px 0; margin:auto; display:inline;}
	.questionpoints {font-family:'Helvetica W01 Cn', Arial, sans-serif; font-size:15px; width:80px; padding:10px 15px 0; margin:auto; display:inline;}
	.pointnumber {font-family:'HelveticaInseratW01-Rg', Arial, sans-serif; font-size:15px;}
	.questionbox p {margin:3px 0; padding:0;}
	.questioncomment {padding:10px 0 20px 0; max-width:550px;}
	.questioncomment p {font-style:italic;}
	
	.rankingboxtop {max-width:620px; padding:7px; margin:0 auto 10px; border-bottom:2px solid #000; color:#000; font-family:'HelveticaInseratW01-Rg', Arial, sans-serif;}
	.rankingbox {max-width:620px; padding:7px; margin:auto; color:#000; font-family:'Helvetica W01 Cn', Arial, sans-serif;}
	.rankingbox1{}
	.rankingbox2{background:rgba(255,255,255,0.6);}
	
	.ranking1 {display:inline-block; width:70px; text-align:left}
	.ranking2 {display:inline-block; width:180px !important;}
	.ranking3 {display:inline-block; width:50px; text-align:right; float:right;}
	
	#mrks-signature {display:none;}
}