html, body {
	height:100%;
	width:100%;
}

body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	position:relative;
}

a {
	outline:none;
}

.select_box {
	position:fixed;
	width:50%;
	height:100%;
	display:block;
	top:0;	
	z-index:50;	
}

img {
	vertical-align:top;
	outline:none;
}

.spin img {
	-webkit-animation: spin 1.5s linear 0s infinite normal;
    -moz-animation: spin 1.5s linear 0s infinite normal;
    -o-animation: spin 1.5s linear 0s infinite normal;
    animation: spin 1.5s linear 0s infinite normal;
}

@-webkit-keyframes spin {
	from { -webkit-transform: rotateY(0deg); }
	to { -webkit-transform: rotateY(360deg); }
}
@-moz-keyframes spin {
	from { -moz-transform: rotateY(0deg); }
	to { -moz-transform: rotateY(360deg); }
}
@-o-keyframes spin {
	from { -o-transform: rotateY(0deg); } 
	to { -o-transform: rotateY(360deg); }
}
@keyframes spin {
	from { transform: rotateY(0deg); }
	to { transform: rotateY(360deg); }
}

.logo {
	position:fixed;
	width:186px;
	height:186px;
	display:block;
	top:50%;
	left:50%;
	z-index:100 !important;
	margin:-93px 0 0 -93px;
	border-radius:50%;
	-webkit-border-radius:50%;
}

.logo img {
	width:186px;
	height:186px;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition: all 1s;
	-webkit-transition: all 1s;	
}

.logo:hover img {
	-webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.theme_light {
	left:0px;
	background-color:#F0AC17;
}

.theme_dark {
	right:0px;
	background-color:#1F7663;
}

.imac img {
	z-index:50;
	position:relative;	
}

.imac {
	-webkit-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%);
	top:50%;
	left:50%;
	position:absolute;
	text-align:center;
	padding:0;	
	display:none;
	max-width:445px;
}

.imac a {
	display:inline-block;
}

.imac:before,
.imac:after {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	content:'';
	z-index:10;
	background-repeat:no-repeat;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
	
}

.imac:after {
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	z-index:20;
}

.imac_hover:before {
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.imac_hover:after {
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}


.theme_dark .imac:before {
	background-image:url(../img/dark_bg.png);
}

.theme_dark .imac:after {
	background-image:url(../img/dark_bg_hover.png);
}

.theme_light .imac:after {
	background-image:url(../img/light_bg_hover.png);
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	.imac,
	.imac img {
		width:250px;
	}
	.logo {
		width:100px;
		height:100px;
		margin:-50px 0 0 -50px;
	}	
	.logo img {
		width:100px;
		height:100px;	
	}	
}

@media only screen and (min-width: 993px) and (max-width: 1300px) {
	.imac,
	.imac img {
		width:300px;
	}	
	.logo {
		width:160px;
		height:160px;
		margin:-80px 0 0 -80px;
	}	
	.logo img {
		width:160px;
		height:160px;	
	}
}

@media only screen and (max-width: 767px) {
	.select_box {
		width:100%!important;
		height:50%!important;
		display:block!important;
	}
	.theme_light {
		top:0px!important;
		left:0px!important;
	}
	.theme_dark {
		top:50%!important;
		left:0px!important;
	}
	.logo {
		width:93px;
		height:93px;
		margin:-46px 0 0 -46px;
	}	
	.logo img {
		width:93px;
		height:93px;	
	}
	.imac,
	.imac img {
		width:auto;
	}		
}