* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@font-face {
font-family: 'Proxima Nova Rg';
src: url(https://foxtel.aus.allegiancetech.com/fonts/proximanova-regular.otf);}

/**{margin:0px; padding:0px;}*/
.clearfix:after,.clearfix:before{display:table;content:" ";clear:both;}

#mcxHeading, #mcxText1
	{padding:0px; margin:0px; font-family: 'Proxima Nova Rg', Arial, sans-serif;}
	#mcxInfo2{width:400px; height:250px; padding:20px 15px 23px 20px; background-color:rgb(243,243,243);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}	


	#mcxLogos{background-image: url('bubble.svg'); background-size:100%; background-repeat: no-repeat;width:56px; height: 107px; float:left; background-position: 0px 14px;}	
	/*#mcxLogos img{width:100%; height: auto;}	*/ 
	#mcxText1{padding:0px 0px 0px 5px;max-width:300px;float:right;width:100%;font-size:16px;color:#32323c;text-align:left; line-height: 30px;}
	#mcxHeading{padding:0px 0px 5px 5px;max-width:300px;float:right;font-size:20px;color:#f2410a; text-align:left;width:100%;}	
	#mcxYesButton{padding-top:0px;width:220px;background: #f2410a;border: 1px solid #f2410a; margin:0 auto;-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;padding:20px 0px;}
	#mcxYesButton button{color:#ffffff;}
	#mcxYes, #mcxYes:hover, #mcxYes:active{background:none;border:0px;color:#ffffff; font-size: 14px; text-align: left; text-transform: uppercase;width:144px;padding:0px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
	#mcxNoButton{height:15px;}

	#mcxNo, #mcxNo:hover, #mcxNo:active	{background:none;background-image: url('close.png');border:0px;color:#0083be;width:15px; height:15px;padding:0px; float:right; background-size:15px auto;}	

	#McxClear{clear:both;width:100%;}
	#mcxYes:hover, #mcxNo:hover{cursor:pointer;}


#mcxInvitationModal{
            background: rgba(0,0,0, 0.5);
            z-index: 99999;
            height: 100%;
            width: 100%;
            position:fixed;
            display: none;
            top: 0px;
            left: 0px;
            overflow:hidden;
            text-align:center;
            border: 0;
			font-size: 100%!important;
			font: inherit;
			vertical-align: baseline;
			cursor: default;
			margin: 0;
			padding: 0;
			font-weight: 400;
			font-family: Arial,Helvetica,sans-serif!important;
			text-indent: 0;
			float: none!important;
			text-shadow: none;
			line-height: 1;
            }


#mcxFloating{
                position: absolute;
	
                top:50%;
				left:50%;
				margin: -125px 0 0 -200px;
                display: inline-block;
                background: rgba(0,0,0,0);

            }


#mcxSurveyDialog {position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0, .5);}

/*#mcxSurveyWrapper{position:fixed;top: 50%;left: 50%;margin-top: -400px; 
    margin-left: -300px;padding:20px; background:#f3f3f3;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px; -webkit-box-shadow: 0px -1px 14px 0px rgba(207,207,207,0.5); -moz-box-shadow: 0px -1px 14px 0px rgba(207,207,207,0.5);box-shadow: 0px -1px 14px 0px rgba(207,207,207,0.5);}*/

#mcxSurveyWrapper{
	position:fixed;top: 20px;
	left: 33%;
	padding:0px; 
	background:#f3f3f3;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px -1px 14px 0px rgba(207,207,207,0.5);
	-moz-box-shadow: 0px -1px 14px 0px rgba(207,207,207,0.5);
	box-shadow: 0px -1px 14px 0px rgba(207,207,207,0.5);
	overflow:auto;
}

#mcxSurveyClose{
	width: 20px;
	position: absolute;
	/*z-index: 99;*/text-align: center;padding: 10px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;background-color: #f3f3f3;color: #005b82; cursor: pointer; /*float:right;*/ right:10px;}
#mcxSurveyWrapper iframe{float:left;width:100%;height:550px;margin-top: 35px;}
	
	/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px) {
	html, body{width:100%; height:auto;}
	#mcxInvitationModal{background: rgba(0,0,0, .3);height:100%;width: 100%;position:fixed;}
	#mcxInfo2{position:fixed;top: 50%;left: 50%;max-width:263px;height:400px;margin-top: -200px; /*set to a negative number 1/2 of your height*/
    margin-left: -131px; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;background-color: #f3f3f3;-webkit-box-shadow: 5px -2px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 5px -2px 5px 0px rgba(0,0,0,0.1);box-shadow: 5px -2px 5px 0px rgba(0,0,0,0.1);-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
	
	#mcxLogos{background-size:83px auto; background-repeat: no-repeat;width:100%; height: 117px; float:left; background-position: top center;}
	#mcxText1{width:100%;padding:24px 0px 30px 0px;}
	#mcxHeading{padding:0px;}
	#mcxYes, #mcxYes:hover, #mcxYes:active{border:2px solid #f2410a; margin:0 auto;width:100%; text-align: center;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;padding:10px 0px;}
	#mcxYesButton{padding:0px; margin:0 auto;width:205px; float: none;}
	#mcxSurveyWrapper{width:320px !important;margin-top:0%;top:0; /*set to a negative number 1/2 of your height*/
    margin-left:15px; /*set to a negative number 1/2 of your width*/top: 0%;left: 0%;padding:3px;height:100% !important;}
	#mcxSurveyWrapper iframe{float:left;width:100%;height:300px !important;}
	textarea{width:93%;}
}
	
@media only screen and (max-device-width : 414px) {
	#mcxSurveyWrapper{width:380px !important;margin-top:0%;margin-left: 17px;top: 0%;left: 0%;padding:3px;}
	#mcxSurveyWrapper iframe{float:left;width:100%;height:730px !important;}
	
}
@media only screen and (max-device-width : 375px) {
	#mcxSurveyWrapper{width:370px !important;margin-top:0%;margin-left: 2px; top: 0%;left: 0%;padding:3px;}
	#mcxSurveyWrapper iframe{float:left;width:100%;height:660px !important;}
	
}
@media only screen and (max-device-width : 320px) {
	#mcxSurveyWrapper{width:320px !important;margin-top:0%;margin-left:0%;top: 0%;left: 0%;padding:3px;}
	#mcxSurveyWrapper iframe{float:left;width:100%;height:560px !important;}
	
}