.unslider-arrow{
		display: block;
		width: 32px;
		height: 32px;

		top: 50%;
		right: -50px;
		left: auto;
		margin-top: -16px;

		overflow: hidden;

		background: rgba(0,0,0,.2) no-repeat 50% 50%;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==');
		background-size: 7px 11px;

		border-radius: 32px;
		text-indent: -999em;

		opacity: .6;
		transition: opacity .2s;
	}
	.unslider-arrow:hover {
		opacity: 1;
	}
	.unslider-arrow.prev {
		left: -50px;
		right: auto;
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	
	.unslider-arrow {
		right: 40px;
	}
	.unslider-arrow.prev {
			left: 40px;
		}
	.unslider-nav {
		bottom: 17px;
	}
body, input, textarea {
	font: 15px/25px "Whitney HTF", Whitney, "Alegreya Sans", Lato, sans-serif;
	/*font-size-adjust: 0.475;*/
	text-shadow: 0 1px 3px rgba(0,0,0,.15);
	
	color: #787b80;
}
input {
	/*width: 50px;*/
	padding: 2px 1px;
	margin-left: 10px;


	border: none;
	border-radius: 6px;
	outline: none;

	background: rgba(0,0,0,.2);
	color: #fff;

	text-align: center;
	
	font-size: 14px;
	
	line-height: 5px;	/* Fix for IE11 */

	box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.05);
	transition: box-shadow .2s, background .2s;
}
.btnSignIn{
	display: inline-block;
	padding: 4px 22px;
	border-radius: 30px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	
	background: #eee;
	color: #171b1f;
	margin-left: 10px;
	
	font-size: 10px;
	font-weight: 600;
	text-shadow: none;
	box-shadow: inset 0 2px 4px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.05);
	transition: box-shadow .2s, background .2s;
	line-height: 10px;	/* Fix for IE11 */
}
	input:focus {
		background: rgba(0,0,0,.4);
		box-shadow: 0 0 6px 4px rgba(240,240,240,.25), inset 0 2px 4px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.05);
	}
	input::-webkit-input-placeholder { color: rgba(255,255,255,.5) }
	input::-ms-placeholder { color: rgba(255,255,255,.5) }
	input::placeholder { color: rgba(255,255,255,.5) }
.page {
	position: absolute;
	left: 16px;
	top: 16px;
	right: 16px;
	bottom: 16px;
	
	margin: auto;
	
	/*height: 95%;*/
	height: 45vw;
	max-height: 820px;
	
	width: 55vw;
	max-width: 1040px;
	
	/*width: 55%;
	max-width: 1040px;
	height: 95%;
	max-height: 820px;
	*/
	
	/*
	width: calc(75% - 32px);
	height: calc(100% - 32px);
	*/
	

	overflow: hidden;

	border-radius: 8px;
	box-shadow: 0 8px 32px rgba(0,0,0,.2);	
}
.popupUser {   /*popup*/
	left: 16px;
	top: 16px;
	right: 16px;
	bottom: 16px;
	padding: 5px 5px;
    width: 60%;
    height: 380px;
    /*background: #ffffff;*/
    position: absolute;
    margin: auto;
	border-radius: 8px;
	box-shadow: 0 8px 32px rgba(0,0,0,.5);	
	background: rgba(255,255,255,.85);
}
.popupIndex{   /*popup*/
	left: 16px;
	top: 16px;
	right: 16px;
	bottom: 16px;
	padding: 3px 3px;
    width: 75%;
    height: 75%;
    /*background: #ffffff;*/
    position: absolute;
    margin: auto;
	border-radius: 8px;
	box-shadow: 0 8px 32px rgba(0,0,0,.5);	
	background: rgba(255,255,255,.85);
}
#progress_bar {   /*progress bar*/
	left: 0px;
	top: 0px;
	width: 100%;
    position: absolute;

}
.btn {
	display: inline-block;
	padding: 4px 22px;
	border-radius: 30px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	
	background: #fff;
	color: #171b1f;
	margin-left: 10px;
	
	font-size: 10px;
	font-weight: 600;
	text-shadow: none;
	line-height: 5px;	/* Fix for IE11 */
}
img {
	width: 100%;
    max-width: 1040px;
    height: auto;  
}
.trans
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 100%;
}
.imagePage {
  position: relative;
  top: 0;
  left: 0;
}
.trans2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.containerdiv {
  position: relative;
  top: 0;
  left: 0;
}