.wr360_player .container .theme_panel,
.wr360_player .container .theme_panel_back
{
	padding: 5px 0 5px 0;
	box-sizing: content-box !important;
}

.spinFrameChair .overview_rollover .hotspot_cdata
{
	width: 250px;
	background: #fff;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	padding: 14px 15px 20px 15px;
	border-radius: 6px;
	border: 1px solid #eee;
	opacity: 0.97;
	box-shadow: 3px 2px 5px -3px rgba(168, 168, 168, 0.7);
}

.spinFrameChair .overview_rollover .hotspot_cdata ul
{
	margin: 0 0 0 15px;
	padding: 0;
}

.spinFrameChair .overview_rollover .hotspot_cdata ul li
{
	padding: 0 0 6px 0;
}

.spinFrameChair .overview_rollover .hotspot_cdata h5
{
	padding: 0 0 12px 0;
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	color: #3498db;
	letter-spacing: 0px;
	font-family: Helvetica, sans-serif;
}

.spinFrameChair .overview_rollover .hotspot_cdata a
{
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	margin: 12px 10px 0 10px;
	height: 25px;
	line-height: 24px;
	border-radius: 3px;
	color: #fff;
	/*font-weight: bold;*/
	background: #859aa7 url(/images/actiondownload.svg) 12px 7px no-repeat;
	background-size: 9px 11px;
}

.spinFrameChair .overview_rollover .hotspot_cdata a:hover
{
	opacity: 0.8;
}

.spinFrameChair .expand_indicator
{
	opacity: 0.90;
}

.spinFrameChair .expand_indicator:hover
{
	opacity: 1;
}

.spinFrameChair .expand_indicator:hover:after
{
	text-decoration: underline;
}

.spinFrameChair .expand_indicator:before
{
	background: url(/images/webrotate360/graphics/expand-indicator.svg) 0 0 no-repeat;
	width: 12px;
	height: 16px;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}

.spinFrameChair .expand_indicator:after
{
	position: absolute;
    content: "Extra stool";
    width: 110px;
    height: 30px;
    top: -7px;
    left: 10px;
    background: #e74c3c;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 29px;
    /* padding: 0 0 0 12px; */
    font-size: 11px;
    font-family: Verdana, Helvetica, sans-serif;
    text-transform: uppercase;
    /* font-weight: bold; */
    box-shadow: 3px 2px 5px -3px rgb(118 118 118);
}

.spinFrameChair .overview_indicator
{
	transition: transform 200ms ease-in-out;
}

.spinFrameChair .overview_indicator_active
{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.scubaTOne .container .theme_panel
{
	height:48px;
}

.scubaTOne .container .theme_panel .toolbar > a
{
	width: 48px;
    height: 48px;
    margin: 0;
}

.scubaTOne .container .theme_panel .toolbar
{
	padding: 0 6px 0 0;
	height: 48px;
}

.scubaTOne .container .theme_panel .toolbar a.fullscreenon_button
{
    background:url(/images/webrotate360/graphics/fullscreenon_scuba.svg) no-repeat 0 0;
}

.scubaTOne .container .lightbox_rollover .closelbox
{
    background: url(/images/webrotate360/graphics/lightbox-close-scuba.svg) 7px 7px no-repeat;
    right: 12px;
    top: 10px;
    width: 28px;
    height: 28px;
}

.scubaTOne .spot2_rollover,
.scubaTOne .hotspot_cdata
{
	width: 100% !important;
	height: 100% !important;
}

.scubaTOne .hotspot_cdata
{
	padding: 35px 20px 20px 20px;
	background: #000 url(/images/webrotate360/graphics/video-loader.svg) 50% 50% no-repeat;
}

.scubaTOne .hotspot_cdata::after
{
	content: "Close video [x]";
    right: 15px;
    top: 10px;
    width: 128px;
    height: 28px;
	position: absolute;
	color: #ccc;
	text-align: right;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}

.scubaTOne .hotspot_indicator:hover
{
	opacity: 0.7;
	transition: opacity .25s ease-in-out;
}

.anifexbicycle .container .lightbox_rollover .closelbox
{
    background: url(/images/webrotate360/graphics/lightbox-close-bike.svg) 0px 0px no-repeat;
	background-size: 35px 35px;
    right: 12px;
    top: 10px;
    width: 35px;
    height: 35px;
	opacity: 0.95;
}
	
.spinFrameCar .position_rollover
{
	max-width: 550px;
}

.spinFrameCar .hotspot_cdata
{
	padding: 22px 30px 25px 30px;
	background:rgba(255, 255, 255, 0.95);
	box-shadow: 3px 2px 5px -3px rgba(168, 168, 168, 0.6);
	border: 1px solid #efefef;
	border-radius: 0px;
}

.spinFrameCar .hotspot_cdata h2
{
	padding: 0;
	margin: 0 0 8px 0;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: Helvetica, sans-serif;
}

.spinFrameCar .hotspot_cdata p
{
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 14px;
	line-height: 19px;
}

.spinFrameCar .hotspot_cdata img
{
	display: block;
	width: 100%;
	max-width: 320px !important;
	margin: 24px 0 5px 0;
	border-radius: 0px;
}

.spinFrameCar .hotspot_indicator
{
	opacity: 1;
	transition: opacity 400ms ease-in;
}

.spinFrameCar .indicator_active
{
	opacity: 0.3;
	transition: opacity 300ms ease-out;
}
	
@media (min-width: 200px){
.spinFrameCar .position_rollover
{
	min-width: 310px;
	max-width: 310px;			
	width: 100%;
}

.spinFrameCar .hotspot_cdata img
{
	width: 250px;
	height: 145px;
}}

@media (min-width: 380px){
.spinFrameCar .position_rollover
{
	max-width: 550px;
	min-width: 380px;
	width: 40%;
}

.spinFrameCar .hotspot_cdata img
{
	width: 320px;
	height: 185px;		
}}
	
.align3d #wr360PlayerId_fs
{
	position: relative;
}

.align3d .customprogress
{
	display: none;
	position: absolute;
	top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
	z-index: 3000;
	margin: -40px 0 0 -35px;
	opacity: 0.75;
}

.align3d .customprogress::after
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 62px;
	height: 62px;
	z-index: 2;
	border-radius: 50%;
	background: #222 url(../Images/webrotate360/graphics/progress-anim2.svg) -4px -4px no-repeat;
	animation: simple_spin 18s linear infinite;
	-webkit-animation: simple_spin 18s linear infinite;	
}

/* Safari can't animate well svg when used as background image, so lets use static 
background for now for Safari only using this hack (we could design a CSS animation or try
inline svg instead and skip all this) */

@media not all and (min-resolution:.001dpcm) { @media {
.align3d .customprogress::after
{ 
	background: #222;
	border: 1px solid #aaa;
}}}
		
.align3d .customprogress .prognumbers
{
	font-family: Arial;
	position: absolute;
	left: 0;
	top: 25px;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	text-align: center;
	width: 62px;
	height: 20px;
	border-radius: 50%;
	color: #fff;
	z-index: 3;
}
	
.align3d .container .theme_panel .toolbar
{
	padding: 0 0 0 7px;
}	

.align3d .hotspot_rollover
{
	font-family: Verdana, Helvetica, sans-serif;
}

.pistol3d .container .theme_panel
{
	padding: 0;
}

.stihl .container .theme_panel
{
	padding: 0;
}

#wr360PlayerId.wr360_player.ssab

{
	background: #000;
}

#wr360PlayerId.wr360_player.ssab .spinner_hint_item 
{
    color: #a7a7a7;
    font-size: 11px;
    background: rgba(38, 35, 35, 0.9);
    border-radius: 2px;
    max-width: 300px;
    font-family: latoreg;
    letter-spacing: 1px;
}

#wr360PlayerId.wr360_player.ssab .spinner_hint:hover .spinner_hint_item
{
    background: rgba(58, 55, 55, 0.9);
    color: #bbb;
    transition:0.3s ease-out;
    padding-left:22px;
    padding-right:22px;
}

@-webkit-keyframes simple_spin 
{
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
								
@keyframes simple_spin 
{
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}								
			
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */