@font-face {font-family: "Futura PT Light";
                src: url("fonts/FuturaPTLight.eot"); /* IE9*/
                src: url("fonts/FuturaPTLight.?#iefix") format("embedded-opentype"), /* IE6-IE8 */
                url("fonts/FuturaPTLight.woff2") format("woff2"), /* chrome firefox */
                url("fonts/FuturaPTLight.woff") format("woff"), /* chrome firefox */
                url("fonts/FuturaPTLight.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
                url("fonts/FuturaPTLight.svg#Futura PT Light") format("svg"); /* iOS 4.1- */
            }

            body {

                font-family: "Futura PT Light";
                color: #000;
                font-size: 11px;
                line-height: 2em;
                text-align: center;
                margin: 0;
				/*
				background: linear-gradient(rgba(255,255,255,.75), rgba(255,255,255,.75)), url(img/671184.jpg);
				*/
                background-repeat: no-repeat;
                background-size: auto;
                background-position: center;
				background-color: #f0f0f0;

            }
			
			.header2 {
				padding-top: 2em;
			}
			
			.page-container {
				position: relative;
			    min-height: 100vh;
			}
			
			@media (orientation: portrait) {
				.header2 {
					padding-top: 4em;
				}
                body{
                    font-size: 7px;
                }
				.page-container {
					position: relative;
					min-height: 88vh;
				}
				.cenm, .cenmR {
					margin: 0 auto;
					width: 100%;
				}
			}
			
			
			/*
            @media (max-width: 1023px){

            }
            @media (max-width: 467px){
                body{
                    font-size: 6px;
                }
                p{
                    top: 5em;
                }
                small {
                    font-size: 13px;
                    width: 288px;
                }
                small br{
                    display: inline-block;
                }
            }
			
            @media (max-width: 767px){
                p{
                    top: 5em;
                }
                small br{
                }
				.header2 {
					margin-top: 4em;
				}
            }
			*/


			/*
            img{
                width: 300px;
                margin: auto;
                display: table;
            }
			*/
			
            .header{
                position: absolute;
                left: 1em;
                top: 0.5em;
                font-size: 24px;
                line-height: 1.3em;
                margin: auto;
                display: table;
				height: 1.5em;
            }
			
		
            p{
                text-align: center;
                top: 0em;
                margin: 0 auto;
                font-size: 2.7em;
                line-height: 1.1em;
				
            }
			
			p span{
				display: inherit;
				line-height: 1.5em;
			}
			.fontsubt {
				font-size: 0.8em;
			}
			.cenm, .cenmR {
				margin: 0 auto;
				min-width: 30%;
			}
			
			.cenmR {
				
				text-align: left;
				padding: 0.75em 0.5em 0.75em 1em;
				font-size: 2.5em;
				border-radius: 0.5em;
				font-weight: bold;
				/*text-shadow: 1px 1px 1px #808080;*/
				box-shadow: 10px 10px 5px #d0d0d0;
				border: 2px solid #93b1ff;
				line-height: 1.25em;
				max-width: 90%;
				
			}
			
			
			.genderselect { 
				opacity: 0.5;
			}
			
			.genderselect:hover { 
				opacity: 1; 
				cursor: pointer;
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);
				transition: all 300ms ease;
			}
			
			.buttongender {
				padding: 0.75em 1.1em;
				margin-left: 0.25em;
				margin-right: 0.25em;
				margin-top: 0.5em;
				font-size: 4em;
				border-radius: 0.5em;
				font-weight: bold;
				/*text-shadow: 1px 1px 1px #808080;*/
				box-shadow: 10px 10px 5px #d0d0d0;
			}
			
			.textmale {
				background-color: #EEBB9E;
				border: 0.3em solid #EEBB9E;
			}
			.textfemale {
				background-color: #c79bf5;
				border: 0.3em solid #c79bf5;
			}
			
			.bfem {
				border: 2px solid #c79bf5;
			}
			.bmal {
				border: 2px solid #EEBB9E;
			}
			
			.tdgenderpic {
				width: 50%;
				vertical-align: bottom;
			}
			
			.tdgenderpic a { 
				text-decoration: none;
				color: #606060;
			}
			
			a {
				text-decoration: none;
				color: #606060;				
			}

			
			.content-wrap {
			  padding-bottom: 3rem;    /* Footer height */
			}
			
            small{
                position: absolute;
				bottom: 0;
				height: 3em;
                left: 0;
                right: 0;
				font-size: 16px;
				
				/*

                
				padding: 0.5em;
                
                line-height: 1.3em;
                
                display: table;
				*/
				
            }
			
            small br{
                display: none;
            }
			
			.tdtype {
				
			}
			
			.divtype {
				text-align: left;
				padding: 1.25em 0.5em;
				margin-left: 0.25em;
				margin-right: 0.25em;
				margin-top: 0.5em;
				font-size: 4em;
				border-radius: 0.5em;
				font-weight: bold;
				/*text-shadow: 1px 1px 1px #808080;*/
				/*border: 2px solid #93b1ff;*/
				/*border: 2px solid #c79bf5;*/
				box-shadow: 10px 10px 5px #d0d0d0;
			}
			
			.divtype:hover, .divtype2:hover {
				opacity: 1; 
				cursor: pointer;
				-webkit-transform: scale(1.05);
				-ms-transform: scale(1.05);
				transform: scale(1.05);
				transition: all 500ms ease;
			}
			
			.continuebutton {
				text-align: center;
				background-color: #43cc50;
				padding: 0.75em 0.5em;
				position: fixed;
				bottom: 3em;
				right: 0;
				left: 0;
				margin: 0 auto;
				width: 15em;
				max-width: 65%;
				color: #fff;
			}
			
			.divtype2 {
				text-align: center;
				padding: 0.75em 0.5em;
				margin-left: 0.25em;
				margin-right: 0.25em;
				margin-top: 0.5em;
				font-size: 3.5em;
				border-radius: 0.5em;
				font-weight: bold;
				/*text-shadow: 1px 1px 1px #808080;*/
				box-shadow: 10px 10px 5px #d0d0d0;
				border: 2px solid #93b1ff;
				line-height: 0.5em;
			}
			
			.tdtype img {
				margin-left: 0.5em;
				float: right;
				position: relative; 
				top: -0.75em;
				border-radius: 0.5em;
				width: 2.5em;
				position: relative;
			}
			
			.fonttype2 {
				font-size: 0.75em;
				color: #909090;
			}
			
			.fonttypeunits {
				font-size: 3em;
				color: #909090;
				padding-left: 0.25em;
			}
			
			.bigtext {
				font-size: 3.5em;
				border-radius: 0.5em;
				background-color: #f0f0f0;
				padding: 0.25em 0.25em;
				text-align: center;
				max-width: 75%;
				margin: 0 auto;
			}
			
			.bignumber {
				font-size: 3.5em;
				border-radius: 0.5em;
				background-color: #f0f0f0;
				padding: 0.25em 0.25em;
				text-align: center;
				max-width: 35%;
				margin: 0 auto;
			}
			
			.imgresult, .imgresultSQ {
				width: 1em;
				float: left;
				margin-right: 0.5em;
				position: relative; 
				top: 0.1em;
			}
			
			.imgresult {
				border-radius: 0.5em;
			}
			
			.pt {
				padding-top: 0.25em;
				color: #909090;
				font-size: 0.75em;
			}

			.imgResultBody {
				width: 75%;
				border-radius: 1em;
				position: relative;
				left: 1em;
			}
			
			.nowrap {
				white-space: nowrap;
			}


			* {
				box-shadow: 0px 0px 0px #000 !important;
			}
			
/**/



/**/