.v360 {
	display:none;
	position: fixed;
	z-index: 3000000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,.9);
	line-height:normal;
	font-family:arial;
	font-weight:normal;
	font-size:14px;
	color:#fff;
	-webkit-user-select: none; 
  	-moz-user-select: none; 
  	-ms-user-select: none;    
  	user-select: none; 
}

.v360.show {
	display:block;
}

.view-v360  {
	display:block;
	padding:0;
	margin:0;
	width:100%;
	height:100%; 
	cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.view-v360:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.legend-v360 {
	display:block;
	position: fixed;
	top:10px;
	left:10px;
	padding:10px 15px;
	line-height:normal;
	background-color: rgba(0,0,0,.65);
	border-radius:4px;
}

.v360 a.fe {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:30px;
	height:30px;
	line-height:30px;
	text-align: center;
	text-decoration: none !important;
	cursor:pointer;	
	font-size: 21px;
	color:#fff;	
	text-shadow:1px 1px 0 rgba(0,0,0,.65);
	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.v360 a.fe:hover {
	transform:translate(0,-2px);
}

.v360 .icon-v360-close {
	position: fixed;
	top:10px;
	right:10px;
	z-index: 30;
	width:40px !important;
	height:40px !important;
	line-height:40px !important;
	text-align: center;
	background: rgba(0,0,0,.5);
	border-radius:6px;
	font-size:19px !important;
}

.footer-v360 {
	position: fixed;
	z-index:10;
	left:50%;
	bottom: 0;
	padding:5px 10px;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-o-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	background-color:rgba(0,0,0,.5);
	border-radius:10px 10px 0 0;
	display:flex;
	flex-flow:row nowrap;
}

.footer-v360 .fe {
	font-size:21px;
}

.footer-v360 .icon-v360-right,
.footer-v360 .icon-v360-minus {
	margin-right: 10px;
}

/*----------------------------------*/

.listitems-v360 {
	display:none;
	position: fixed;
	z-index:20;
	margin: 0;
	padding: 0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.65);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	text-align:center;
	flex-flow:row wrap;
	align-items: center;
	justify-content: center;	
}
.listitems-v360.show {
	display:flex;
}

.listitems-v360 li {
	position:relative;
	display:inline-block;
	margin:10px;
	width: 200px;
	height:140px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border:2px solid rgba(255,255,255,.5);
	box-shadow:0 0 10px 0 rgba(0,0,0,.5);
	cursor:pointer;
	transition: all 0.3s ease;
}
.listitems-v360 li:hover {
	transform: scale(1.1);
	border-color:#fff;
}

.listitems-v360 li > label {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	padding:5px;
	line-height:normal;
	background-color: rgba(0,0,0,.65);
	border-radius:4px;
	font-size:12px;
	color:#fff;
}

/*----------------------------------*/
.status-v360 {
	position: fixed;
	left:50%;
	top:50%;
	translate: -50% -50%;
	padding:10px;
	font-size:36px;
	padding:10px 20px;
	background-color: rgba(0,0,0,.5);
	border-radius:6px;
}


/*----------------------------------*/
/*----------------------------------*/

@font-face {
  font-family: 'fontello-v360';
  src: url('/global/plugins/Viewer360/font/fontello.eot?1');
  src: url('/global/plugins/Viewer360/font/fontello.eot?1#iefix') format('embedded-opentype'),
       url('/global/plugins/Viewer360/font/fontello.woff2?1') format('woff2'),
       url('/global/plugins/Viewer360/font/fontello.woff?1') format('woff'),
       url('/global/plugins/Viewer360/font/fontello.ttf?1') format('truetype'),
       url('/global/plugins/Viewer360/font/fontello.svg?1#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
[class^="icon-v360-"]:before, 
[class*=" icon-v360-"]:before {
  font-family: "fontello-v360";
  font-style: normal;
  font-weight: normal;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Animation for spinners */
.icon-v360-load::before {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
 
.icon-v360-load:before { content: '\e800'; } /* '' */
.icon-v360-plus:before { content: '\e801'; } /* '' */
.icon-v360-up:before { content: '\e802'; } /* '' */
.icon-v360-fullscreen-off:before { content: '\e803'; } /* '' */
.icon-v360-close:before { content: '\e804'; } /* '' */
.icon-v360-fullscreen-on:before { content: '\e805'; } /* '' */
.icon-v360-right:before { content: '\e806'; } /* '' */
.icon-v360-minus:before { content: '\e807'; } /* '' */
.icon-v360-left:before { content: '\e808'; } /* '' */
.icon-v360-list:before { content: '\e809'; } /* '' */
.icon-v360-deviceorientation-off:before { content: '\e80a'; } /* '' */
.icon-v360-down:before { content: '\e80b'; } /* '' */
.icon-v360-deviceorientation-on:before { content: '\e80c'; } /* '' */
.icon-v360-cardboard:before { content: '\e80d'; } /* '' */