.opaque {
	opacity: 1;
	filter: alpha(opacity=100)
}

.opaque:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.background-contain {
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain
}

.background-cover {
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.rld-loader {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	padding-bottom: 70px;
	background-color: #000;
	z-index: 10001
}

.rld-loadstart .rld-loader {
	display: block
}

.rld-loadcomplete .rld-loader {
	opacity: 0;
	filter: alpha(opacity=0);
	transition-duration: 1.5s;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	transition-delay: .8s;
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s
}

.rld-progressbar {
	width: 0%;
	height: 5px;
	background-color: #ff5a00;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s
}

.modal-open {
	overflow: hidden
}

.modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 101;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.modal-open .modal.active {
	display: block
}

.modal-backdrop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100;
	background-color: #999;
	background-color: rgba(0, 0, 0, 0.7)
}

.modal-open .modal-backdrop {
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s
}

.modal-open .modal-backdrop.in {
	opacity: 1;
	filter: alpha(opacity=100);
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s
}

.modal-content {
	position: relative;
	margin: 0 auto;
	display: none;
	max-width: 1600px;
	min-width: 1024px;
	overflow: auto
}

.modal-content .rc-button-close {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 3
}

@media screen and (max-width:767px) {
	.modal-content {
		min-width: 0
	}
}

.modal-open .modal-content {
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px)
}

.modal-open .modal.in .modal-content {
	opacity: 1;
	filter: alpha(opacity=100);
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px)
}

.carousel-container {
	position: relative;
	margin: 0 auto
}

.carousel-slider {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	list-style: none
}

.carousel-transition .carousel-slider {
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s
}

@media screen and (max-width:767px) {
	.carousel-transition .carousel-slider {
		transition-duration: .5s;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s
	}
}

.carousel-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.carousel-transition-skip.carousel-transition-next[data-enable-skip] .carousel-item-next {
	left: 100% !important;
	z-index: 1
}

.carousel-transition-skip.carousel-transition-previous[data-enable-skip] .carousel-item-next {
	left: -100% !important;
	z-index: 1
}

.modal-video-player {
	display: block;
	background-color: #000;
	z-index: 102
}

.modal-video-player .button-close {
	display: none;
	width: 30px;
	height: 30px
}

.modal-video-player .button-close:before {
	font-size: 30px;
	line-height: 1;
	width: auto;
	height: auto
}

.modal-video-player .button-close:hover:before {
	color: #bbb;
	-webkit-text-stroke: .5px #bbb
}

.modal-video-player.mousemove .button-close {
	display: block
}

@media screen and (max-width:767px) {
	.modal-video-player .button-close {
		display: block
	}
}

.modal-video-player .video-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 1600px;
	padding-top: 56.12244898%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.modal-video-player .video-container > iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.modal-video-player-vertical .video-container {
	height: 100%;
	padding-top: 0
}

.js:not(.android42) [data-show="on-scroll"] {
	opacity: 0;
	filter: alpha(opacity=0);
    filter: - ;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	transform: translateY(70px);
	transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out
}

.js:not(.android42) [data-show="on-scroll"].in-view {
	transition-duration: .7s;
	-webkit-transition-duration: .7s;
	-moz-transition-duration: .7s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	filter: alpha(opacity=100);
	filter: -
}

.rc-icon {
	text-decoration: none;
	position: relative;
	margin: 0 auto;
	display: inline-block;
	width: 38px;
	height: 38px;
	vertical-align: middle;
	overflow: hidden
}

.rc-icon:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 200%;
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain
}

.rc-icon:hover:before {
	top: auto;
	bottom: 0
}

.rc-icon-share {
	margin: 0 auto;
	display: block;
	width: 11px;
	height: 15px;
	background: url(//static.roland.com/global/images/icon_share.svg) no-repeat left top
}

.rc-icon-remove {
	font-family: 'glyphicon';
	font-size: 30px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin: 0 auto;
	display: block;
	width: 31px;
	height: 31px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.rc-icon-remove:before {
	content: "\e611"
}

.rc-icon-new-window:before {
	background-image: url(//static.roland.com/global/images/icon_new_window.svg)
}

.rc-icon-play:before {
	background-image: url(//static.roland.com/global/images/icon_play.svg)
}

.rc-icon-play-large,
.rc-icon-play-ex-large {
	font-family: 'glyphicon';
	font-size: 19px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 0 auto;
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	cursor: pointer;
	border: 3px solid #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%
}

.rc-icon-play-large:before,
.rc-icon-play-ex-large:before {
	content: "\e60a";
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -0.05263158em;
	margin-left: .15789474em;
	-webkit-transform: translate(-50%, -50%) scale(.78, 1);
	-moz-transform: translate(-50%, -50%) scale(.78, 1);
	-ms-transform: translate(-50%, -50%) scale(.78, 1);
	transform: translate(-50%, -50%) scale(.78, 1)
}

.rc-icon-play-large:hover,
.rc-icon-play-ex-large:hover {
	color: #919696;
	background-color: #fff;
	display: block
}

.rc-icon-play-ex-large {
	font-size: 23px;
	width: 76px;
	height: 76px;
	border-width: 4px
}

.rc-icon-replay {
	width: 38px;
	height: 44px;
	background: url(//static.roland.com/global/images/icon_replay.svg) no-repeat center center;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain
}

.rc-icon-replay:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.rc-icon-arrow-right:before {
	background-image: url(//static.roland.com/global/images/icon_arrow_right.svg)
}

.rc-icon-arrow-right-large {
	width: 76px;
	height: 76px
}

.rc-icon-arrow-right-large:before {
	background-image: url(//static.roland.com/global/images/icon_arrow_right_large.svg)
}

.rc-icon-plus-circle {
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	color: #949999;
	border: 2px solid #949999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%
}

.rc-icon-plus-circle:before {
	content: "+";
	position: absolute;
	left: -2px;
	top: 0;
	display: block;
	width: 38px;
	height: 76px;
	background-repeat: no-repeat;
	background-position: center top
}

.rc-icon-plus-circle:hover {
	color: #fff;
	background-color: #949999
}

.rc-icon-plus-circle:hover:before {
	top: 0;
	bottom: auto
}

.ipad .rc-icon-plus-circle {
	line-height: 33px
}

.rc-icon-360-circle {
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 34px;
	text-align: center;
	color: #949999;
	border: 2px solid #949999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%
}

.rc-icon-360-circle:before {
	content: "360";
	position: absolute;
	left: -2px;
	top: 0;
	display: block;
	width: 38px;
	height: 76px;
	background-repeat: no-repeat;
	background-position: center top
}

.rc-icon-360-circle:hover {
	color: #fff;
	background-color: #949999
}

.rc-icon-360-circle:hover:before {
	top: 0;
	bottom: auto
}

/*.rc-icon-colorchip {
	display: block;
	width: 43px;
	height: 43px;
	background: url(//static.roland.com/products/rp701/images/gallery_color_chip.png) no-repeat left top
}*/

.rc-icon-colorchip:hover {
	background-position: left bottom
}


.color-indicator-active .rc-icon-colorchip {
	background-position: left bottom
}

.color-indicator-active .rc-icon-colorchip.rc-icon-colorchip-white {
	background-position: right bottom
}

.rc-icon-colorchip-white {
	background-position: right top
}

.rc-icon-colorchip-white:hover {
	background-position: right bottom
}

.color-indicator-active .rc-icon-colorchip-white {
	background-position: left bottom
}

.rc-button {
	padding: 0;
	background: none;
	border: none;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer
}

.rc-button {
	font-size: 16px;
	font-size: .8rem;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	padding: .8125em 1.25em;
	padding-right: 1.75em;
	transition-duration: .1s;
	-webkit-transition-duration: .1s;
	-moz-transition-duration: .1s
}

.rc-button > .rc-icon {
	margin-right: .71428571em
}

.rc-button:hover {
	background-color: #ccc
}

.rc-button-circle {
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%
}

.rc-button-circle:hover {
	background-color: #949999;
	border-color: #949999
}

.rc-button-close {
	color: #000;
	padding: 0
}

.rc-button-close:hover {
	color: #919696;
	background-color: transparent
}

.rc-paddle {
	speak: none;
	font-family: 'glyphicon';
	font-size: 65px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #000;
	width: 30px;
	height: 65px;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke: .2px #000
}

.rc-paddle:before {
	content: "\e612";
	margin-left: -0.3em;
	display: block;
	-webkit-transform: scale(1.15, 1);
	-moz-transform: scale(1.15, 1);
	-ms-transform: scale(1.15, 1);
	transform: scale(1.15, 1)
}

.rc-paddle:hover {
	color: #919696;
	background-color: transparent;
	-webkit-text-stroke-color: #919696
}

.rc-paddle.rc-paddle-right:before {
	content: "\e613"
}

.rc-cta {
	font-size: 16px;
	font-size: .8rem;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
	display: inline-block;
	cursor: pointer;
	transition-duration: .1s;
	-webkit-transition-duration: .1s;
	-moz-transition-duration: .1s
}

.rc-cta > .rc-icon {
	margin-right: .64285714em
}

.rc-cta .rc-icon-plus-circle {
	margin-right: .28125em
}

.rc-cta .rc-icon-360-circle {
	margin-right: .69230769em
}

.rc-cta:hover > .rc-icon:before {
	top: auto;
	bottom: 0
}

.rc-cta:hover .rc-icon-plus-circle, .rc-cta:hover .rc-icon-360-circle {
	color: #fff;
	background-color: #949999
}

.rc-cta:hover .rc-icon-plus-circle:before, .rc-cta:hover .rc-icon-360-circle:before {
	top: 0;
	bottom: auto
}

@media screen and (max-width:767px) {
	.rc-cta {
		font-size: .75rem;
		width: 100%;
		padding: 10px 0;
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		padding-left: 25px;
		padding-right: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box
	}
}

.rc-cta-text {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	overflow: hidden
}

.rc-cta.hidden .rc-cta-text {
	width: 0
}

.rc-cta.in-view .rc-cta-text {
	width: 100%;
	transition-duration: 1.2s;
	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s
}

.rc-more-box .rc-cta {
	margin-left: 35px
}

.rc-more-box .rc-cta:first-child {
	margin-left: 0
}

@media screen and (max-width:767px) {
	.rc-more-box .rc-cta {
		margin-left: 0
	}

    .rc-more-box .rc-cta + .rc-cta {
		border-top: none
	}
}

.social-web {
	text-align: center;
	position: relative;
	display: none;
	overflow: hidden;
	border-top: 1px solid #e0e0e0;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.social-web .row {
	position: relative;
	max-width: 1180px;
	width: auto;
	padding: 200px 50px 80px;
	z-index: 1
}

.social-web .cta {
	font-size: 14px;
	font-size: .7rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	color: #000;
	margin: 3.78571429em auto 0;
	display: inline-block;
	height: 40px;
	padding: 0 2.71428571em;
	-webkit-font-smoothing: subpixel-antialiased;
	border: 1px solid #ccc;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: .28571429em;
	-webkit-border-radius: .28571429em;
	-moz-border-radius: .28571429em
}

.social-web .cta:hover {
	color: #fff;
	background-color: #000;
	border-color: #000
}

@media screen and (max-width:767px) {
	.social-web {
		padding-bottom: 80px
	}

	.social-web .row {
		margin: 90px auto 0;
		padding: 0 25px
	}

	.social-web .cta {
		position: static;
		font-size: 15px;
		font-size: .75rem;
		line-height: 52px;
		letter-spacing: 0;
		margin-top: 70px;
		margin-left: auto;
		margin-right: auto;
		height: 50px;
		padding: 0 37px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.modal-timeline .social-web {
	border-top: none
}

.android42 .social-web {
	background-image: none
}

.js .social-web {
	display: block
}

.js .social-web .cta {
	margin-top: 2.85714286em
}

.social-web-copy {
	position: relative;
	padding-bottom: 100px;
	text-align: center;
	z-index: 1
}

.social-web-copy:before, .social-web-copy:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -1px;
	display: block;
	width: 35.2%;
	width: calc(50% - 175px);
	width: -webkit-calc(50% - 175px);
	height: 1px;
	background-color: #999
}

.social-web-copy:after {
	left: auto;
	right: 0
}

@media screen and (max-width:767px) {
	.social-web-copy {
		top: 0;
		padding-bottom: 60px;
		border-width: 1px
	}

    .social-web-copy:before, .social-web-copy:after {
		width: 17%;
		width: -webkit-calc(50% - 105px)
	}
}

.main .social-web-headline {
	font-size: 50px;
	font-size: 2.5rem;
	text-indent: 100%;
	white-space: nowrap;
	position: absolute;
	left: 0;
	right: 0;
	margin: -0.54em auto 0;
	display: block;
	width: 5em;
	height: 1.1em;
	background: url(//static.roland.com/global/images/social_web.png) no-repeat center top;
	overflow: hidden;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain
}

@media screen and (max-width:767px) {
	.main .social-web-headline {
		font-size: 1.6rem
	}
}

.social-web-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.social-web-background img {
	position: relative;
	width: 100%;
	vertical-align: top
}

.social-web-background-full img {
	left: 50%;
	width: auto;
	height: 100%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.social-web-background-full.social-web-background-fixed {
	position: fixed;
	height: 100%
}

.timeline-container {
	position: relative
}

.modal .timeline-container:after {
	content: "";
	margin: 100px auto 0;
	display: none;
	width: 60px;
	height: 60px;
	-webkit-animation: timeline-progress 1.4s infinite linear;
	animation: timeline-progress 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0)
}

@-webkit-keyframes timeline-progress {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes timeline-progress {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

/*.timeline-load-progress .timeline-container:after {
	background: url(//static.roland.com/promos/gomixer/connect/images/timeline_progress.svg) no-repeat center center
}*/

.timeline-load-complete .timeline-container:after {
	display: none
}

.social-timeline {
	position: relative;
	margin: -26px 0 0 -26px;
	padding: 0
}

.social-timeline.hidden {
	visibility: hidden;
	min-height: 1000px
}

@media screen and (max-width:767px) {
	.social-timeline {
		margin-top: 0;
		margin-left: 0;
		width: auto !important;
		height: auto !important
	}
}

.js .social-timeline {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto
}

.js .social-timeline-ready {
	visibility: visible
}

.sns-item {
	width: 33.33333333%;
	padding: 26px 0 0 26px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	transition-property: transform, opacity;
	-webkit-transition-property: transform, opacity;
	-moz-transition-property: transform, opacity;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s
}

.sns-item:nth-child(3n + 2).in-view {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s
}

.sns-item:nth-child(3).in-view {
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s
}

@media screen and (max-width:767px) {
	.sns-item {
		width: 100% !important;
		left: auto !important;
		top: auto !important
	}
}

.sns-item-inner {
	border: 1px solid #e0e0e0
}

@media screen and (max-width:767px) {
	.content-social-timeline .sns-item:nth-child(4) {
		display: none
	}

	.content-social-timeline .sns-item:nth-child(5) {
		display: none
	}

	.content-social-timeline .sns-item:nth-child(6) {
		display: none
	}
}

.js .sns-item {
	max-width: 376px;
	position: absolute;
	padding: 0
}

@media screen and (max-width:767px) {
	.js .sns-item {
		margin-top: 20px;
		max-width: none;
		position: relative
	}

	.js .sns-item:first-child {
		margin-top: 0
	}
}

.sns-image {
	position: relative
}

.sns-image img {
	width: 100%;
	vertical-align: top
}

.sns-image:hover .rc-icon-play-large {
	color: #919696;
	background-color: #fff
}

.sns-item-youtube .sns-image {
	padding: 40px 0;
	background-color: #000;
	overflow: hidden
}

.sns-item > a > .sns-image img {
	width: 100% !important;
	height: auto !important
}

.sns-image-list {
	background-color: #fff
}

.sns-image-list-item {
	position: relative;
	width: 33.33333333%;
	height: 0;
	padding-top: 33.33333333%;
	float: left;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.sns-image-list-item:first-child {
	width: 66.66666667%;
	padding-top: 100%
}

.sns-image-list-item:first-child .sns-image {
	border: none
}

.sns-image-list-item:first-child + .sns-image-list-item .sns-image {
	border-top: none
}

.sns-image-list-item .sns-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	overflow: hidden
}

.sns-image-list-item .sns-image.sns-image-panorama img {
	width: auto;
	height: 100%
}

.sns-image-list-item .sns-image img {
	position: absolute;
	left: 50%;
	top: 50%;
	left: 0 \9;
	top: 0 \9;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}

.sns-image-list-item:not(:target) .sns-image img {
	left: 50% \9;
	top: 50% \9
}

.sns-image-list-panorama .sns-image-list-item:first-child {
	width: 100%;
	padding-top: 66.66666667%
}

.sns-image-list-panorama .sns-image-list-item:first-child .sns-image {
	border: none
}

.sns-image-list-panorama .sns-image-list-item:first-child + .sns-image-list-item .sns-image {
	border-top: 2px solid #fff;
	border-left: none
}

.sns-image-list-3 .sns-image-list-item {
	width: 50%;
	padding-top: 50%
}

.sns-image-list-3 .sns-image-list-item:first-child {
	width: 50%;
	padding-top: 100%
}

.sns-image-list-3.sns-image-list-panorama .sns-image-list-item:first-child {
	width: 100%;
	padding-top: 50%
}

.sns-image-list-3.sns-image-list-panorama .sns-image-list-item:first-child .sns-image {
	border: none
}

.sns-image-list-3.sns-image-list-panorama .sns-image-list-item:first-child + .sns-image-list-item .sns-image {
	border-top: 2px solid #fff;
	border-left: none
}

.sns-image-list-2 .sns-image-list-item {
	width: 50%;
	padding-top: 100%
}

.sns-image-list-2 .sns-image-list-item .sns-image {
	border-left: 2px solid #fff
}

.sns-image-list-2 .sns-image-list-item:first-child {
	width: 50%;
	padding-top: 100%
}

.sns-image-list-2 .sns-image-list-item:first-child .sns-image {
	border: none
}

.sns-image-list-2.sns-image-list-panorama .sns-image-list-item {
	width: 100%;
	padding-top: 50%
}

.sns-image-list-2.sns-image-list-panorama .sns-image-list-item:first-child {
	width: 100%;
	padding-top: 50%
}

.sns-image-list-1 .sns-image-list-item:first-child {
	width: 100%;
	height: auto;
	padding-top: 0
}

.sns-image-list-1 .sns-image-list-item .sns-image {
	position: static
}

.sns-image-list-1 .sns-image-list-item .sns-image img {
	position: static;
	width: 100% !important;
	height: auto !important;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-ms-transform: translate(0, 0)
}

.sns-post {
	margin: 0;
	padding: 30px;
	background-color: #fff
}

@media screen and (max-width:767px) {
	.sns-post {
		padding: 25px
	}
}

.main .sns-post-text {
	font-size: 14px;
	font-size: .7rem;
	font-weight: 300;
	line-height: 1.42857143;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	color: #000;
	margin: -0.28571429em 0 -0.42857143em
}

.main .sns-post-text .url {
	word-break: break-all
}

@media screen and (max-width:767px) {
	.main .sns-post-text {
		font-size: 13px;
		font-size: .65rem
	}
}

.sns-post-info {
	margin-top: 40px;
	height: 30px;
	overflow: hidden
}

.sns-post-info a {
	text-decoration: none
}

.sns-post-info:before {
	content: "";
	margin-right: 10px;
	display: block;
	width: 30px;
	height: 30px;
	background: url(//static.roland.com/global/images/facebook.svg) no-repeat center center;
	background: url(//static.roland.com/global/images/facebook.png) no-repeat center center\9;
	float: left
}

@media screen and (max-width:767px) {
	.sns-post-info {
		margin-top: 28px
	}
}

.sns-item-youtube .sns-post-info:before {
	background: url(//static.roland.com/global/images/icon_youtube_alt.svg) no-repeat center center;
	background: url(//static.roland.com/global/images/icon_youtube_alt.png) no-repeat center center\9
}

.sns-post-category {
	font-size: 12px;
	font-size: .6rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.005em;
	text-align: left;
	color: #000;
	display: block;
	margin: .16666667em 0 -0.3em
}

.sns-post-date {
	font-size: 12px;
	font-size: .6rem;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0em;
	text-align: left;
	color: #919696;
	margin: .58333333em 0 0;
	display: block
}

.social-web-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.modal-timeline {
	overflow: hidden
}

.modal-timeline.timeline-full .cta {
	visibility: hidden
}

.modal-timeline .row {
	padding-bottom: 170px
}

.modal-timeline .cta {
	display: none;
	color: #fff
}

.modal-timeline .social-web-copy:before, .modal-timeline .social-web-copy:after {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5)
}

.modal-timeline .social-web-headline {
	background-image: url(//static.roland.com/global/images/social_web_white.png)
}

.modal-timeline .modal-content {
	z-index: 1;
	max-width: none;
	height: 100%;
	-webkit-overflow-scrolling: touch
}

.modal-timeline .sns-item-inner {
	border: none
}

.modal-timeline .social-web-background {
	opacity: 0;
	filter: alpha(opacity=0);
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	-ms-transition-timing-function: linear
}

.modal-timeline.in .social-web-background {
	opacity: 1;
	filter: alpha(opacity=100)
}

.modal-timeline .rc-button-close {
	color: #fff;
	right: 50px;
	top: 50px
}

.modal-timeline .rc-button-close:hover .rc-icon-remove {
	-webkit-text-stroke: .2px #fff
}

@media screen and (max-width:767px) {
	.modal-timeline .modal-content {
		min-width: 0
	}

	.modal-timeline .rc-button-close {
		right: 25px;
		top: 25px
	}
}

#hero {
	padding-top: 41.66666667%;
	background-color: #FFF;
	overflow: hidden
}

#hero .hero-headline {
	font-size: 80px;
	font-size: 4rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	margin: -0.125em auto -0.0625em
}

/*#hero .icon-chevron-down {
	vertical-align: top;
	display: inline-block;
	width: 32px;
	height: 17px;
	background: url(//static.roland.com/products/gp607/images/chevron_down.svg) no-repeat center top;
	z-index: 1;
	overflow: hidden;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain
}*/

@media screen and (min-width:1600px) {
	#hero {
		padding-top: 667px
	}
}

@media screen and (max-width:1440px) {
	#hero {
		padding-top: 600px
	}
}

@media screen and (max-width:767px) {
	#hero {
		padding-top: 110%
	}

	#hero .hero-headline {
		font-size: 2.3rem
	}
}

.hero-copy {
	text-align: left;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: auto;
	width: 980px;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media screen and (max-width:767px) {
	.hero-copy {
		width: auto
	}
}

.hero-tagline {
	font-size: 24px;
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	margin: .5em auto 0;
	display: block
}

@media screen and (max-width:767px) {
	.hero-tagline {
		font-size: .65rem
	}
}

.hero-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000
}

.hero-image img, .hero-image video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: .85;
	filter: alpha(opacity=85)
}

.hero-image video {
	display: none
}

@media screen and (max-width:767px) {
    .hero-image img, .hero-image video {
		width: auto;
		height: 100%
	}
}

/*.video .hero-image[data-play="on-scroll"] img {
	display: none !important
}

.video .hero-image[data-play="on-scroll"] video {
	display: block
}*/

.hero-scroll-indicator {
	line-height: 0;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	z-index: 1
}

.hero-sharer {
	position: absolute;
	right: 30px;
	bottom: 30px;
	z-index: 2
}

.hero-sharer .rc-button {
	width: 31px;
	height: 31px;
	vertical-align: top
}

.mbig #overview {
	background-color: #fff
}

.mbig #overview .row {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1080px;
	padding: 100px 50px;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.mbig #overview .overview-title {
	font-size: 50px;
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	color: #000;
	margin-top: -0.22em;
	margin-bottom: .72em;
	width: auto;
	max-width: 900px
}

.mbig #overview .overview-text {
	font-size: 16px;
	font-size: .8rem;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	color: #000;
	margin-top: -0.375em;
	margin-bottom: -0.4375em !important;
	width: auto
}

.mbig #overview .overview-text + .rc-more-box {
	margin-top: 41px
}

@media screen and (max-width:767px) {
	.mbig #overview {
		padding-bottom: 0
	}

	.mbig #overview .row {
		padding: 0 25px
	}

	.mbig #overview .overview-title {
		font-size: 1.5rem
	}

	.mbig #overview .overview-text {
		font-size: .75rem
	}

	.mbig #overview .rc-cta {
		margin-left: -25px;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-o-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box
	}
}

.product-gallery {
	padding: 100px 0 49px;
	border-top: 1px solid #e0e0e0
}

@media screen and (max-width:767px) {
	.product-gallery {
		padding: 50px 0 0;
		border-top: none
	}
}

.product-gallery-container {
	position: relative;
	margin: 0 auto;
	max-width: 1080px;
	padding: 600px 0 0
}

@media screen and (max-width:767px) {
	.product-gallery-container {
		padding-top: 58.59375%;
		padding-left: 0;
		padding-right: 0
	}
}

.product-gallery-item {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	padding: 0 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.product-gallery-item {
		padding: 0 20px
	}
}

.product-gallery-item-active {
	display: block;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	-ms-transition-timing-function: linear
}

.product-gallery-item-active.in {
	z-index: 2;
	opacity: 1;
	filter: alpha(opacity=100);
	transition-duration: .7s;
	-webkit-transition-duration: .7s;
	-moz-transition-duration: .7s
}

.product-gallery-image {
	position: relative;
	margin: 0 auto;
	height: 100%
}

.product-gallery-image img, .product-gallery-image video {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.product-gallery-image video {
	display: none
}

@media screen and (max-width:767px) {
	.product-gallery-image img {
		display: block;
		width: 100%
	}

	.product-gallery-image video {
		display: none
	}

    .product-gallery-image.autoplay-canplay img, .product-gallery-image.autoplay-playing img {
		display: block
	}

    .product-gallery-image.autoplay-canplay video, .product-gallery-image.autoplay-playing video {
		display: none
	}
}

.video .product-gallery-image.autoplay-canplay img, .video .product-gallery-image.autoplay-playing img {
	display: none
}

.video .product-gallery-image.autoplay-canplay video, .video .product-gallery-image.autoplay-playing video {
	display: block
}

.product-gallery-control {
	text-align: center;
	position: relative;
	margin: 99px auto 0;
	display: none;
	max-width: 1080px;
	padding: 0 50px;
	z-index: 3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.product-gallery-control .rc-more-box {
	margin: 0 auto;
	display: block
}

@media screen and (max-width:767px) {
	.product-gallery-control {
		margin-top: 50px;
		padding: 0
	}

	.product-gallery-control .rc-more-box .rc-cta {
		padding-left: 25px;
		padding-right: 25px;
		float: none
	}

	.product-gallery-control .rc-more-box .rc-cta:first-child {
		margin-left: 0
	}
}

.js .product-gallery-control {
	display: block
}


/* removed 2020-12-21 by jsparacio to center color swatches */
/*.color-indicators {
	position: absolute;
	right: 50px;
	top: 0;
	display: inline-block
}

@media screen and (max-width:767px) {
	.color-indicators {
		text-align: left;
		position: static;
		display: block;
		padding: 15px 25px;
		vertical-align: top;
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0
	}
}*/

/* added 2020-12-21 by jsparacio to overwrite gold LX-7 paddles and color chip borders */
.gallery-color .paddle:before {
	background: url(//static.roland.com/products/rp701/images/paddle.svg) left top !important;
}

.gallery-item img {
	max-width: 720px;
}

.rc-more-box + .color-indicators {
	border-top: none
}

.color-indicator {
	background-image: url(//static.roland.com/products/rp701/images/gallery_color_chip.png) !important;
}

.color-indicator:first-child {
	margin-left: 0
}

.color-indicator:first-child .color-indicator-name {
	left: 70px
}

.color-indicator .rc-icon-colorchip {
	position: absolute;
	left: -2px;
	top: -2px
}

.color-indicator:hover .color-indicator-name {
	display: block
}

@media screen and (max-width:767px) {
	.color-indicator {
		margin-left: 10px
	}
}

.color-indicator-name {
	font-size: 13px;
	font-size: .65rem;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0;
	text-align: left;
	text-transform: capitalize;
	white-space: nowrap;
	color: #999;
	position: absolute;
	left: 35px;
	top: 50%;
	display: none;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.color-indicator-active .color-indicator-name {
	display: block
}

.photo-gallery {
	line-height: 0;
	text-align: center;
	padding: 50px 0 99px;
	border-top: 1px solid #e0e0e0
}

.photo-gallery .carousel {
	position: relative;
	margin: 0 auto;
	max-width: 1080px;
	padding: 0 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.photo-gallery .carousel-transition .carousel-slider {
	transition-duration: .7s;
	-webkit-transition-duration: .7s;
	-moz-transition-duration: .7s;
	transition-delay: .5s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s
}

.photo-gallery .rc-paddle {
	color: #666;
	position: absolute;
	top: 0;
	left: 50px;
	margin-top: 24.79591837%;
	z-index: 3;
	-webkit-text-stroke: .2px #666
}

.photo-gallery .rc-paddle:hover {
	color: #000;
	-webkit-text-stroke: .2px #000
}

.photo-gallery .rc-paddle-right {
	left: auto;
	right: 50px
}

.photo-gallery.photo-gallery-image-hover .rc-paddle {
	display: block
}

@media screen and (max-width:767px) {
	.photo-gallery {
		padding: 80px 0 0;
		border-top: none
	}

	.photo-gallery .carousel {
		padding: 0
	}
}

.photo-gallery-container {
	position: relative;
	margin-left: -5px;
	padding: 56.2244898% 5px 310px
}

@media screen and (max-width:767px) {
	.photo-gallery-container {
		width: auto;
		padding-top: 62.5%;
		padding-bottom: 300px;
		overflow: hidden
	}
}

.photo-gallery-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 5px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.photo-gallery-item.carousel-item-previous .photo-gallery-image {
	opacity: 1;
	filter: alpha(opacity=100)
}

.photo-gallery-item.carousel-item-current .photo-gallery-image {
	opacity: 1;
	filter: alpha(opacity=100);
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s
}

.photo-gallery-item.carousel-item-current .photo-gallery-item-copy {
	opacity: 1;
	filter: alpha(opacity=100)
}

.photo-gallery-item.left {
	left: -100%
}

.photo-gallery-item.right {
	left: 100%
}

.photo-gallery-item .photo-gallery-item-copy {
	opacity: 0;
	filter: alpha(opacity=0);
	transition-duration: .7s;
	-webkit-transition-duration: .7s;
	-moz-transition-duration: .7s
}

.photo-gallery-item .photo-gallery-image {
	opacity: .2;
	filter: alpha(opacity=20);
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	-ms-transition-timing-function: linear
}

@media screen and (max-width:767px) {
	.photo-gallery-item {
		padding-left: 0;
		padding-right: 0
	}

	.photo-gallery-item .rc-icon-play-large {
		display: block
	}
}

.photo-gallery-item-copy {
	margin: 0 auto;
	max-width: 650px;
	padding-top: 110px
}

@media screen and (max-width:767px) {
	.photo-gallery-item-copy {
		text-align: left;
		padding-top: 60px;
		padding-left: 25px;
		padding-right: 25px
	}
}

.photo-gallery .photo-gallery-item-headline {
	font-weight: 300;
	font-size: 20px;
	font-size: 1rem;
	line-height: 1.2;
	text-transform: none;
	color: #000;
	margin: -0.25em 0 .7em
}

@media screen and (max-width:767px) {
	.photo-gallery .photo-gallery-item-headline {
		font-size: 1rem;
		text-align: left;
		line-height: 1.3;
		margin: -0.2em 0 .75em
	}
}

.photo-gallery .photo-gallery-item-text {
	font-weight: 300;
	font-size: 14px;
	font-size: .7rem;
	line-height: 1.57142857;
	color: #000;
	margin-top: -0.35714286em;
	margin-bottom: -0.5em !important
}

.photo-gallery-image {
	position: relative;
	padding-top: 56.2244898%;
	overflow: hidden
}

.photo-gallery-image a {
	cursor: default
}

.photo-gallery-image img, .photo-gallery-image video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden
}

.photo-gallery-image img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

@media screen and (max-width:767px) {
	.photo-gallery-image {
		padding-top: 56.25%
	}
}

.photo-gallery-indicators {
	position: absolute;
	left: 50%;
	bottom: 250px;
	margin: auto;
	display: inline-block;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media screen and (max-width:767px) {
	.photo-gallery-indicators {
		bottom: 285px;
		padding: 0
	}
}

.photo-gallery-indicator {
	position: relative;
	margin-left: 21px;
	width: 11px;
	height: 11px;
	float: left;
	cursor: pointer
}

.photo-gallery-indicator:first-child {
	margin-left: 0
}

.photo-gallery-indicator:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	background-color: #919696;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.photo-gallery-indicator:hover:before, .photo-gallery-indicator.active:before,
.photo-gallery-indicator.carousel-current:before {
	background-color: transparent;
	border: 1px solid #000
}

@media screen and (max-width:767px) {
	.photo-gallery-indicator {
		width: 8px;
		height: 8px
	}

	.photo-gallery-indicator:before {
		width: 100%;
		height: 100%
	}
}

.features {
	padding-top: 150px;
	border-top: 1px solid #e0e0e0
}

@media screen and (max-width:767px) {
	.features {
		padding-top: 80px;
		border-top: none
	}
}

.features-column {
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	padding: 0 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.features-column .padder {
	content: "";
	margin: 148px auto 150px;
	display: block;
	width: 200px;
	height: 1px;
	background-color: #000
}

.features-column:last-child {
	padding-bottom: 150px
}

.features-column:last-child .padder {
	display: none
}

@media screen and (max-width:767px) {
	.features-column {
		padding-top: 80px;
		padding: 0 15px
	}

	.features-column .padder {
		margin: 58px auto 60px;
		width: 100px
	}

	.features-column:last-child {
		padding-bottom: 80px
	}
}

.js .features-column .padder[data-show="on-scroll"] {
	width: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px)
}

.js .features-column .padder[data-show="on-scroll"].in-view {
	width: 200px
}

@media screen and (max-width:767px) {
	.js .features-column .padder[data-show="on-scroll"].in-view {
		width: 100px
	}
}

.features-column-hero {
	position: relative;
	padding-top: 64.40677966%;
	overflow: hidden
}

.features-column-hero img, .features-column-hero video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.features-column-hero video {
	display: none
}

@media screen and (max-width:767px) {
	.features-column-hero {
		padding-top: 100%
	}

	.features-column-hero img {
		margin-left: -25%;
		width: 150%
	}
}

.video .features-column-hero[data-play="on-scroll"] img {
	display: none
}

.video .features-column-hero[data-play="on-scroll"] video {
	display: block
}

.features-column-copy {
	margin-left: 0;
	display: table;
	width: 100%;
	padding-top: 50px
}

@media screen and (max-width:767px) {
	.features-column-copy {
		display: block;
		width: auto;
		padding: 30px 15px 0
	}
}

.features-column-copy-col {
	text-align: left;
	display: table-cell;
	width: 180px;
	vertical-align: top
}

.features-column-copy-col:first-child {
	width: auto;
	padding-right: 50px
}

.features-column-copy-col .rc-cta + .rc-cta {
	margin-top: 20px
}

@media screen and (max-width:767px) {
	.features-column-copy-col {
		text-align: left;
		display: block;
		width: auto
	}

	.features-column-copy-col:first-child {
		padding-right: 0
	}

    .features-column-copy-col + .features-column-copy-col {
		margin-top: 30px
	}

	.features-column-copy-col .rc-cta {
		padding-left: 30px;
		padding-right: 30px;
		margin-left: -30px;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-o-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box
	}

    .features-column-copy-col .rc-cta + .rc-cta {
		margin-top: 0;
		border-top: none
	}
}

.main .features-column-title {
	font-size: 35px;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1.28571429;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	color: #000;
	margin: -0.25714286em 0 .91428571em;
	max-width: 700px
}

@media screen and (max-width:767px) {
	.main .features-column-title {
		font-size: 1.25rem
	}
}

.features-column-text + .features-column-title {
	margin-top: 2.6em
}

@media screen and (max-width:767px) {
    .features-column-text + .features-column-title {
		margin-top: 1em
	}
}

.main .features-column-text {
	font-size: 16px;
	font-size: .8rem;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	color: #000;
	margin-left: 0;
	margin-top: -0.4375em;
	margin-bottom: -0.3125em;
	max-width: 900px
}

@media screen and (max-width:767px) {
	.main .features-column-text {
		font-size: .75rem
	}
}

.features-column-text + .rc-cta {
	margin-top: 40px
}

.next-router {
	text-align: center;
	padding: 100px 0 91px;
	border-top: 1px solid #e0e0e0
}

.next-router-cta {
	font-size: 16px;
	font-size: .8rem;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.01em;
	text-decoration: none;
	color: #000;
	display: inline-block
}

.next-router-cta .rc-icon {
	display: block;
	margin-bottom: 10px
}

.next-router-experience {
	text-align: left;
	position: relative;
	padding-top: 600px;
	padding-bottom: 0;
	border: none
}

@media screen and (max-width:767px) {
	.next-router-experience {
		padding-top: 58.59375%
	}
}

.safari .next-router .next-router-title {
	font-weight: 200;
	-webkit-font-smoothing: antialiased
}

.safari .next-router .next-router-cta {
	font-weight: 400;
	-webkit-font-smoothing: antialiased
}

.next-router-copy {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 4px auto 0;
	max-width: 1180px;
	padding: 0 58px 0;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media screen and (max-width:767px) {
	.next-router-copy {
		padding: 0 30px 0
	}
}

.next-router-experience .next-router-title {
	font-size: 50px;
	font-size: 2.5rem;
	font-weight: 100;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	color: #fff;
	margin: -0.2em 0 .7em;
	max-width: 600px
}

@media screen and (max-width:767px) {
	.next-router-experience .next-router-title {
		font-size: 1.25rem
	}
}

.next-router-experience .next-router-cta {
	font-size: 14px;
	font-size: .7rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.01em;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	padding: .85714286em 2em .85714286em 2.21428571em;
	border: 1px solid #fff;
	border-color: rgba(255, 255, 255, 0.5);
	border-radius: .28571429em;
	-webkit-border-radius: .28571429em;
	-moz-border-radius: .28571429em
}

.next-router-experience .next-router-cta:hover {
	color: #000;
	background-color: #fff
}

@media screen and (max-width:767px) {
	.next-router-experience .next-router-cta {
		font-size: .6rem
	}
}

.next-router-hero {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	overflow: hidden
}

.next-router-hero img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	vertical-align: top;
	opacity: .85;
	filter: alpha(opacity=85);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media screen and (max-width:767px) {
	.next-router-hero img {
		position: relative;
		top: 0;
		left: 50%;
		width: auto;
		height: 100%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

.experience {
	padding: 150px 0 0
}

@media screen and (max-width:767px) {
	.experience {
		padding-top: 80px
	}
}

.experience .experience-headline {
	font-weight: 300;
	font-size: 20px;
	font-size: 1rem;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	color: #000;
	margin: -0.25em 0 .7em
}

@media screen and (max-width:767px) {
	.experience .experience-headline {
		text-align: left;
		line-height: 1.4
	}
}

.experience .experience-text {
	font-weight: 300;
	font-size: 14px;
	font-size: .7rem;
	line-height: 1.57142857;
	letter-spacing: 0;
	color: #000;
	margin-top: -0.35714286em;
	margin-bottom: -0.5em !important
}

@media screen and (max-width:767px) {
	.experience .experience-text {
		text-align: left
	}
}

.safari .experience .fp-cta {
	font-weight: 300;
	-webkit-font-smoothing: antialiased
}

.experience-section {
	margin: 0 auto 0;
	max-width: 1280px;
	padding: 0 50px 150px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.experience-section {
		padding: 0 15px 80px
	}
}

.experience-copy {
	text-align: center;
	margin: 0 auto;
	max-width: 650px;
	padding-top: 50px
}

@media screen and (max-width:767px) {
	.experience-copy {
		padding: 40px 15px 0
	}
}

.js .experience-copy[data-show="on-scroll"] {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none
}

.experience-image {
	position: relative;
	padding-top: 56.18644068%;
	overflow: hidden
}

.experience-image a {
	cursor: default
}

.experience-image .rc-icon-play-large {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 76px;
	height: 76px;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.experience-image .rc-icon-play-large:before {
	width: 76px;
	height: 152px
}

.experience-image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	vertical-align: top;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.modal-gallery {
	opacity: 1;
	filter: alpha(opacity=100)
}

.modal-gallery.active {
	visibility: visible
}

.modal-gallery .modal-content {
	max-height: none
}

.modal-gallery .modal-content {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	min-height: 600px;
	background-color: #fff;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.modal-gallery .rc-button-close {
	right: 50px;
	top: 50px
}

.modal-gallery .dotnav {
	position: absolute;
	left: 50%;
	bottom: 43px;
	display: inline-block;
	z-index: 3;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.modal-gallery .dotnav-item {
	position: relative;
	width: 11px;
	height: 11px;
	margin-left: 21px;
	float: left;
	cursor: pointer
}

.modal-gallery .dotnav-item:first-child {
	margin-left: 0
}

.modal-gallery .dotnav-item:hover .dotnav-dot {
	width: 10px;
	height: 10px;
	background-color: transparent;
	border: 1px solid #000
}

.modal-gallery .dotnav-dot {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	background-color: #919696;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%
}

.modal-gallery .rc-paddle {
	position: absolute;
	top: 50%;
	left: 50px;
	margin-top: -32.5px;
	z-index: 3
}

.modal-gallery .rc-paddle-right {
	left: auto;
	right: 50px
}

@media screen and (max-width:767px) {
	.modal-gallery .rc-button-close {
		right: 25px;
		top: 25px
	}

	.modal-gallery .dotnav {
		text-align: center;
		left: 0;
		display: block;
		width: 100%;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none
	}

	.modal-gallery .dotnav-item {
		margin-left: 10px;
		display: inline-block;
		vertical-align: top;
		float: none
	}
}

.modal-gallery-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.modal-gallery-item {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 100px 130px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.modal-gallery-item {
		padding: 80px 25px
	}
}

.modal-gallery-image {
	position: relative;
	width: 100%;
	height: 100%
}

.modal-gallery-image.modal-gallery-image-vertical img {
	width: auto;
	height: 100%
}

.modal-gallery-image img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.carousel-current .dotnav-dot {
	width: 10px;
	height: 10px;
	background-color: transparent;
	border: 1px solid #000
}

.modal-gallery-360 .modal-content {
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none
}

.modal-gallery-360 video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.modal-gallery-360 .rc-button-close {
	position: absolute;
	right: 50px;
	top: 50px;
	z-index: 3
}

.modal-gallery-360 .rc-icon-replay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
	cursor: pointer
}

.modal-gallery-360.modal-gallery-360-ended .rc-icon-replay {
	display: block
}

@media screen and (max-width:767px) {
	.modal-gallery-360 .rc-button-close {
		right: 30px;
		top: 30px
	}
}

.modal-standard-features .modal-content {
	margin: 0 auto;
	width: 980px;
	min-width: 0
}

@media screen and (max-width:767px) {
	.modal-standard-features .modal-content {
		width: auto
	}
}

.standard-features {
	position: relative;
	margin: 0 auto;
	padding: 150px;
	background-color: #fff
}

@media screen and (max-width:767px) {
	.standard-features {
		padding: 100px 25px 80px
	}
}

.standard-features .standard-features-headline {
	font-size: 37px;
	font-size: 1.85rem;
	font-weight: 100;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	text-transform: capitalize;
	color: #000;
	margin: -0.13513514em auto 1.02702703em
}

@media screen and (max-width:767px) {
	.standard-features .standard-features-headline {
		font-size: 1.5rem
	}
}

.standard-features .standard-features-list {
	border-bottom: 1px solid #ccc
}

.standard-features .standard-features-list-item {
	font-size: 16px;
	font-size: .8rem;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	color: #000;
	padding: 1.0625em 0 1.125em;
	border-top: 1px solid #ccc
}

@media screen and (max-width:767px) {
	.standard-features .standard-features-list-item {
		font-size: .7rem
	}
}

#promos {
	display: none
}

#specifications, #articles, #accessories, #downloads, #support {
	padding-bottom: 100px
}

@media screen and (max-width:767px) {
    #specifications, #articles, #accessories, #downloads, #support {
		padding-bottom: 0
	}
}

@media screen and (max-width:1080px) {
	.product-gallery-container {
		padding-top: 55.55555556%
	}
}

.sound-system-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 81.3559322%
}

@media screen and (max-width:767px) {
	.sound-system-cover {
		padding-top: 130%
	}
}

.rld-loader {
	background-color: #fff
}

.rld-progressbar {
	height: 1px;
	background-color: #000
}

.sound-system-panel-top, .sound-system-panel-middle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.sound-system-panel-top img, .sound-system-panel-middle img {
	width: 100%
}

@media screen and (max-width:767px) {
    .sound-system-panel-top img, .sound-system-panel-middle img {
		width: 150%;
		margin-left: -25%
	}
}

/*.social-web-background {
	background-image: url(//static.roland.com/products/gomixer/features/images/social_web_hero.jpg)
}*/

#guide {
	top: 70px
}

@media screen and (max-width:1070px) {
	.hero-image video {
		width: auto;
		height: 100%
	}
}

.rc-paddle {
	color: #000;
	-webkit-text-stroke: .2px #000
}

.rc-paddle:hover {
	color: #919696;
	-webkit-text-stroke-color: #919696
}

.features-column-hero-detail {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transition-duration: .7s;
	-webkit-transition-duration: .7s;
	-moz-transition-duration: .7s
}

.features-column-hero-detail video {
	display: block;
	width: 100%;
	height: 100%
}

.features-column-hero-detail .rc-icon-replay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
	display: none
}

.features-column-hero-detail .rc-button-close {
	color: #000;
	position: absolute;
	right: 30px;
	top: 30px
}

.features-column-hero-detail .rc-button-close:hover {
	color: #919696
}

.active .features-column-hero-detail {
	left: 0
}

.ended .features-column-hero-detail .rc-icon-replay {
	display: block
}

.modal-gallery .modal-content {
	background-color: #fff
}

.modal-gallery .rc-button-close {
	color: #000
}

.modal-gallery .rc-button-close:hover {
	color: #919696
}

.carousel-current .dotnav-dot {
	border: 1px solid #000
}

.product-gallery {
	padding-top: 150px;
	padding-bottom: 100px;
	background-color: #fff;
	border-top: none
}

.product-gallery .rc-cta {
	color: #000
}

.product-gallery .rc-button-close {
	color: #000
}

.product-gallery .rc-button-close:hover {
	color: #919696
}