* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;

	-webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}

.wrapper
{
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
}

.hide
{
	display : none !important;
}

#canvas-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
	position : relative;
    margin-left: auto;
    margin-right: auto;
}

.rotate-container {
	display: block;
	text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 900;
    background-color: #1A2D60;
    background-image: url("../img/rotate_background.png");
    background-size: cover;
    background-position: center center;
}

.rotate-container img.arrows {
    position: absolute;
    top: -113px;
    margin-left: -242px;
}

@-webkit-keyframes spin {
    100% {
    -webkit-transform: rotate(180deg);
}
}@-moz-keyframes spin {
    100% {
    -moz-transform: rotate(180deg);
}
}@-ms-keyframes spin {
    100%  {
    -ms-transform: rotate(180deg);
}
}@keyframes spin {
    100% {
    transform: rotate(180deg);
}
}
.arrows-ani {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: spin;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite;
	-ms-animation-name: spin;
	-ms-animation-duration: 4s;
	-ms-animation-iteration-count: infinite;
	-o-animation-name: spin;
	-o-animation-duration: 4s;
	-o-animation-iteration-count: infinite;
	animation-name: spin;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}