body {
	background: #160830;
	background-image: none;
	font-family: Verdana;
	font-size:1em;
	}
.container{
	position: fixed;
	left: 50%;
    width: 20%;
	/*height adjustment for holder position*/
    height: 100%;
	margin: 0 auto;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	background: none;
	}
.logohldr{
	position: relative;
	width:100%;
	height:40%;
	background: none;
	}
	.logo{
		position: absolute;
		width:100%;
		height: 60%;
		bottom: 1%;
		left: 50%;
		background-image: url('../assets/img/knhsh.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center bottom;
		-webkit-transform: translate(-50%);
		-moz-transform: translate(-50%);
		-ms-transform: translate(-50%);
		-o-transform: translate(-50%);
		transform: translate(-50%);
		}
.linform,.twofafrm{
	position: relative;
	width:100%;
	height:auto;
	background: none;
	}
.twofafrm{
	background: white;
	margin:0;
	padding:0;
	}
.linpt{
	width: 98%;
	height: 2.2em;
	font-size:1.3em;
	text-indent: .5em;
	margin: 0 0 1vh 0;
	background: #ffffff;
	}

.navdothldr{
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	}
.dotbtn{
	margin: 0 .2em 0 .2em;
	font-size: 1.8em;
	border: 0;
	background:none;
	color:#ababab;
	cursor:pointer;
	}

/*
	.logo{
		position: absolute;
		width:90%;
		left: 50%;
		height: 40%;
		bottom: 3%;
		background: #ffffff;
		background-image: url('assets/img/SFRS-logo.svg');
		background-image: url('assets/img/sayso3.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center bottom;
		-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
	margin 0 0 0 20px;
		}
.linform{
	position: relative;
	width:100%;
	height:auto;
	background: none;
	}
.linpt{
	width: 98%;
	height: 2.2em;
	font-size:1.3em;
	text-indent: .5em;
	margin: 0 0 1vh 0;
	background: #ffffff;
	}

#btnhldr4{
	background: none;
	}
#f0btn5{
	position:absolute;
	height:auto;
	width:auto;
	margin: 0 0 2em 9%;
	padding: .4em 0 .4em 0;
	background: none;
	text-align:left;
	background-image: url('assets/img/icn-concern.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left bottom;
	text-indent: 1em;
	font-size: 3vmin;
	}
.tagline{
	display:none;
	position:absolute;
	height: auto;
	font-size:.7em;
	margin: 4em 0 0 23%;
	text-align:left;
	color: orange;
	background: none;
	}







*/
	
	
	
	
	
	
	
.btnhldr{
	position: relative;
	width:100%;
	height: 3em;
	background: none;
	}
#btnhldr1{
	width:100%;
	}	
input.btn,input.btngo,input.btnstop{
	cursor: pointer;
	width: 50%;
	height: 100%;
	background: none;
	color: #aaaaaa;
	font-size: 1.1em;
	border: 0;
	margin: 0;
	padding: 0;
	}
input.btngo{
	float: right;
	}
#btnhldr2,#btnhldr3{
	height: 1.6em;
	/*float:right;*/
	width: 100%;
	}
#f0btn3,#f0btn4{
	width: auto;
	float:right;
	background: none;
	}
.usrmsg, #warn{
	min-height:3em;
	height:10%;
	width:100%;
	text-align: center;
	color: #ff6565;
	color: orange;
	background: none;
	}

.jchldr{
	display: flex;
	align-items: center;
	justify-content: center;
	height:auto;
	margin: 20% 0 0 .1px;
	background: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	background: none;
	}
.cbtnhldr{
	height: 100%;
	}
.tagline{
	position:relative;
	height: auto;
	font-size:.8em;
	color: orange;
	background: none;
	}
#hint{
	width:80%;
	margin: 0 0 0 15%;
	}
#f0btn5{
	height:2em;
	width:100%;
	background: none;
	text-align:left;
	background-image: url('../assets/img/icn-concern.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left bottom;
	text-indent: 1.2em;
	font-size: 2.8vmin;
	
	-webkit-transform: translate(-0%,0%);
		-moz-transform: translate(-0%,0%);
		-ms-transform: translate(-0%,0%);
		-o-transform: translate(-0%,0%);
		transform: translate(-0%,0%);
	}
.ftr{
	position:relative;
	width: 140%;
	margin: 3em 0 0 0;
	-webkit-transform: translate(-15%,0%);
	-moz-transform: translate(-15%,0%);
	-ms-transform: translate(-15%,0%);
	-o-transform: translate(-15%,0%);
	transform: translate(-15%,0%);
	height:auto;
	color:#666666;
	text-align:center;
	font-size:.8em;
	background: none;
	}
.wwsh{
	display:none;
	position: absolute;
	width:100%;
    height:100%;
	margin:0 auto;
	top:0;
	left:0;
	background:#160830ff;
	opacity: .5;
	-webkit-transform: translate(0%,-0%);
	-moz-transform: translate(-0%,-0%);
	-ms-transform: translate(-0%,-0%);
	-o-transform: translate(-0%,-0%);
	transform: translate(-0%,-0%);
	}
.splash,#f2e10-assy,#f2e11-assy{
	display:none;
	}
	
.cboxrnd {
    width: 2.5em;
    height: 2.5em;
    background: none;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #cccccc;
	text-align: center;
    appearance: none;
    outline: none;
    cursor: pointer;
	margin: 2em 3em 2em 3em;
	/*margin: 2em 3em 2em 3em;*/
	}
.cboxrnd:checked{
    background: #0d53b9;
	border: #0d53b9;
	}
.cboxrnd:focus,.cboxrnd:hover {
	box-shadow:0px 0px 3px 3px #0d53b9;
	}

#f3e0-assy,#f3e1-assy,#f3e2-assy{
	height:auto;
	margin: 0 0 0 1.9em;
	}
#f3e15-assy,#f2e15-assy{
	text-align: center;
	height: 80px;
	width: 92%;
	font-size: .8em;
	padding: 2em 0 .5em 0;
	}
label{
	margin: 0 0 0 -3em;
	text-align:center;
	vertical-align: -.1em;
	font-size:1.3em;
	width: auto;
	cursor: pointer;
	color: #cccccc;
	}

/*///////// SPLASH SCREEN //////////////////////////////////////////////////////////////////*/
 .splash{
	z-index:	900;
	position: 	absolute;
	width:		50vmin;
	height: 	30vmin;
	left: 		50%;
	top: 		50%;
	background: #ffffff;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	 }
.splashHdr{
	position: relative;
	width: 100%;
	height: 5.25vmin;
	background: #333333;
	}
.splashHdrL{float: left;
		width: 90%;
		height:100%;
		font-size: 2vmin;
		line-height: 5vmin;
		text-indent: 2vmin;
		color: #ffffff;
		}	
.splashHdrR{
		position: absolute;
		right: 0;
		width: 4vmin;
		height:100%;
		margin: 0 8px 0 0;
		line-height: 5vmin;
		font-size: 3vmin;
		text-align: center;
		font-weight: lighter;
		color: #cccccc;
		cursor: pointer;
		}
.splashBdy{
	position: relative;
	width: 100%;
	height: 82%;
	background: #ffffff;
	padding:1% 0 0 0;
	}
	.splashMsgTop, .splashMsgMdl{
		position: relative;
		line-height: 2vmin;		
		width: 100%;
		height: 37%;
		}
	.splashMsgTop{
		width: 96%;
		height: 22%;
		margin:	0 0 1% 3%;
		background-image: url('assets/img/sayso2.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left center;
		}
	.splashMsgMdl{
		width: 96%;
		font-size: 1.6vmin;
		margin: 0 0 0 3%;
		}
	.span2{
		color:#3399ff;
		}
	.splashMsgBtm{
		position: relative;
		text-indent: 0;
		margin: 0;
		width: 100%;
		height: 40%;
		}
		.splashMsgBtmL{
			width: 70%;
			height: 60%;
			margin: 0 0 0 2vmin;
			line-height: 1.4vmin;
			color: #aaaaaa;
			font-size: 1.4vmin;
			bottom:0;
			}
		.splashMsgBtmLT{
			float:left;
			width: 100;
			height: 60%;
			margin: 3.4vmin 0 0 0;
			line-height: 1.4vmin;
			color: #aaaaaa;
			font-size: 1.4vmin;
			bottom:0;
			}
		input#f0btn3:hover,input#f0btn3:focus,input#f0btn4:hover,input#f0btn4:focus,input#f0btn5:hover,input#f0btn5:focus{
			color:#ffffff;
			}
		input#btnlin:hover,input#btnlin:focus,input.btngo:hover:enabled,input.btngo:focus:enabled{
			color:#ffffff;
			background:#00CC66;
			}
		input#btncan:hover,input#btncan:focus,input.btnstop:hover,input.btnstop:focus{
			color:#ffffff;
			background:#ff6565;
			}
	.warn,.msg{
		height: 40px;
		font-size:1em;
		text-align: center;
		color: orange;
		background: none;
		}
	#warn{
		margin:1em 0 0 0;
		}
	.msg{
		width: 100%;
		height: auto;
		top: 50%;
		color:orange;
		background:white;
		}
	#footwarn{
		color:#666666;
		}

/*// REGISTER ////////////////////////////////////////////////////////////////////////////////////*/			
#pop1,#pop2,#pop3{
	display: none;
	position: absolute;
	width: 25em;
	height:	auto;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19);
	left:50%;
	top:45%;
	z-index: 3;
	background: white;
	-webkit-transform: translate(-50%,-46%);
	-moz-transform: translate(-50%,-46%);
	-ms-transform: translate(-50%,-46%);
	-o-transform: translate(-50%,-46%);
	transform: translate(-50%,-46%);
	margin:0;
	}

	.pophdr{
		position: realtive;
		width: 100%;
		height:	2.6em;
		color: #ffffff;
		text-indent: 20px;
		font-size: 	1.1em;
		font-weight:500;
		line-height:2.5em;
		background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,0,71,1) 0%, rgba(10,89,123,1) 100%);
		margin:0;
		padding:0;
		}
		.poptitle1{
			float: left;
			margin:0;
			font-size: 1em;
			font-weight:500;
			color: #999999;
			}
		#pop1t1,#p1t1{
			color: #7bc89dff;
			}
#pop1{
	width: 35em;
	}
#frm2{
	margin: 40px 0 0 0;
	}
#pop1hdr{
	height:	2.8em;
	font-size: 	1.4em;
	}
.pophdrimg{
	position:absolute;
	height: 2.6em;
	width: 12%;
	background-image: url('assets/img/icn-concern.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	margin: 0 0 0 .5em;
	}
.frm-Bdy{
	position:relative;
	margin: 40px 0 0 0;
	}
.elem-assy{
	position:relative;
	left:10%;
	width:71%;
	height:2em;
	margin:.5em 0 .5em .8em;
	}
#f3e1-assy{
	left:13%;
	margin:.5em 0 .5em 0;
	}
.elemmsg-assy{
	min-height:1.8em;
	left:10%;
	height:auto;
	width:90%;
	margin:.5em 0 .5em 1em;
	color: #ff6565;
	color: orange;
	text-align: center;
	}
.inputs{
	height:100%;
	width:100%;
	font-size:1em;
	text-indent:10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background:#ffffff;
	}
.cmbs{
	position:relative;
	min-height:2em;
	overflow-y:auto;
	text-indent:5px;
	top:0;
	padding:.2em 0 .2em 0;
	width:102.5%;
	/*// Anything but auto and the combos won't drop*/
	height:auto;  
	left:0;
	font-size:1em;
	border-radius:3px;
	background:white;
	}
#poptitle1{
	color:#aaaaaa;
	}

#f2e2a-assy{
	display:none;
	height:30px;
	}
	#f2e2a{
		top:-9px;
		padding:0;
		border:1px solid;
		border-color:#dddddd;
		border-bottom-color:#aaaaaa;
		border-top:0;
		}
#f2e7a,#f2e8{
	float:left;
	width:55%;
	}
#f2e7b{
	float:left;
	width:25%;
	margin:0 0 0 15px;
	}
#f2e15-assy{
	text-align:center;
	margin-top: 7px;
	margin-bottom: 10px;
	}


/*VIEWPORT SIZES //////////////////////////////////////////////////////////////////////////////////////*/
/*LAPTOP*/
@media all and (max-device-width:1600px) and (orientation: landscape){
	.ftr{
		position:relative;
		width: 160%;
		margin: 3em 0 0 0;
		}
	#f0btn5{
		height:2.3em;
		width:auto;
		margin: 0 0 0 -2em;
		font-size: 1.8em;
		background-position: 10% bottom;
		}
	.dotbtn{
		margin: 0 .2em 0 .2em;
		font-size: 1.2em;
		background:none;
		cursor:pointer;
		}
	}

//@media all and (max-device-width:1440px) and (orientation: landscape){
		#f0btn5{
			height:2.3em;
			width:100%;
			margin: 0 0 0 2.2em;
			text-align:left;
			font-size: 1.8em;
			background-position: 9% bottom;
			}
		.jchldr{
			height:12%;
			margin: 15% 0 20% 5%;
			background:none;
			}
		.ftr{
			position:relative;
			width: 160%;
			margin: 9em 0 0 0;
			font-size:.8em;
			}
		.dotbtn{
			margin: 0 .2em 0 .2em;
			font-size: 1.4em;
			border: 0;
			background:none;
			color:#ababab;
			cursor:pointer;
			}
		.ftr{
			font-size:3em;
			}
		}

/* LAPPY 768*1366///////////////////////////////////////////////////////////////////*/
@media all and (max-device-width:1366px) and (orientation: landscape){
		#f0btn5{
			height:2.3em;
			width:auto;
			margin: 0 0 0 -2em;
			text-align:left;
			font-size: 1.6em;
			background-position: 9% bottom;
			}
		.jchldr{
			height:12%;
			margin: 15% 0 20% 5%;
			background: none;
			}
		.ftr{
			position:relative;
			width: 160%;
			margin: 1.5em 0 0 0;
			font-size:.8em;
			}
		.dotbtn{
			margin: 0 .2em 0 .2em;
			font-size: 1.8em;
			border: 0;
			background:none;
			color:#ababab;
			cursor:pointer;
			}
		#footwarn{
			font-size:.8em;
			}
		}
		
/* LAPPY 600*1290///////////////////////////////////////////////////////////////////*/
//@media all and (max-device-height:600px) and (orientation: landscape){	
	.ftr{
		font-size:3em;
		}
	}
/* LAPPY ///////////////////////////////////////////////////////////////////*/
@media all and (max-device-height:900px) and (orientation: landscape){
	.container{
		width: 30%;
		background: none;
		}
	.logo{
		height: 12em;
		bottom: 1%;
		}
	.pophldr{
		width: 25em;
		top: 50%;
		}
	input.btngo,input.btnstop{
		font-size: 1.3em;
		}
	.elem-assy{
		height:2.2em;
		}
	.linpt{
		width: 100%;
		height: 2em;
		font-size:1.2em;
		text-indent: .5em;
		margin: 0 0 .5em 0;
		background: #ffffff;
		}
	.btnhldr{
		height: 2.4em;
		}
	.cmbs{
		min-height:100%;
		font-size:1.2em;
		}
	.jchldr{
		margin: 2% 0 0 0;
		}
	#f0btn5{
		text-indent: 2.3em;
		font-size: 1.6em;
		}
	.usrmsg{
		height:7%;
		}
	.ftr{
		font-size:1em;
		}
	/*
	@media (hover: none) and (pointer: coarse){
		.container{
			width: 30%;
			background: none;
			}
		#btnhldr2,#btnhldr3{
			height: 10%;
			}
		.linpt{
			height: 2.2em;
			font-size:1.3em;
			}
		.btnhldr{
			height: 3em;
			}
		#f0btn5{
			text-indent: .6em;
			font-size: 1.8em;
			}
		.cboxrnd {
			width: 3em;
			height: 3em;
			}
		label{
			margin: 0 0 0 -3.1em;
			}
		.pophdr{
			text-indent: 2.5em;
			}
		.jchldr{
			height:12%;
			margin: 10% 0 0 4%;
			background: none;
			}
		}
		*/
	}


/* TABLET 800 x 1280 ///////////////////////////////////////////////////////*/
@media all and (max-device-height:800px) and (orientation: landscape){
/*@media all and (max-device-width:1280px) and (orientation: landscape){*/
	@media (hover: none) and (pointer: coarse){
		.container{
			width: 30%;
			background:none;
			}
		.ftr{
			width: 120%;
			-webkit-transform: translate(-8%,0%);
			-moz-transform: translate(-8%,0%);
			-ms-transform: translate(-8%,0%);
			-o-transform: translate(-8%,0%);
			transform: translate(-8%,0%);
			font-size:1em;
			margin: 13% 0 0 0;
			background: none;
			}
		.jchldr{
			height:12%;
			margin: 15% 0 0 1px;
			background: none;
			}
		#f0btn5{
			height:2em;
			width:100%;
			margin: 0 0 0 0;
			text-align:left;
			text-indent: 1.8em;
			font-size: 1.6em;
			background-position: 9% bottom;
			}
		.dotbtn{
			margin: 0 .3em 0 .3em;
			}
		}
	}

/*/////////////////////////////////////////////////////////////////*/
/*Google PIXEL 8*/
 @media screen and (orientation:portrait) and (max-width: 412px){
	 @media (hover: none) and (pointer: coarse){
		.container{
			width: 100%;
			height: 100%;
			margin: 0 auto;
			}
		.cboxrnd {
			width: 3em;
			height: 3em;
			}
		label{
			margin: 0 0 0 -3.1em;
			}
		.pophdr{
			text-indent: 2.5em;
			}
		}
	.container{
		width: 90%;
		height: 100%;
		margin: 0 auto;
		background: none;
		}
	.logohldr{
		height:35%;
		background: none;
		}
	.logo{
		height: 10em;
		bottom: 1%;
		}
	.btnhldr{
		position: relative;
		width:100%;
		height: 2.6em;
		}
	.jchldr{
		height:12%;
		margin: 10% 0 0 4%;
		background: none;
		}
	#btnhldr2,#btnhldr3{
		height: 5%;
		width: 100%;
		}
	#f0btn3,#f0btn4{
		height: 100%;
		font-size: 1em;
		}
	#f0btn5{
		height:70%;
		text-indent: 1em;
		font-size: 6vmin;
		color:orange;
		}
	.ftr{
		width: 100%;
		-webkit-transform: translate(-0%,0%);
		-moz-transform: translate(-0%,0%);
		-ms-transform: translate(-0%,0%);
		-o-transform: translate(-0%,0%);
		transform: translate(-0%,0%);
		font-size:.8em;
		}
	}

/*/////////////////////////////////////////////////////////////////*/
/*MOBILE PHONE iPHONE 15*/
@media screen and (orientation:portrait) and (max-width:393px){
	
	@media (hover: none) and (pointer: coarse){
		}
	.ftr{
		margin: 8em 0 0 0;
		}
	}

/*/////////////////////////////////////////////////////////////////*/
/*iPhone SE */
 @media screen and (orientation:portrait) and (max-width: 375px){
	 @media (hover: none) and (pointer: coarse){
		.container{
			width: 100%;
			height: 100%;
			margin: 0 auto;
			}
		.cboxrnd {
			width: 3em;
			height: 3em;
			}
		label{
			margin: 0 0 0 -3.1em;
			}
		.pophdr{
			text-indent: 2.5em;
			}
		}
	.container{
		width: 90%;
		height: 100%;
		margin: 0 auto;
		background: none;
		}
	.logohldr{
		height:35%;
		background: none;
		}
	.logo{
		height: 10em;
		bottom: 1%;
		}
	.btnhldr{
		position: relative;
		width:100%;
		height: 2.6em;
		}
	.jchldr{
		height:12%;
		margin: 10% 0 0 4%;
		background: none;
		}
	#btnhldr2,#btnhldr3{
		height: 5%;
		width: 100%;
		}
	#f0btn3,#f0btn4{
		height: 100%;
		font-size: 1em;
		}
	#f0btn5{
		height:70%;
		text-indent: 1em;
		font-size: 6vmin;
		color:orange;
		}
	.ftr{
		width: 100%;
		-webkit-transform: translate(-0%,0%);
		-moz-transform: translate(-0%,0%);
		-ms-transform: translate(-0%,0%);
		-o-transform: translate(-0%,0%);
		transform: translate(-0%,0%);
		font-size:.8em;
		}
	}

/*
@media all and (max-device-height:780px) and (orientation: portrait){
	.container{
		width: 60%;
		height: 100%;
		margin: 0 auto;
		background: blue;
		}
	.ftr{
		width: 120%;
		-webkit-transform: translate(-8%,0%);
		-moz-transform: translate(-8%,0%);
		-ms-transform: translate(-8%,0%);
		-o-transform: translate(-8%,0%);
		transform: translate(-8%,0%);
		font-size:1em;
		}
	#f0btn5{
		height:60%;
		text-indent: 0;
		font-size: 3.8vmin;
		margin: 0 0 0 12%;
		}
	}
	*/
	
/*iPHONE 16 PLUS*/
@media screen and (orientation: portrait) and (max-width:430px){
	  @media (hover: none) and (pointer: coarse){
		.container{
			width: 100%;
			height: 100%;
			margin: 0 auto;
			}
		.cboxrnd {
			width: 3em;
			height: 3em;
			}
		label{
			margin: 0 0 0 -3.1em;
			}
		.pophdr{
			text-indent: 2.5em;
			}
		}
	.container{
		width: 90%;
		height: 100%;
		margin: 0 auto;
		background: none;
		}
	.logohldr{
		height:35%;
		background: none;
		}
	.logo{
		height: 10em;
		bottom: 1%;
		}
	.btnhldr{
		position: relative;
		width:100%;
		height: 2.6em;
		}
	.jchldr{
		height:12%;
		margin: 10% 0 0 4%;
		background: none;
		}
	#btnhldr2,#btnhldr3{
		height: 5%;
		width: 100%;
		}
	#f0btn3,#f0btn4{
		height: 100%;
		font-size: 1em;
		}
	#f0btn5{
		height:60%;
		text-indent: 1em;
		font-size: 6vmin;
		/*color:orange;*/
		}
	.ftr{
		width: 100%;
		-webkit-transform: translate(-0%,0%);
		-moz-transform: translate(-0%,0%);
		-ms-transform: translate(-0%,0%);
		-o-transform: translate(-0%,0%);
		transform: translate(-0%,0%);
		font-size:.8em;
		}
	}
	
/*MOBILE PHONE GS7*/
 @media screen and (orientation:portrait) and (max-width: 360px){
	 @media (hover: none) and (pointer: coarse){
		.linpt{
			height: 2em; 
			}
		.container{
			width: 100%;
			height: 100%;
			margin: 0 auto;
			}
		.cboxrnd {
			width: 3em;
			height: 3em;
			}
		.jchldr{
			height:12%;
			margin: 10% 0 0 .5%;
			background: none;
			}
		label{
			margin: 0 0 0 -3.1em;
			}
		.pophdr{
			text-indent: 2.5em;
			}
		#f3e15-assy,#f2e15-assy{
			width:84%;
			text-align: center;
			margin: 2em 0 .5em 2em;
			padding: 0 0 .5em 0;
			font-size: .9em;
			}
		.dotbtn{
			margin: 0 .3em 0 .3em;
			font-size: .6em;
			}
		}
	}


/*MOBILE PHONE GS7*/
@media screen and (max-width: 360px){
	.container{
		width: 90%;
		height: 100%;
		margin: 0 auto;
		background: none;
		}
	.logohldr{
		height:35%;
		background: none;
		}
	.logo{
		height: 10em;
		bottom: 1%;
		}
	.btnhldr{
		position: relative;
		width:100%;
		height: 2.6em;
		}
	.jchldr{
		height:12%;
		margin: 3% 0 0 .1%;
		background: none;
		}
	#btnhldr2,#btnhldr3{
		height: 5%;
		width: 100%;
		}
	#f0btn3,#f0btn4{
		height: 100%;
		font-size: 1em;
		}
	#f0btn5{
		height:70%;
		text-indent: 1em;
		font-size: 6.5vmin;
		text-indent: 4vmin;
		/*margin: 0 0 0 8vmin;*/
		color:orange;
		}
	.dotbtn{
		margin: .5em .5em 0 .5em;
		font-size: .8em;
		}
	.ftr{
		width: 100%;
		-webkit-transform: translate(-0%,0%);
		-moz-transform: translate(-0%,0%);
		-ms-transform: translate(-0%,0%);
		-o-transform: translate(-0%,0%);
		transform: translate(-0%,0%);
		font-size:.8em;
		}
	}