.store-product {
    margin-bottom: 30px;
}
.store-product .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.store-product-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.store-product-detailed-description {
    margin-top: 30px;
}

.store-original-price {
    text-decoration: line-through;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.product-bikeslider {
    width: 100%;
    height: 100%;
    min-height: 200px;
    padding: 30px 60px;
}
@media (max-width: 767px){
    .store-product .row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (min-width: 768px) {
    .product-bikeslider { max-height: 100%; min-height: 100%; }
    .store-product-image, .store-product-details {
         -ms-flex-preferred-size: 50%;
         flex-basis: 50%;
    }
}
@media (min-width: 992px) {
    .product-bikeslider { max-height: 100%; min-height: 100%; }
    .store-product-image {
         -ms-flex-preferred-size: 66%;
         flex-basis: 66%;
    }
    .store-product-details {
         -ms-flex-preferred-size: 33%;
         flex-basis: 33%;
    }
}
.product-bikedetails {
    padding: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


/*Color Navigation*/
.store-product .bike-colors {
    position: relative;
    width: 100%;
    height: 22px;
}
.store-product-all .rsBullets {
    position: relative;
    top: -5px;
}
 .store-product-bike .rsBullet {
     width: calc(100% / 6);
     height: 10px;
     padding: 0 1px;
     background-color: #D8D8D8;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: -webkit-inline-flex;
     display: inline-flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
}
 .store-product-bike .rsNavSelected:before {
     position: absolute;
     content: '';
     display: block;
     width: 10px;
     height: 10px;
     background-color: black;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     bottom: 18px;
}
 .store-product .bike-colors .rsBullet:first-child {
     background-color: #eb6f2e;
}
 .store-product .bike-colors .rsBullet:nth-child(2) {
     background-color: #b7db5e;
}
 .store-product .bike-colors .rsBullet:nth-child(3) {
     background-color: #1f9ed9;
}
 .store-product .bike-colors .rsBullet:nth-child(4) {
     background-color: #c24e95;
}
 .store-product .bike-colors .rsBullet:nth-child(5) {
     background-color: #25a63b;
}
 .store-product .bike-colors .rsBullet:nth-child(6) {
     background-color: #00AEC7;
}
 .store-product-bike .store-product-name {
     display: none;
}
/*Color Navigation End*/

/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
 .royalSlider {
     position: relative;
     direction: ltr;
     overflow: hidden;
}
 .royalSlider > * {
     float: left;
}
 .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink {
     -webkit-backface-visibility: hidden;
}
 .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer {
     -webkit-transform: none;
}
 .rsOverflow {
     width: 100%;
     height: 100%!important;
     position: relative;
     overflow: hidden;
     float: left;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 .rsVisibleNearbyWrap {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
     left: 0;
     top: 0;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 .rsVisibleNearbyWrap .rsOverflow {
     position: absolute;
     left: 0;
     top: 0;
}
 .rsContainer {
     position: relative;
     width: 100%;
     height: 100%;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 .rsArrow, .rsThumbsArrow {
     cursor: pointer;
}

.rsArrow.rsArrowDisabled, .rsArrow.rsArrowDisabled .rsArrowIcn {
    cursor: auto;
}

 .rsThumb {
     float: left;
     position: relative;
}
 .rsArrow, .rsNav, .rsThumbsArrow {
     opacity: 1;
     -webkit-transition:opacity 0.3s linear;
     transition:opacity 0.3s linear;
}
 .rsHidden {
     opacity: 0;
     visibility: hidden;
     -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
     transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
 .rsGCaption {
     width: 100%;
     float: left;
     text-align: center;
}
/* Fullscreen options, very important ^^ */
 .royalSlider.rsFullscreen {
     position: fixed !important;
     height: auto !important;
     width: auto !important;
     margin: 0 !important;
     padding: 0 !important;
     z-index: 2147483647 !important;
     top: 0 !important;
     left: 0 !important;
     bottom: 0 !important;
     right: 0 !important;
     background-color: rgba(255,255,255,0.92)!important;
}
 .royalSlider .rsSlide.rsFakePreloader {
     opacity: 1 !important;
     -webkit-transition: 0s;
     transition: 0s;
     display: none;
}
 .rsSlide {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     overflow: hidden;
     height: 100%;
     width: 100%;
}
 .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
     height: auto;
}
 .rsContent {
     width: 100%;
     height: 100%;
     position: relative;
}
 .rsPreloader {
     position:absolute;
     z-index: 0;
}
 .rsNav {
     -moz-user-select: -moz-none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .rsNavItem {
     -webkit-tap-highlight-color:rgba(0,0,0,0.25);
}
 .rsThumbs {
     cursor: pointer;
     position: relative;
     overflow: hidden;
     float: left;
     z-index: 22;
}
 .rsTabs {
     float: left;
     background: none !important;
}
 .rsTabs, .rsThumbs {
     -webkit-tap-highlight-color:rgba(0,0,0,0);
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 .rsVideoContainer {
     width: auto;
     height: auto;
     line-height: 0;
     position: relative;
}
 .rsVideoFrameHolder {
     position: absolute;
     left: 0;
     top: 0;
     background: #141414;
     opacity: 0;
     -webkit-transition: .3s;
}
 .rsVideoFrameHolder.rsVideoActive {
     opacity: 1;
}
 .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
     position: absolute;
     z-index: 50;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
/* ios controls over video bug, shifting video */
 .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding-right: 44px;
}
 .rsABlock {
    /* left: 0;
     top: 0;
     position: absolute;
     */
     z-index: 15;
}
 img.rsImg {
     max-width: none;
}
 .grab-cursor {
     cursor:url(grab.png) 8 8, move;
}
 .grabbing-cursor{
     cursor:url(grabbing.png) 8 8, move;
}
 .rsNoDrag {
     cursor: auto;
}
 .rsLink {
     left:0;
     top:0;
     position:absolute;
     width:100%;
     height:100%;
     display:block;
     z-index: 20;
     background: url(blank.gif);
}
/***************
*
*  1. Arrows
*
****************/

.rsArrow {
	height: 100%;
	width: 44px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsVer .rsArrow {
	width: 100%;
	height: 44px;
	
}
.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsHor .rsArrowRight { right: 0; top:0; }

.rsArrowIcn {		
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;

	position: absolute;	
	cursor: pointer;	
	background: url('rs-default.png');

	background-color: #000;
	background-color: rgba(255,255,255,0.75);
	*background-color: #000;
	
	border-radius: 2px;
}
.rsArrowIcn:hover {
	background-color: rgba(255,255,255,0.9);
}

.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }

/***************
*
*  5. Fullscreen button
*
****************/

.rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url('rs-default-inverted.png') 0 0;
	background-color: #000;
	background-color: rgba(255,255,255,0.75);
	*background-color: #000;
	border-radius: 2px;

}
.rsFullscreenIcn:hover {
	background-color: rgba(255,255,255,0.9);
}
.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}