.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}

#contentheader{
display:none}

.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}

.js:not(.android42) [data-show="on-scroll"]{
opacity:0;
filter:alpha(opacity=0);
-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);
}

.rc-icon{
text-decoration:none;
position:relative;
margin:21px 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-arrow-right:before{
background-image:url(https://static.roland.com/global/images/icon_arrow_right.svg)}
.rc-icon-play:before{
background-image:url(https://static.roland.com/global/images/icon_play.svg)}

/* main-content */

#content-container{
background-color:#000;}

.masthead{
position:relative;
height:0;
padding-top:40.0%}

@media screen and (max-width:1440px){
.masthead{
padding-top:640px}
}

@media screen and (max-width:767px){
.masthead{
height:auto;
padding-top:185px}
}

.masthead-logo{
text-align:center;
position:absolute;
top:90px;
left:0;
right:0;
margin:0 auto;
padding-left:460px;
width:500px;
max-width:500px;
z-index:1
}

.masthead-copy{
font-family:"proxima-nova",sans-serif !Important;
text-align:center;
position:absolute;
top:250px;
left:0;
right:0;
margin:0 auto;
font-size:2.7rem;
color:#fff;
width:740px;
max-width:740px;
z-index:1
}

.masthead-subcopy{
text-align:center;
position:absolute;
top:540px;
left:0;
right:0;
margin:0 auto;
font-size:2.2rem;
color:#fff;
width:620px;
max-width:600px;
z-index:1
}

@media screen and (max-width:1024px){
.masthead-logo{
text-align:center;
position:absolute;
top:90px;
left:0;
right:0;
margin:0 auto;
padding-left:460px;
width:320px;
max-width:300px;
z-index:1
}

.masthead-copy{
text-align:center;
position:absolute;
top:250px;
left:0;
right:0;
margin:0 auto;
font-size:2.7rem;
color:#fff;
width:1024px;
max-width:1024px;
z-index:1
}

.masthead-subcopy{
text-align:center;
position:absolute;
top:540px;
left:0;
right:0;
margin:0 auto;
font-size:1.5rem;
color:#fff;
width:620px;
max-width:600px;
z-index:1}
}

@media screen and (max-width:767px){
.masthead-logo{
text-align:center;
position:absolute;
padding-left:120px;
z-index:1}  

.masthead-logo img{
position:absolute;
top:-70px;
margin:0 auto;
width:100px;
max-width:100px;
height:auto;
z-index:1}   

.masthead-copy{
position:absolute;
top:50px;
margin-top:0;
font-size:1.2rem;
width:auto;
padding-left:20px;
padding-right:20px;
max-width:330px}

.masthead-subcopy{
position:rabsolute;
top:80px;
margin-top:0;
font-size:0.7rem;
width:auto;
padding-left:30px;
padding-right:30px;
max-width:590px}
}

@media screen and (max-width:374px){
.masthead-logo{
text-align:center;
position:absolute;
padding-left:60px;
z-index:1}  

.masthead-copy{
font-size:1.0rem;
} 
}

.masthead-headline{
font-weight:400;
font-size:53px;
font-size:2.65rem;
line-height:1;
letter-spacing:.05em;
text-transform:uppercase;
color:#fff;
margin:0 0 .8490566em;
-webkit-font-smoothing:antialiased}

@media screen and (max-width:767px){
.masthead-headline{
font-size:32px;
font-size:1.6rem;
font-weight:300}
}

.masthead-headline img{
width:100%;
max-width: 300px;
margin: 0 auto;
}

.masthead-text{
font-weight:300;
font-size:13px;
font-size:.65rem;
line-height:2.53846154;
letter-spacing:0;
color:#fff;
margin:-0.76923077em 0 0;
transition-delay:.2s;
-webkit-transition-delay:.2s;
-moz-transition-delay:.2s}

.masthead-text:after{
margin:2.92307692em auto 0}

@media screen and (max-width:767px){
.masthead-text{
font-size:15px;
font-size:.75rem;
line-height:1.76923077}
}

.safari .masthead-text{
font-weight:400;
-webkit-font-smoothing:antialiased}

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

.masthead-hero img, .masthead-hero 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)
}

@media screen and (max-width:1440px){
.masthead-hero{
left:50%;
margin-left:-720px;
width:1440px}
}

@media screen and (max-width:767px){
.masthead-hero{
left:0;
margin-left:0;
width:100%}

.masthead-hero img{
width:140.625%;
margin-left:-20%}

}

.masthead-hero video {
	display: none
}
@media screen and (max-width: 767px) {
	.masthead-hero img, .masthead-hero video {
    width: 120%;
    /* height: 100%; */
    margin: 0 auto;
	}
}
.video .masthead-hero[data-play="on-scroll"] img {
	display: none !important
}
.video .masthead-hero[data-play="on-scroll"] video {
	display: block
}

/* section */

.driver,.cable,.tips{
background-color:#000;
}

.section-video{
text-align:left;
margin:0 auto;
width:100%;
max-width:1240px;
padding:200px 50px 150px;
-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){
.section-video{
padding-left:30px;
padding-right:30px;
padding-bottom:80px}

}

.intoroduction,.usage{
padding-bottom:48px}

.intoroduction .section-player,.intoroduction .section-player{
transition-delay:.5s;
-webkit-transition-delay:.5s;
-moz-transition-delay:.5s}

@media screen and (max-width:767px){
.intoroduction{
padding-bottom:80px;
padding-top: 100px;}
.usage{
padding-bottom:80px;
padding-top: 30px; 
}
}

.section-player{
position:relative;
padding-top:30%}

.section-player img,.section-player video{
position:absolute;
left:0;
top:0;
width:100%}

.section-player video{
display:none;
opacity:.9;
filter:alpha(opacity=90)}

.video .section-player[data-play="on-scroll"] img{
display:none}

.video .section-player[data-play="on-scroll"] video{
display:block}

.intoroduction-copy,.usage-copy{
margin:0 auto;
width:750px;
padding-top:75px;
}

.player-copy{
margin:0 auto;
width:780px;
padding-top:5px}

@media screen and (max-width:767px){
.player-copy{
width:auto;
padding-top:50px}
.usage-copy.player-copy{
width:auto;
padding-top:15px}
}

.player-headline{
font-weight:500;
font-size:34px;
font-size:1.6rem;
line-height:1.6;
letter-spacing:.1em;
text-transform:none;
color:#fff;
width:630px;
margin:0 auto 1.67647059em}

@media screen and (max-width:767px){
.player-headline{
font-size:26px;
font-size: 1.2rem;
width: 100%;}

}

.safari .player-headline{
font-weight:400;
-webkit-font-smoothing:antialiased}

.player-title{
font-weight:100;
font-size:24px;
font-size:1.2rem;
line-height:1;
letter-spacing:.075em;
text-transform:none;
color:#fff;
position:absolute;
left:0;
top:50%;
margin-top:-0.5em;
width:100%;
z-index:1}

@media screen and (max-width:767px){
.player-title{
font-size:14px;
font-size:.7rem}

}

.safari .player-title{
font-weight:500;
-webkit-font-smoothing:antialiased}

.section{
position:relative;
padding-top:62.5%}

.initposition{
    padding-top:0;
    padding-bottom:45px;
}
.section-copy{
position:absolute;
left:0;
right:0;
top:50%;
margin:auto;
width:100%;
max-width:1280px;
padding:0 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;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)}

@media screen and (max-width:767px){
.section-copy{
position:relative;
top:auto;
padding: 200px 30px 75px;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
transform:none;}
.origin-spec .section-copy,.spirit-spec .section-copy{
padding:45px;
}

.section-copy-left .section-copy-inner{
margin-top:100px;
}
}

@media screen and (max-width:480px){
  .section-copy{
    padding: 135px 30px 75px; 
  }
}
  

.section-copy-left .section-copy-inner{
margin-top:0px;
margin-left:0;
margin-right:auto}

.section-copy-inner{
margin-left:auto;
margin-right:0;
width:500px}

@media screen and (max-width:1279px) {
  .section-copy-inner {
    background-color:rgba( 0, 0, 0, 0.6 );
    padding:20px;
    padding-top:30px;
    padding-bottom:25px;}
  .blue-background{
    background-color:rgba( 35, 88, 154, 0.7 );}
  .grey-background{
    background-color:rgba( 34, 34, 34, 0.7 );}
}  

@media screen and (max-width:767px){
.section-copy-inner{
background-color:transparent;
padding:0px;
padding-top:0px;
padding-bottom:5px;}

.section-copy-inner{
width:auto}
}

.section-headline{
font-weight:100;
font-size:28px;
font-size:1.2rem;
line-height:1;
letter-spacing:.05em;
text-transform:none;
color:#fff;
margin:-0.42857143em 0 1.32142857em;
margin-bottom:0.8em;
max-width:480px}

.section-headline-title{
font-size:0.9rem;
line-height:1.78571429;
letter-spacing:.05em;
text-transform:none;
color:#fff;
margin:-0.42857143em 0 1.32142857em;
max-width:480px}

@media screen and (max-width:767px){
.section-headline{
font-size:22px;
font-size:1.1rem;
line-height:1}

.section-headline-title{
font-size:0.8rem;}

}

.safari .section-headline{
font-weight:400;
-webkit-font-smoothing:antialiased}

@media screen and (max-width:767px){
.safari .section-headline{
font-weight:400;
-webkit-font-smoothing:subpixel-antialiased}

}

.section-headline span {
    font-size: 20px;
    font-size: 0.8rem;
}


.section-text,.section-text:last-child{
font-weight:100;
font-size:14px;
font-size:.7rem;
line-height:2.35714286;
letter-spacing:.05em;
color:#fff;
margin:0em 0 -0.71428571em;
max-width:800px}

.section-text span {
    font-size: 1.2rem;
    margin-left: 10px;
}

@media screen and (max-width:767px){
.section-text,.section-text:last-child{
line-height:2}

.section-text span {
    font-size: 1.1rem;
}
}

font-weight:400;
-webkit-font-smoothing:antialiased}

.section-text.span {
    font-size: 12px;
    font-size: 1.0px;
}

.section-image{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;}

.specification{
position:initial;
}

.section-image img,.section-image video{
width:100%;
vertical-align:top}

.section-image video{
display:none}

@media screen and (max-width:767px){
.section-image img{
width:140%;
margin-left: -53%;}

}

@media screen and (max-width:767px){
.cable .section-image img{
margin-left: 14%;}
.artists .section-image img{
margin-left: -40%;}
.origin-spec .section-image img,.spirit-spec .section-image img{ 
margin-left: -20%;}
.origin-spec-g .section-image img,.spirit-spec-g .section-image img{ 
        margin-left: -25%;}
}


.video .section-image[data-play="on-scroll"] img{
display:none}

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

.section-caption{
margin:0 auto;
max-width:650px;
padding-top:50px}

@media screen and (max-width:767px){
.section-caption{
padding-top:30px}

}

.caption-headline{
font-weight:300;
font-size:40px;
font-size:2rem;
line-height:1;
letter-spacing:0;
color:#000;
margin:-0.1em 0 .8em;
-webkit-font-smoothing:antialiased}

@media screen and (max-width:767px){
.caption-headline{
font-size:26px;
font-size:1.3rem}

}

.caption-text,.caption-text:last-child{
font-weight:300;
font-size:14px;
font-size:.7rem;
line-height:1.57142857;
letter-spacing:0;
background-color:#fff;
margin-top:-0.21428571em;
margin-bottom:-0.42857143em}

.safari .caption-text,.safari .caption-text:last-child{
font-weight:600;
-webkit-font-smoothing:antialiased}

.section-items{
text-align:center;
padding:145px 0 0}

.section-items .section-caption{
padding-top:100px;
max-width:750px}

@media screen and (max-width:767px){
.section-items{
padding:0px 30px 80px}
.spec.section-items{
padding:75px 30px 0px;
}
.items.section-items{
padding:45px 30px 0px;       
}
.section-items .section-caption{
padding-top:50px}

}

.items.section-items .section-caption{
max-width:650px}

.td-20-kx.section-items .section-caption{
max-width:580px}

.history-headline{
font-weight:300;
font-size:100px;
font-size:2.0rem;
line-height:1.5;
letter-spacing:0;
color:#fff;
margin:-0.11em 0 1.26em;
-webkit-font-smoothing:antialiased}

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

}

.history-image img{
vertical-align:top}

@media screen and (max-width:767px){
.history-image img{
width:100%}

}

#guide{
top:70px}

.product-tile {
background-color: white;
margin-bottom: 100px;
}

/* banner
----------------------------------------------------*/
.link-banner{
width: 1010px;
margin: 200px auto 145px;
text-align: center;
font-size: 0;
}
@media only screen and (max-width: 750px) {
.link-banner{
width: 100%;
margin: 30px auto 60px;
}
}
@media only screen and (min-width: 751px) {
.link-banner .item{
width: 475px;
display: inline-block;
margin-left: 15px;
margin-right: 15px;
}
.link-banner .s-item{
width:100%;
max-width:600px;
display:block;
margin: 0 auto;
}
}
@media only screen and (max-width: 750px) {
.link-banner .item{
width: 85%;
margin:5px auto;
display: inline-block;
}
}
.link-banner .item:nth-child(n+3){
margin-top: 30px;
}
.link-banner .item img,.link-banner .s-item img{
width: 100%;
height: auto;
vertical-align: bottom;
}
@media only screen and (min-width: 751px) {
.hv-op{
transition: .3s;
opacity: 1.0;
}
.hv-op:hover{
opacity: 0.65;
}
}

/* modal player
----------------------------------------------------*/
.photo-gallery {
    line-height: 0;
    text-align: left;
    padding: 50px 0 50px;
    /*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:20px 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: 450px;
        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;
        padding-top: 110px
    }
}

.photo-gallery .photo-gallery-item-headline {
    font-weight: 300;
    font-size: 20px;
    font-size: 1rem;
    line-height: 1.2;
    text-transform: none;
    color: #fff;
    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: #fff;
    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:420px;
        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: #fff;
    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 #fff;
}

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

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

/* rc-icon
----------------------------------------------------*/
.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
}
/* modal-video-player
----------------------------------------------------*/
.modal-video-player {
    background-color: #000;
    z-index: 102;
}

/* D-50 page styles
----------------------------------------------------*/
p {
    line-height:1.9 !important;
}

@media screen and (max-width:1279px) {
  p{
    line-height:1.5 !important;
  }
}

@media screen and (max-width:767px) {
  p{
    line-height:1.9 !important;
  }
}  
  
.rolandcloud-btn,.rolandcloud-btn-e,.rolandcloud-btn-j {
  position: relative;
  }

.rolandcloud-btn p {
  position: absolute;
  text-align: center;
  font-size: 1.1em;
  font-weight: normal;
  color: #fff;
  top: 65%;
  left: 52%;
  width: 100%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }
  
 .rolandcloud-btn-e p {
  position: absolute;
  text-align: center;
  font-size: 2.0em;
  font-weight: normal;
  color: #fff;
  top: 75%;
  left: 52%;
  width: 100%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }
  .rolandcloud-btn-j p {
  position: absolute;
  text-align: center;
  font-size: 1.5em;
  font-weight: normal;
  color: #fff;
  top: 75%;
  left: 52%;
  width: 100%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

@media screen and (max-width:767px) {
  .rolandcloud-btn p {
  position: absolute;
  font-size: 0.9em;
  font-weight: normal;
  color: #fff;
  top: 65%;
  left: 52%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  line-height:1 !Important;
  }
  .rolandcloud-btn-e p {
  position: absolute;
  font-size: 1.7em;
  font-weight: normal;
  color: #fff;
  top: 75%;
  left: 52%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  line-height:1 !Important;
  }
  .rolandcloud-btn-j p {
  position: absolute;
  font-size: 1.1em;
  font-weight: normal;
  color: #fff;
  top: 75%;
  left: 52%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  line-height:1 !Important;
  }
}  

@media screen and (max-width:479px) {
  .rolandcloud-btn p {
  font-size: 0.6em;
  }
  .rolandcloud-btn-e p {
  font-size: 1.1em;
  }
  .rolandcloud-btn-j p {
  font-size: 0.7em;
  }
}
  
.rolandcloud-btn img,.rolandcloud-btn-e img,.rolandcloud-btn-j img {
  width: 100%;
  }

  
.d-05-btn {
  position: relative;
  }

.d-05-btn p {
  position: absolute;
  text-align: center;
  font-size: 1.1em;
  font-weight: normal;
  color: #fff;
  top: 65%;
  left: 52%;
  width: 100%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

@media screen and (max-width:767px) {
  .d-05-btn p {
  position: absolute;
  font-size: 1.1em;
  font-weight: normal;
  color: #fff;
  top: 65%;
  left: 52%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  line-height:1 !Important;
  }
  .promos2 {
    border-top: none;
  }
}  
  
.d-05-btn img {
  width: 100%;
  }  
  
@media screen and (max-width:479px) {
  .d-05-btn p {
  font-size: 0.9em;
  }
}
  
.white-background{
  background-color:#fff;
}

.black-title{
  color:#000;
}

@media screen and (max-width:767px){
  .black-font{
  color:#000;}
}

.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
}

.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
}