@charset "UTF-8";
/*
@font-face {
    font-family: 'tt_norms_prolight';
    src: url('../fonts/tt_norms_pro_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
    font-family: 'tt_norms_proregular';
    src: url('../fonts/tt_norms_pro_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }


sup{    vertical-align: super;
    font-size: smaller;}


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

.rangeslider, .rangeslider__fill {
  background-color: transparent;
  background-color: rgba(230, 230, 230, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCE6E6E6,endColorstr=#CCE6E6E6);
  zoom: 1;
  /* 	background:#e6e6e6; */
  display: block;
  height: 30px;
  width: 100%;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  /*
  	-webkit-border-radius:10px;
  	-moz-border-radius:10px;
  	-ms-border-radius:10px;
  	-o-border-radius:10px;
  	border-radius:10px;
  */ }

.rangeslider {
  position: relative; }

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: .4; }

.rangeslider__fill {
  background-color: transparent;
  background-color: rgba(230, 230, 230, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCE6E6E6,endColorstr=#CCE6E6E6);
  zoom: 1;
  position: absolute;
  top: 0;
  visibility: hidden; }

.rangeslider__handle {
  /* 	border:1px solid #ccc; */
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 0;
  	/*
  	background:#fff;
  	background: url("../img/drag.png");	
  	width:30px;
  	height:30px;
  		
  		
  background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(0,0,0,0.1)));
  	background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.1));
  	background-image:-moz-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.1));
  	background-image:-o-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.1));
  	background-image:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.1));
  	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);
  	-moz-box-shadow:0 0 8px rgba(0,0,0,0.3);
  	box-shadow:0 0 8px rgba(0,0,0,0.3);
  	-webkit-border-radius:50%;
  	-moz-border-radius:50%;
  	-ms-border-radius:50%;
  	-o-border-radius:50%;
  	border-radius:50%;
  */ }

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  	/*
  background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(0,0,0,0.13)),color-stop(100%,rgba(255,255,255,0)));
  	background-image:-webkit-linear-gradient(rgba(0,0,0,0.13),rgba(255,255,255,0));
  	background-image:-moz-linear-gradient(rgba(0,0,0,0.13),rgba(255,255,255,0));
  	background-image:-o-linear-gradient(rgba(0,0,0,0.13),rgba(255,255,255,0));
  	background-image:linear-gradient(rgba(0,0,0,0.13),rgba(255,255,255,0));
  	-webkit-border-radius:50%;
  	-moz-border-radius:50%;
  	-ms-border-radius:50%;
  	-o-border-radius:50%;
  	border-radius:50%;
  */ }

.rangeslider__handle:active {
  	/*
  background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,rgba(0,0,0,0.12)));
  	background-image:-webkit-linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.12));
  	background-image:-moz-linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.12));
  	background-image:-o-linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.12));
  	background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.12));
  */ }

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); }

/*
*
*
* Styling
*
*
*/
/* INPUT SLIDER */
input[type=range] {
  display: none;
  width: 100px;
  /* Specific width is required for Firefox. */ }

.rangeslider {
  width: 240px;
  height: 24px;
  border-radius: 24px;
  display: inline-block;
  margin: 12px 0; }

/* ALLINSIDE  */
/*  Styles above are for demo page, not required for spriting  */
/* ======== In production, I would abstract all of the following into it's own SCSS file ======== */
/*
		var touchvar=" no-touch";
	
	function is_touch_device() {
	 return (('ontouchstart' in window)
	      || (navigator.MaxTouchPoints > 0)
	      || (navigator.msMaxTouchPoints > 0));
	}
	 
	if (is_touch_device()) {
	 touchvar = "";
	}

	document.body.className = cl + touchvar;	
*/
.dm360_btn-hotspot {
  height: 34px;
  width: 34px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 0;
  background-repeat: no-repeat; 
}
.dm360_btn-hotspot:hover {
	background-position: 0 -38px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-hotspot {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 0;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
		
	.dm360_btn-hotspot:hover {
		background-position: 0 -38px;
	}	
		
}

.dm360_btn-left {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -2116px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-left:hover, #drm360_container .dm360_btn-left.hovered {
    background-position: 0 -2200px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-left {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -2116px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-left:hover, #drm360_container .dm360_btn-left.hovered {
        background-position: 0 -2200px; } }

.dm360_btn-right {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -2540px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-right:hover, #drm360_container .dm360_btn-right.hovered {
    background-position: 0 -2624px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-right {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -2540px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-right:hover, #drm360_container .dm360_btn-right.hovered {
        background-position: 0 -2624px; } }

.dm360_btn-zoom {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -2708px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-zoom:hover, #drm360_container .dm360_btn-zoom.hovered {
    background-position: 0 -2792px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-zoom {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -2708px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-zoom:hover, #drm360_container .dm360_btn-zoom.hovered {
        background-position: 0 -2792px; } }

.dm360_btn-closezoom {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -242px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-closezoom:hover, #drm360_container .dm360_btn-closezoom.hovered {
    background-position: 0 -326px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-closezoom {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -242px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-closezoom:hover, #drm360_container .dm360_btn-closezoom.hovered {
        background-position: 0 -326px; } }

.dm360_btn-closedetail {
  height: 44px;
  width: 44px;
  z-index: 5001;
  cursor:pointer;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -74px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-closedetail:hover, #drm360_container .dm360_btn-closedetail.hovered {
    background-position: 0 -158px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-closedetail {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -74px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-closedetail:hover, #drm360_container .dm360_btn-closedetail.hovered {
        background-position: 0 -158px; } }

.dm360_btn-detail {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -1586px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-detail:hover, #drm360_container .dm360_btn-detail.hovered {
    background-position: 0 -1670px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-detail {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -1586px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-detail:hover, #drm360_container .dm360_btn-detail.hovered {
        background-position: 0 -1670px; } }

.dm360_btn-det1 {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -410px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-det1:hover, #drm360_container .dm360_btn-det1.hovered {
    background-position: 0 -494px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-det1 {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -410px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-det1:hover, #drm360_container .dm360_btn-det1.hovered {
        background-position: 0 -494px; } }

.dm360_btn-det2 {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -578px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-det2:hover, #drm360_container .dm360_btn-det2.hovered {
    background-position: 0 -662px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-det2 {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -578px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-det2:hover, #drm360_container .dm360_btn-det2.hovered {
        background-position: 0 -662px; } }

.dm360_btn-det3 {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -746px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-det3:hover, #drm360_container .dm360_btn-det3.hovered {
    background-position: 0 -830px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-det3 {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -746px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-det3:hover, #drm360_container .dm360_btn-det3.hovered {
        background-position: 0 -830px; } }

.dm360_btn-det4 {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -914px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-det4:hover, #drm360_container .dm360_btn-det4.hovered {
    background-position: 0 -998px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-det4 {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -914px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-det4:hover, #drm360_container .dm360_btn-det4.hovered {
        background-position: 0 -998px; } }

.dm360_btn-det5 {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -1082px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-det5:hover, #drm360_container .dm360_btn-det5.hovered {
    background-position: 0 -1166px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-det5 {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -1082px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-det5:hover, #drm360_container .dm360_btn-det5.hovered {
        background-position: 0 -1166px; } }

.dm360_btn-det6 {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -1250px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-det6:hover, #drm360_container .dm360_btn-det6.hovered {
    background-position: 0 -1334px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-det6 {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -1250px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-det6:hover, #drm360_container .dm360_btn-det6.hovered {
        background-position: 0 -1334px; } }

.dm360_btn-det7 {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -1418px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-det7:hover, #drm360_container .dm360_btn-det7.hovered {
    background-position: 0 -1502px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-det7 {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -1418px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-det7:hover, #drm360_container .dm360_btn-det7.hovered {
        background-position: 0 -1502px; } }

.dm360_btn-dmlogo {
  height: 26px;
  width: 26px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -1754px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-dmlogo {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -1754px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; } }

.dm360_btn-replay {
  height: 88px;
  width: 88px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -2284px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-replay:hover, #drm360_container .dm360_btn-replay.hovered {
    background-position: 0 -2412px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-replay {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -2284px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-replay:hover, #drm360_container .dm360_btn-replay.hovered {
        background-position: 0 -2412px; } }

.dm360_btn-fullscreen {
  height: 44px;
  width: 44px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -1948px;
  background-repeat: no-repeat; }
  #drm360_container.no-touch .dm360_btn-fullscreen:hover, #drm360_container .dm360_btn-fullscreen.hovered {
    background-position: 0 -2032px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-fullscreen {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -1948px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; }
      #drm360_container.no-touch .dm360_btn-fullscreen:hover, #drm360_container .dm360_btn-fullscreen.hovered {
        background-position: 0 -2032px; } }

.dm360_btn-drag {
  height: 24px;
  width: 24px;
  background-image: url('../img/dm360_btn/buttons-saac7f93e8b.png');
  background-position: 0 -1820px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .dm360_btn-drag {
      background-image: url('../img/dm360_btn-2x/buttons-s897497cba0.png');
      background-position: 0 -1820px;
      -moz-background-size: 88px auto;
      -o-background-size: 88px auto;
      -webkit-background-size: 88px auto;
      background-size: 88px auto; } }

body {
  background-color: #fff; }

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

a {
  -webkit-tap-highlight-color: transparent; }

#drm360_container {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  /* height: calc(100% + 72px); */
  /* 	calc only in standalone mode on phones 
  	if (typeof dm360_path === 'undefined')  …… see scrips & than get url params !!!
  */
  width: 100%;
  /* 	border: solid 1px red; */ }

#dm360_navigation {
  /*Prevent dragging images*/
  /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
  /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
  -moz-user-select: none;
  /* These user-select properties are inheritable, used to prevent text selection */
  -webkit-user-select: none;
  -ms-user-select: none;
  /* From IE10 only */
  user-select: none;
  /* Not valid CSS yet, as of July 2012 */
  -webkit-user-drag: none;
  /* Prevents dragging of images/divs etc */
  user-drag: none;
  position: absolute;
  display: block;
  /* 	fixed only in standalone mode detect by
  	if (typeof dm360_path === 'undefined')  …… see scrips & than get url params !!!
  */
  /* 	position: fixed; */
  z-index: 500;
  width: 100%;
  height: 54px;
  bottom: 0px;
  /* 	border: solid 1px grey; */ }

#dm360_spinfooter, #dm360_zoomfooter {
  height: 100%;
  position: relative; }

#dm360_content {
  position: absolute;
  margin: 0px 0px;
  display: block;
  height: 100%;
  width: 100%;
  background-color: #fff; }

#dm360_header {
  position: absolute;
  /* 	fixed only in standalone mode 
  position: fixed;*/
  display: block;
  z-index: 600;
  width: 100%;
  height: 40px;
  top: 0px;
  /* 	border: solid 1px grey; */
  text-align: center; }

#dm360_spin {
  /* This one fixes the IE positioning bug */
  display: block;
  position: absolute;
  /* 	border: solid 1px blue; */
  overflow: visible;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab; }

#dm360_spin:active {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing; }

/*
	Makes the image slider invisible by default
*/
#dm360_spin_images {
  display: none; }

/*
	Sets every image in the slider to be absolute positioned and dynamically sized.
*/
#dm360_spin img {
  position: absolute;
  /* This one fixes the IE positioning bug */
  top: 0;
  width: 100%;
  height: auto;
  /*Prevent dragging images*/
  /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
  /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
  -moz-user-select: none;
  /* These user-select properties are inheritable, used to prevent text selection */
  -webkit-user-select: none;
  -ms-user-select: none;
  /* From IE10 only */
  user-select: none;
  /* Not valid CSS yet, as of July 2012 */
  -webkit-user-drag: none;
  /* Prevents dragging of images/divs etc */
  user-drag: none; }

/*
	Sets the style of the visible current frame of the image slider animation
*/
.current-image {
  visibility: visible;
  width: 100%; }

/*
	Sets the style of the visible "previous" frame of the image slider animation
*/
.previous-image {
  visibility: hidden;
  width: 0; }

/* NAVIAGTION */
#dm360_navigation a, #dm360_replay a {
  display: inline-block;
  top: 0px;
  margin: 2px;
  color: black;
  font-size: 6px;
  background-color: blue;
  cursor: pointer;
  text-decoration: none;
  background-color: Transparent;
  /* background-image: url("../assets/btn.png");	 */
  border: none;
  outline: none; }

#dm360_navigation a, #dm360_replay a {
  /*Prevent dragging images*/
  /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
  /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
  -moz-user-select: none;
  /* These user-select properties are inheritable, used to prevent text selection */
  -webkit-user-select: none;
  -ms-user-select: none;
  /* From IE10 only */
  user-select: none;
  /* Not valid CSS yet, as of July 2012 */
  -webkit-user-drag: none;
  /* Prevents dragging of images/divs etc */
  user-drag: none; }

#dm360_navigation a img, #dm360_replay a img {
  /*Prevent dragging images*/
  /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
  /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
  -moz-user-select: none;
  /* These user-select properties are inheritable, used to prevent text selection */
  -webkit-user-select: none;
  -ms-user-select: none;
  /* From IE10 only */
  user-select: none;
  /* Not valid CSS yet, as of July 2012 */
  -webkit-user-drag: none;
  /* Prevents dragging of images/divs etc */
  user-drag: none; }

#dm360_navigation .dm360_btn-closezoom {
  position: relative;
  right: 0px;
  top: -2px; }

/*
@media screen and (-webkit-min-device-pixel-ratio: 2) {
	#dm360_navigation button{
		background-image: url("../assets/btn@2x.png");	
	}
}
*/
/* center Buttons */
.outer-center {
  float: right;
  right: 50%;
  position: relative;
  vertical-align: middle;
  height: 100%; }

.inner-center {
  float: right;
  height: 50px;
  position: relative;
  right: -50%;
  width: 100%;
  height: 100%; }

/*

@media all and (orientation:portrait) {
	
}
@media all and (max-device-width: 420px) and (orientation:landscape) {
	// Styles for Landscape phone screen > lefthand navigateion
	#dm360_navigation{
		position: fixed;
		width: 60px;
		height: 100%;
		bottom: 0px;
		top: 0px;
		left:0px;
	}
	

	 .outer-center {
    // let it fill the whole container 
    float: right;
	right: 50%;
	top: 50%;
	position: relative;
	// vertical-align: middle; 
	height: auto;
		
	}

	.inner-center {
    float: right;
    top:-50%;
    position: relative;
    right: -50%;
    width: 100%;
	}	
}
*/
/* ZOOM */
#imgContainer {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 500; }

/* DETAIL */
#dm360_replay {
  position: relative;
  z-index: 30;
  width: 88px;
  height: 100%;
  margin: auto; }

#dm360_replayinner {
  display: block;
  position: absolute;
  top: 50%; }

/* DETAILCONTAINER */
#dm360_detButton a.active {
  background-color: #bdbdbd;
  background-color: rgba(255, 255, 255, 0); }

#dm360_DetCont {
  position: absolute;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.4); }

#dm360_DetContInner {
  position: relative;
  margin: auto;
  width: 100%;
  height: 100%;
  border: solid 1px #DEDEDE;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
  zoom: 1; }

/* NAVIGATION */
#dm360_detailfooter {
  padding: 0px 5px; }

.dm360_btn-detail {
  z-index: 100;
  position: absolute;
  left: 5px; }

.dm360_btn-fullscreen {
  display: block;
  position: absolute;
  right: 5px;
  top: -2px; }

/*Loader Spinner*/
.dm360_loader {
  width: 16px;
  height: 11px;
  background-image: url(../img/ajax-loader.gif);
  background-position: 0 px;
  background-repeat: no-repeat; }

/* STANDALONE FIXED */
#drm360_container.standalone #dm360_navigation {
  position: fixed; }

#drm360_container.standalone #dm360_content {
  position: fixed; }

#drm360_container.standalone #dm360_header {
  position: fixed; }

#dm360_replay a {
  margin-top: -50%; }

#drm360_container {
  /*Prevent dragging images*/
  /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
  /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
  -moz-user-select: none;
  /* These user-select properties are inheritable, used to prevent text selection */
  -webkit-user-select: none;
  -ms-user-select: none;
  /* From IE10 only */
  user-select: none;
  /* Not valid CSS yet, as of July 2012 */
  -webkit-user-drag: none;
  /* Prevents dragging of images/divs etc */
  user-drag: none; }

#drm360_container:-webkit-full-screen {
  position: fixed;
  top: 0px;
  left: 0px; }

#drm360_container:-moz-full-screen {
  position: fixed;
  top: 0px;
  left: 0px; }

#drm360_container:-ms-fullscreen {
  position: fixed;
  top: 0px !important;
  left: 0px !important; }

#drm360_container:fullscreen {
  position: fixed;
  top: 0px;
  left: 0px; }

/* HOTSPOTS */
.hotspot {
  display: block;
  position: absolute;
  text-align: center;
  width: 34px;
  height: 34px;
  margin-right: 14px;
  z-index: 1000;
  cursor: pointer;
  /*position fix*/
  margin-left: -15px;
  margin-top: -15px;
  /* hide numbers:
  border-radius: 34px;
  background-color: #fff;	
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  border: 2px solid black;
  
  */
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/* HEADER */
#dm360_header {
  padding-top: 5px; }

.dm360_img-client {
  display: block;
  float: left;
  margin-left: 10px;
  margin-top: 5px; }

.dm360_label-client {
  display: block;
  float: left;
  margin-left: 14px;
  margin-top: 6px;
  font-family: tt_norms_proregular, Arial, sans-serif;
  font-size: 14px; }

.dm360_btn-dmlogo {
  position: absolute;
  display: block;
  right: 10px;
  cursor: pointer; }

/* CLIENTLOGO */
.dm360_img-client {
  height: 14px;
  width: 126px;
  background-image: url("../img/dm360_btn/Clientlogo.png");
  background-position: 0 px;
  background-repeat: no-repeat; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .dm360_img-client {
    background-image: url("../img/dm360_btn-2x/Clientlogo@2x.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    -moz-background-size: 126px auto;
    -o-background-size: 126px auto;
    -webkit-background-size: 126px auto;
    background-size: 126px auto; } }
/* NEW STYLES */
/*DETAIL*/

#dm360_detail {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-color: white; }






#detwrapper {
  position: absolute;
  z-index: 50;
  top: 0px;
  bottom: 0px;
  left: 0;
  width: 100%;
  background: whitesmoke;
  overflow: auto; }

#detscroller {
  position: absolute;
  z-index: 1;
  /*	-webkit-touch-callout:none;*/
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  padding: 0; 
  
      max-width: 1124px;
	top: 50%;
    transform: translate(-50%, -50%);
    left: 50%
  
  }
  
@media only screen and (max-height: 674px), (max-width: 800px) {
	#detscroller {
		top: 0%;
		transform: translateX( -50%);
	}
}	   
  

.detailtext {
  font-family: tt_norms_proregular, Arial, sans-serif;
  font-size: 13px;
  margin: 44px 50px 30px 50px;
  color: #151515; }

@media only screen and (max-width: 451px) {
  .detailtext {
    margin: 44px 10px 30px 10px; } }
.dm360_label-client {
  font-family: tt_norms_proregular, Arial, sans-serif;
  font-size: 16px;
  color: #232323;
  margin-left: 20px;
  margin-top: 20px; 
  
  }
.dm360_label-client-content{
	display:none;
}
#dm360_header{display:none;}

.hdl {
  margin: 15px 0 8px 0;
  font-family: tt_norms_proregular, Arial, sans-serif;
  font-size: 19px;
  line-height: 23px;
  color: #232323; }

.subl {
  font-style: italic;
  font-family: tt_norms_proregular, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #232323; }

.copy {
  font-family: tt_norms_proregular, Arial, sans-serif;
  font-size: 15px;
  line-height: 17px;
  color: #595959; }
.copy li{margin-bottom:5px;} 
  

.tooltip {
  display: none; }

.subnavi {
  margin: 0px;
  margin-bottom: 16px;
  margin-top: 5px;
  text-align: center; }

.subnavi a {
  display: inline-block;
  padding: 12px 0px 6px 0px;
  margin-right: 22px;
  color: #595959;
  font-family: tt_norms_proregular, Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0); }

.subnavi a:active {
 
  border-bottom: 2px solid #595959; }

a.activefilm {

  border-bottom: 2px solid #595959; }

canvas {
  width: 100%;
  height: auto; }

#dm360_visual, .dm360_visual {
  padding: 0;
  position: relative; }

#dm360_replay {
  position: absolute;
  display: none;
  z-index: 5000;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 80px 80px;
  background-position: 50% 50%; }

#dm360_replayinner {
  left: 50%; }

#dm360_replay a {
  margin-left: -50%; }

.detailimage img {
  width: 100%;
  height: auto; }

/* NAVI */
#dm360_detailfooter {
  top: 0px;
  height: 100%;
  padding: 0px 0px; }

#dm360_header {
  height: 44px;
  padding-top: 0px; }

.dm360_btn-closezoom {
  display: block;
  position: relative;
  right: 0px;
  top: -2px; }

.dm360_btn-closedetail {
  display: block;
  position: absolute;
  right: 49px;
  top: 45px;
  background-color: rgba(255,255,255,.6); }

.outline {
  border: solid 1px #000; }

#drm360_container.standalone #dm360_content {
  position: relative; }

.rangeslider {
  border: solid 1px #A9A9A9;
  background-color: rgba(255, 255, 255, 0.75); }

div.generaltext {
  margin-top: 15px;
  font-family: tt_norms_proregular, Arial, sans-serif;
  font-size: 12px;
  line-height: 13px; }


#canvas iframe{width:100%; height:100%;}



.detailtext ul{padding-left:20px; list-style-type: square;     margin-top: 5px;}
.detailtext{height:600px; height: 100%; height: calc(((100vw - 100px) * 0.5625) + 230px); max-height: calc(576px + 230px)}

@media only screen and (max-width: 800px){
	.detailtext{height: 100%;}
}

.detailtext ul.col_1_2, .detailtext ul.col_2_2{float:left; width:calc(50% - 20px);}


.slick-slider *{outline: none;}


.slick-dots{bottom:2px; z-index:99999;}
.slick-dots li button:before, .slick-dots li:hover button:before{background:#BCBCBC; border-radius:50%; width:15px; height:15px; content:''; opacity:1;}
.slick-dots li.slick-active button:before, .slick-dots li.slick-active:hover button:before{background:#000; opacity:1;}
.slick-list{z-index:5;}