/*! viewer.v2.3 | Cylindo | */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/*! Edited to only affect the Cylindo 360 HD Viewer */

/* ==========================================================================
HTML5 display definitions
========================================================================== */

/**
* Correct `block` display not defined in IE 8/9.
*/

.CylindoViewer article,
.CylindoViewer aside,
.CylindoViewer details,
.CylindoViewer figcaption,
.CylindoViewer figure,
.CylindoViewer footer,
.CylindoViewer header,
.CylindoViewer hgroup,
.CylindoViewer main,
.CylindoViewer nav,
.CylindoViewer section,
.CylindoViewer summary {
display: block;
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

.CylindoViewer audio:not([controls]) {
display: none;
height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/

.CylindoViewer [hidden],
.CylindoViewer template {
display: none;
}

/* ==========================================================================
Base
========================================================================== */

/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/

.CylindoViewer html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}

/**
* Remove default margin.
*/

.CylindoViewer body {
margin: 0;
}

/* ==========================================================================
Typography
========================================================================== */

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/

.CylindoViewer h1 {
font-size: 2em;
margin: 0.67em 0;
}

/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/

.CylindoViewer abbr[title] {
border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/

.CylindoViewer b,
.CylindoViewer strong {
font-weight: bold;
}

/**
* Address styling not present in Safari 5 and Chrome.
*/

.CylindoViewer dfn {
font-style: italic;
}

/**
* Address differences between Firefox and other browsers.
*/

.CylindoViewer hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}

/**
* Address styling not present in IE 8/9.
*/

.CylindoViewer mark {
background: #ff0;
color: #000;
}

/**
* Correct font family set oddly in Safari 5 and Chrome.
*/

.CylindoViewer code,
.CylindoViewer kbd,
.CylindoViewer pre,
.CylindoViewer samp {
font-family: monospace, serif;
font-size: 1em;
}

/**
* Improve readability of pre-formatted text in all browsers.
*/

.CylindoViewer pre {
white-space: pre-wrap;
}

/**
* Set consistent quote types.
*/

.CylindoViewer q {
quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
* Address inconsistent and variable font size in all browsers.
*/

.CylindoViewer small {
font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/

.CylindoViewer sub,
.CylindoViewer sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

.CylindoViewer sup {
top: -0.5em;
}

.CylindoViewer sub {
bottom: -0.25em;
}

/* ==========================================================================
Embedded content
========================================================================== */

/**
* Remove border when inside `a` element in IE 8/9.
*/

.CylindoViewer img {
border: 0;
vertical-align: middle;
-ms-interpolation-mode: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}

/**
* Correct overflow displayed oddly in IE 9.
*/

.CylindoViewer svg:not(:root) {
overflow: hidden;
}

/* ==========================================================================
Figures
========================================================================== */

/**
* Address margin not present in IE 8/9 and Safari 5.
*/

.CylindoViewer figure {
margin: 0;
}

/* ==========================================================================
Forms
========================================================================== */

/**
* Define consistent border, margin, and padding.
*/

.CylindoViewer fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

.CylindoViewer legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}

/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/

.CylindoViewer button,
.CylindoViewer input,
.CylindoViewer select,
.CylindoViewer textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 2 */
margin: 0; /* 3 */
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

.CylindoViewer button,
.CylindoViewer input {
line-height: normal;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/

.CylindoViewer button,
.CylindoViewer select {
text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/

.CylindoViewer button,
.CylindoViewer html input[type="button"], /* 1 */
.CylindoViewer input[type="reset"],
.CylindoViewer input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/

.CylindoViewer button[disabled],
.CylindoViewer html input[disabled] {
cursor: default;
}

/**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/

.CylindoViewer input[type="checkbox"],
.CylindoViewer input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}

/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/

.CylindoViewer input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}

/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/

.CylindoViewer input[type="search"]::-webkit-search-cancel-button,
.CylindoViewer input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/**
* Remove inner padding and border in Firefox 4+.
*/

.CylindoViewer button::-moz-focus-inner,
.CylindoViewer input::-moz-focus-inner {
border: 0;
padding: 0;
}

/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/

.CylindoViewer textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}

/* ==========================================================================
Tables
========================================================================== */

/**
* Remove most spacing between table cells.
*/

.CylindoViewer table {
border-collapse: collapse;
border-spacing: 0;
}


/* ==========================================================================


/* ==========================================================================
Cylindo 3D HD Viewer Styles
========================================================================== */

.CylindoViewer a{
text-decoration: none;
color: transparent;
}

.CylindoViewer {
margin: 0;
padding:0;
position: relative;
}

.CylindoViewer .cylindo-main-wrapper {
	/*
	display: none !important;
	*/
}

.CylindoViewer #cylindo-viewer .cylindo-threesixty.hand-open {
cursor: url(assets/images/hand_open.png), pointer;
}

.CylindoViewer #cylindo-viewer .cylindo-threesixty.hand-closed {
cursor: url(assets/images/hand_closed.png), pointer;
}

.CylindoViewer #cylindo-container, .CylindoViewer #cylindo-viewer {
	/*added*/
overflow: hidden;
background: white;
width: 100% !important;
}


.CylindoViewer .cylindo-spinner, #cylindo-placeholder {
width: 100%;
height: 100%;
position: absolute;
z-index: 8;
cursor: default;
margin: 0 auto;
}

.CylindoViewer .cylindo-spinner {

}

#cylindo-placeholder {

}

.CylindoViewer #cylindo-container .cylindo-placeholder-image {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0 auto;
display: block;
height: auto;
width: auto;
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
visibility: hidden;
/*transition:visibility 1s ease;*/
}

.CylindoViewer.loaded #cylindo-container .cylindo-placeholder-image {
    visibility:hidden !important;
    pointer-events:none !important;
}

.CylindoViewer.loaded #cylindo-container #cylindo-placeholder {
	pointer-events:none !important;
}

.CylindoViewer #cylindo-ViewerThumbs .cylindo-thumb-list {
list-style: none;
position: relative;
left: 0px;
padding: 0;
display: inline-block;
overflow: hidden;
margin-bottom: 0;
margin-top: 0;
}

.CylindoViewer #cylindo-ViewerThumbs .cylindo-thumb-list li {
display: inline-block;
position: relative;
vertical-align: middle;
overflow: hidden;
/*CHANGE*/
padding: 0px 3px 0px 3px;
margin: 0px;
cursor:pointer;
}

.CylindoViewer #cylindo-ViewerThumbs .cylindo-thumb-list li img {
cursor: pointer;
vertical-align:middle;
/*CHANGE*/
max-width: 100px;
display: block;
width: 100%;
}

.CylindoViewer li {
list-style-type: none;
margin-left: 0;
height: 100%;
width: 100%;
position: absolute;
top: 0;
margin: 0;
padding: 0;
line-height: 0;
}

.CylindoViewer .cylindo-threesixty_images li {
margin-left: 0 !important;
height: 100% !important;
width: 100% !important;
top: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
display: block !important;
}

.cylindo-threesixty-list img:nth-of-type(1){
}

.CylindoViewer #cylindo-ViewerThumbs .cylindo-threesixty-list img{
opacity:0.6;
}

.CylindoViewer #cylindo-ViewerThumbs img.cylindo-active {
opacity: 1;
}

.CylindoViewer .cylindo-threesixty-list.cylindo-active.cylindo-loaded img {
opacity: 1;
}

.CylindoViewer .cylindo-frame {
position:relative;
}

.CylindoViewer #cylindo-ViewerThumbs {
padding-top: 10px;
/*CHANGE*/
visibility: hidden;
opacity: 0;
}

.CylindoViewer.loaded #cylindo-ViewerThumbs {
visibility: visible;
opacity: 1;
transition:all 1s ease;
}

.CylindoViewer.loaded .cylindo-first-frame {
visibility: hidden;
opacity: 0;
transition:all 1s ease;
}

.CylindoViewer.loaded .cylindo-custom-image {
visibility: hidden;
/*opacity: 0;
transition:all 1s ease;*/
}
    
.CylindoViewer #cylindo-cyclepages {
height:100%;
}

.CylindoViewer .cylindo-controls {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left:0;
pointer-events: none;
}

.CylindoViewer .cylindo-controls .cylindo-thumbSliderButton {
color: rgba(85, 85, 85, 1);
/*background: rgba(248, 248, 248, 1);*/
display: inline-block;
position: absolute;
pointer-events: auto;
width: 22px;
height: 100%;
text-align: center;
cursor: pointer;

-webkit-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out;
}

.CylindoViewer .cylindo-controls .cylindo-thumbSliderButton .highlighted{
background: rgba(248, 248, 248, 1);
}

.CylindoViewer .cylindo-controls .cylindo-thumbSliderButton.disabled{
opacity:0;
}

.CylindoViewer .cylindo-controls .cylindo-thumbSliderButton.cylindo-prevPage{
left: 0px;
}

.CylindoViewer .cylindo-controls .cylindo-thumbSliderButton.cylindo-nextPage{
left: 100%;
margin-left: -23px;
}

.CylindoViewer .cylindo-controls .cylindo-thumbSliderButton.cylindo-nextPage:after{
content: " ";
background-image: url(assets/images/next-page.png);
background-repeat: no-repeat;
font-size: 20px;
font-weight:100;
height: 24px;
width: 20px;
display: block;
line-height: 15px;
top: 50%;
position: absolute;
margin-top: -10px;
left: 50%;
margin-left: -10px;
}

.CylindoViewer .cylindo-controls .cylindo-thumbSliderButton.cylindo-prevPage:after{
content: " ";
background-image: url(assets/images/prev-page.png);
background-repeat: no-repeat;
font-size: 20px;
font-weight:100;
height: 24px;
width: 20px;
display: block;
line-height: 15px;
top: 50%;
position: absolute;
margin-top: -10px;
left: 50%;
margin-left: -10px;
}

.CylindoViewer #cylindo-container .cylindo-icon-block {
width: 50px;
height: 140px;
position: absolute;
margin-left: 12px;
margin-top: 10px;
z-index: 11;
}

.CylindoViewer #cylindo-container .cylindo-icon-block-right {
width: 50px;
height: 140px;
position: absolute;
right: 12px;
top: 10px;
z-index: 11;
}

.CylindoViewer #cylindo-container .cylindo-icon-block .cylindo-icon-block-icons, .CylindoViewer #cylindo-container .cylindo-icon-block-right .cylindo-icon-block-icons {
margin: 0 0 10px 0;
height:40px;
width:40px;
border-radius:20px;
}

.CylindoViewer #cylindo-container .cylindo-icon-block-icons a {
height: 40px;
width: 40px;
display: block;
outline: 0;
}

.CylindoViewer #cylindo-container .cylindo-icon-fullscreen-off {
background: url(assets/images/icon-fullscreen-normal.png);
background: url(assets/images/icon-fullscreen-normal@x1.png)\9;
background-size: 100%;
}

.CylindoViewer #cylindo-container .cylindo-icon-zoom-off {
background: url(assets/images/icon-zoom-normal.png);
background: url(assets/images/icon-zoom-normal@x1.png)\9;
background-size: 100%;
}

.CylindoViewer #cylindo-container .cylindo-icon-zoom-in {
background: url(assets/images/icon-zoom-normal.png);
background: url(assets/images/icon-zoom-normal@x1.png)\9;
background-size: 100%;
cursor: pointer;
margin: 3px 0;
}

.CylindoViewer #cylindo-container .cylindo-icon-zoom-out {
background: url(assets/images/icon-zoom-out.png);
background: url(assets/images/icon-zoom-out@x1.png)\9;
background-size: 100%;
cursor: pointer;
margin: 3px 0;
}

.CylindoViewer #cylindo-container .cylindo-icon-zoom-on {
background: url(assets/images/icon-360-not-active.png);
background: url(assets/images/icon-360-not-active@x1.png)\9;
background-size: 100%;
}

.CylindoViewer.single-image-viewer #cylindo-container .cylindo-icon-zoom-on {
background: url(assets/images/icon-zoom-out.png);
background: url(assets/images/icon-zoom-out@x1.png)\9;
background-size: 100%;
}

.CylindoViewer #cylindo-container .cylindo-icon-fullscreen-on {
background: url(assets/images/icon-fullscreen-close.png);
background: url(assets/images/icon-fullscreen-close@x1.png)\9;
background-size: 100%;
}

.CylindoViewer a, .CylindoViewer a:hover, .CylindoViewer a:active, .CylindoViewer a:focus {
outline: 0;
}

.CylindoViewer .cylindo-no-feature {
position: absolute;
left: 5px;
z-index: 9;
top:10px;
width: 210px;
background: #f7f7f7;
display:none;
}

.CylindoViewer .cylindo-no-feature span {
display: inline-block;
font-size: 34px;
color: #0e84c1;
vertical-align: middle;
margin-right: 7px;
margin-left: 10px;
}

.CylindoViewer .cylindo-no-feature p {
display: inline-block;
width: 180px;
color: #a8a8a8;
vertical-align: middle;
font-size: 11px;
}


/* ==========================================================================
360.css
========================================================================== */

.CylindoViewer #cylindo-container .cylindo-threesixty {
position: relative;
overflow: hidden;
margin: 0 auto; 
height: 100% !important;
width: 100% !important;
}

.CylindoViewer.single-image-viewer #cylindo-container .cylindo-threesixty {
cursor: default !important;
}

.CylindoViewer #cylindo-container .cylindo-threesixty .cylindo-spinner {
width: 60px;
display: none !important;
margin: 0 auto;
height: 30px;
background: #333;
background: rgba(0, 0, 0, 0.7);
}

.CylindoViewer #cylindo-container .cylindo-threesixty .cylindo-spinner span {
font-family: Arial, "MS Trebuchet", sans-serif;
font-size: 12px;
font-weight: bolder;
color: #FFF;
text-align: center;
line-height: 30px;
display: block;
}

.CylindoViewer #cylindo-container .cylindo-threesixty .cylindo-threesixty_images {
display: none;
list-style: none;
margin: 0 auto;
padding: 0;
position: relative;
}
.CylindoViewer #cylindo-container .cylindo-threesixty .cylindo-threesixty_images img, img.cylindo-ambience {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
position: absolute;
height: auto !important;
width: auto !important;
top: 50%;
margin: 0px;
max-width: 100%;
max-height: 100%;
left: 50%;
display: block;
}

.CylindoViewer #cylindo-container .cylindo-threesixty .cylindo-threesixty_images img.current-image {
visibility: visible;
}

.CylindoViewer #cylindo-container .cylindo-threesixty .cylindo-threesixty_images img.previous-image {
opacity: 0;
}

.CylindoViewer .cylindo-show_button_holder{
position: absolute;
z-index: 8;
}

.CylindoViewer .cylindo-show_button{
float: right;
-webkit-border-radius: 0px 5px 0px 5px;
-moz-border-radius: 0px 5px 0px 5px;
border-radius: 0px 5px 0px 5px; 
display: inline-block;
vertical-align: top;
cursor: pointer;
text-align: center;
position: relative;
padding: 7px 21px;
zoom: 1;
width: auto;
overflow: visible;
font-size: 13px;
font-weight: bold;
border: none;
color:white;
background: #0479a8;
}

.CylindoViewer #cylindo-decoratorFrame{
overflow: hidden;
background: white;
}

.CylindoViewer .cylindo-loading {
width: 0;
height: 4px;
position: absolute;
background: #53b8d4;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
z-index: 9;
}

.CylindoViewer .cylindo-loading-image {
position: absolute;
width: 176px;
height: 174px;
background-color: white;
/* removed
z-index: 9;
*/
left: 50%;
top: 50%;
margin-left: -88px;
margin-top: -88px;
}

.CylindoViewer .cylindo-first-frame {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
left: 50%;
top: 50%;
position: absolute;
visibility: hidden;
z-index: 9999999999;
}

.CylindoViewer .cylindo-first-frame-wrapper {
top: 0;
left: 0;
position: absolute;
}

.CylindoViewer .cylindo-custom-image-wrapper {
top: 0;
left: 0;
position: absolute;
}

.CylindoViewer .cylindo-custom-image {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
left: 50%;
top: 50%;
position: absolute;
visibility: hidden;
}
    
.CylindoViewer .cylindo-no-image {
margin: 120px auto;
display: block;
width:226px;
height:226px;
}

.CylindoViewer .cylindo-fallback-image {
position: absolute;
z-index: 9;
height: 100%;
left: 50%;
top: 50%;
visibility:hidden;
pointer-events:none;
}

.CylindoViewer .cylindo-icon360 {
position: absolute;
border-radius: 50%;
margin-left: 13px;
margin-top:9px;
background: #BEBEBE;
color: white;
font-weight: 700;
text-align: center;
width: 30px;
height: 30px;
font-size: 11px;
line-height: 30px;
z-index:8;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
display:none;
}

.CylindoViewer .cylindo-zoom-drag-tooltip, .CylindoViewer-zoom .cylindo-zoom-drag-tooltip {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
user-drag: none;
pointer-events: none;
width: auto!important;
background-color: rgba(212,212,212,0.2);
border-radius: 4px;
padding: 3px 6px;
}

.CylindoViewer .cylindo-drag-tooltip, .CylindoViewer .cylindo-zoom-drag-tooltip, .CylindoViewer-zoom .cylindo-zoom-drag-tooltip {
font-family: sans-serif;
position: absolute;
color: #7BC7C7;
z-index: 11;
bottom: 15px;
text-align: center;
width: 100%;
font-size: 14px;
display:none;
}

.CylindoViewer .cylindo-drag-tooltip:before, .CylindoViewer .cylindo-zoom-drag-tooltip:before, .CylindoViewer-zoom .cylindo-zoom-drag-tooltip:before,
.CylindoViewer .cylindo-drag-tooltip:after, .CylindoViewer .cylindo-zoom-drag-tooltip:after, .CylindoViewer-zoom .cylindo-zoom-drag-tooltip:after {
content: "\2039";
font-size: 46px;
line-height: 13px;
text-align: center;width: 20px;
height: 20px;
vertical-align: middle;
display: inline-block;
margin-left:5px;
margin-right:5px;
}

.CylindoViewer .cylindo-drag-tooltip:after, .CylindoViewer .cylindo-zoom-drag-tooltip:after, .CylindoViewer-zoom .cylindo-zoom-drag-tooltip:after {
content: "\203A";
}

.CylindoViewer #cylindo-viewport canvas,
.CylindoViewer-zoom canvas{
background-color: white;
}

.CylindoViewer #cylindo-ViewerWrapper {
display:none;
}

.CylindoViewer .cylindo-show_button_holder {
display:none;
}

.CylindoViewer #cylindo-viewer {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.CylindoViewer .cylindo-thumb {
margin: 0 auto;
width: 100% !important;
}

.CylindoViewer #cylindo-ViewerThumbs .cylindo-thumb-list li {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.CylindoViewer #cylindo-ViewerThumbs .cylindo-thumb-list li:last-of-type {
border-right: none;
}

.CylindoViewer .cylindo-preloaded-images{
left: -7000px;
position: absolute;
}

.CylindoViewer .cylindo-preloaded-images img{
width: 0px;
height: 0px;
}

.CylindoViewer .cylindo-preload-zoom-image {
width: 100%;
height: 100%;
position: absolute;
display: none;
cursor: move;
}
.CylindoViewer .cylindo-preload-zoom-image img {
width: 100%;
height: 100%;
}

.CylindoViewer.fullscreen-on .cylindo-drag-tooltip{  
text-align: center !important;
}

.CylindoViewer #cylindo-container .loader{
display: none;
}

.CylindoViewer.fullscreen-on.zoom-on #cylindo-container .loader{
display: none;
}

.CylindoViewer.fullscreen-on .cylindo-main-wrapper,
.CylindoViewer.fullscreen-on #cylindo-ViewerWrapper,
.CylindoViewer.fullscreen-on #cylindo-viewer-wrap {	
width: 100%;
height: 100%;
}

.CylindoViewer.fullscreen-on #cylindo-ViewerThumbs{
display: none !important;
}

.CylindoViewer .starzoom {
position: relative;
/* removed
z-index: 10 !important;
*/
}

.CylindoViewer-customZoom .starzoom {
background-color:white;
}

.CylindoViewer-customZoom .starzoom canvas{
background-color:white;	
}

.CylindoViewer .starzoom-blank,
.CylindoViewer-customZoom .starzoom-blank{
background-image: url("assets/images/blank.png");
} 


.CylindoViewer .loader,
.CylindoViewer-zoom .loader {
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.1);
  border-right: 1.1em solid rgba(0,0,0,0.1);
  border-bottom: 1.1em solid rgba(0,0,0,0.3);
  border-left: 1.1em solid rgba(0, 0, 0, 0.31);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 0.8s infinite linear;
  animation: load8 0.8s infinite linear;
  background-color: rgba(255,255,255,0.5);
  margin-left: -52px;
  margin-top: -52px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.CylindoViewer.compat-mode .loader, 
.CylindoViewer-zoom.compat-mode .loader {
	font-size: inherit;
  	text-indent: 0px;
  	border-top: none;
  	border-right: none;
  	border-bottom: none;
  	border-left: none;
  	-webkit-transform: none;
 	-ms-transform: none;
  	transform: none;
  	-webkit-animation: none;
  	animation: none;
	background: url(assets/images/loading.gif);
	background-color: none;
	width: 176px;
	height: 176px;
	top: 50%;
  	left: 50%;
  	margin-top: -88px;
  	margin-left: -88px;
}

.CylindoViewer .loader,
.CylindoViewer .loader:after,
.CylindoViewer-zoom .loader,
.CylindoViewer-zoom .loader:after{
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.CylindoViewer.loaded.custom-zoom .loader {
	display: none !important;
}

.CylindoViewer.show-fallback #cylindo-ViewerThumbs,
.CylindoViewer.show-fallback .cylindo-threesixty_images img{
	visibility: hidden !important;
}

.CylindoViewer.show-fallback #cylindo-viewer360 {
	pointer-events:none;
}

.CylindoViewer.show-fallback .cylindo-fallback-image {
	visibility: visible;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}