@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,latin-ext");
.tipsy{font:normal 8pt Sans-serif,Tahoma,Verdana;color:#fff;position:absolute;padding:5px;z-index:1010}.tipsy .tipsy-inner{text-align:center;border-radius:3px;background-clip:padding-box;box-shadow:0 0 8px #000;background-color:#000;max-width:500px;padding:10px 13px 9px 13px}.tipsy .tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed #000}.tipsy .tipsy-arrow-n{border-bottom-color:#000}.tipsy .tipsy-arrow-s{border-top-color:#000}.tipsy .tipsy-arrow-e{border-left-color:#000}.tipsy .tipsy-arrow-w{border-right-color:#000}.tipsy-s .tipsy-arrow{bottom:2px;left:50%;margin-left:-5px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.tipsy-n .tipsy-arrow{top:2px;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.tipsy-nw .tipsy-arrow{top:2px;left:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.tipsy-ne .tipsy-arrow{top:2px;right:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.tipsy-sw .tipsy-arrow{bottom:2px;left:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.tipsy-se .tipsy-arrow{bottom:2px;right:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.tipsy-e .tipsy-arrow{right:2px;top:50%;margin-top:-5px;border-left-style:solid;border-right:none;border-top-color:transparent;border-bottom-color:transparent}.tipsy-w .tipsy-arrow{left:2px;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent}

#plumbike-config { 
	max-width:1200px; 
	position:relative;
	margin:0 auto;
	box-sizing:border-box;
	padding:0;
	color:#000;
}

#plumbike-config .none {
	display:none !important;
}

#plumbike-config .clear {
	clear:both;
}

#plumbike-config a {
	outline:none;
	text-decoration:none;
}

#plumbike-config .plum-buttons {
	display:block;
	padding:15px 5px;
	text-align:right;
}

#plumbike-config .plum-buttons a {
	display:inline-block;
	padding:15px 35px;
	margin-left:10px;
	border:2px solid #fff;
	border-radius:6px;
	background-clip:padding-box; 
	font:400 10pt "Open Sans", sans-serif, Tahoma, Verdana;
	text-transform:uppercase;
	color:#FFF;
	transition:all 0.65s ease;
	background:#0db400;
}

#plumbike-config .plum-buttons a:hover {
	background:#8bc000;
	color:#FFF;
}


#plumbike-config .plum-configurations {
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1) inset;
	border-radius:10px;
	background-clip:padding-box; 
	width:100%;
	position:relative;
	box-sizing:border-box;
	padding:15px 25px;
	overflow:hidden;
	display:block;
	margin-top:20px;
}

#plumbike-config .plum-configurations .title {
	font:400 9pt "Open Sans", sans-serif, Verdana;
	text-transform:uppercase;
	border-bottom: 1px dashed #ddd;
	margin-bottom:10px;
	color:#333;
	display:block;
	padding:0 3px 15px 3px;
}

#plumbike-config .plum-userconfigurations, #plumbike-config .plum-adminconfigurations {
	font:300 8pt "Open Sans", sans-serif, Tahoma, Verdana;
	width:100%;	
}

#plumbike-config .plum-userconfigurations img, #plumbike-config .plum-adminconfigurations img {
	width:calc(25% - 10px);
	height:auto;
	border:1px solid #eee;
	border-radius:10px;
	background-clip:padding-box; 
	overflow:hidden;
	box-sizing:border-box;
	margin:5px;
}

#plumbike-config .plum-adminconfigurations a i {
	display:inline-block;
	font:400 9pt "Open Sans", sans-serif, Verdana;
	text-align:center;
	color:#777;
	padding-top:4px;
}

#plumbike-config .plum-configurations a img {
	transition:all 0.65s ease;
}

#plumbike-config .plum-configurations a:hover img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}

@media all and (max-width:600px) {
	#plumbike-config .plum-userconfigurations img, #plumbike-config .plum-adminconfigurations img {
		width:calc(50% - 10px);
	}
}

@media all and (max-width:400px) {
	#plumbike-config .plum-userconfigurations img, #plumbike-config .plum-adminconfigurations img {
		width:calc(100% - 10px);
	}
}

#plumbike-config .plum-bgsocial {
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1) inset;
	border-radius:10px;
	background-clip:padding-box; 
	width:100%;
	position:relative;
	box-sizing:border-box;
	padding:15px 25px;
	overflow:hidden;
	display:block;
	margin-top:20px;
	font:400 9pt "Open Sans", sans-serif, Verdana;
	text-transform:uppercase;
}

#plumbike-config .plum-background {
	display:inline-block;
	margin-right:15px;
}

#plumbike-config .plum-background i, #plumbike-config .plum-share i {
	font-style:normal;
	vertical-align:top;
	display:inline-block;
	padding-top:4px;
	margin-right:10px;
}

#plumbike-config .plum-share a {
	display:inline-block;
	margin:0 1px;
	box-sizing:border-box;
	overflow:hidden;
	padding:0 !important;
	width:24px;
	height:24px;
}

#plumbike-config .plum-background a {
	display:inline-block;
	margin:0 1px;
	border:1px solid #ccc;
	border-radius:4px;
	background-clip:padding-box; 
	box-sizing:border-box;
	overflow:hidden;
	padding:0 !important;
	width:24px;
	height:24px;
}

#plumbike-config .plum-background a img {
	width:24px;
	height:24px;
	padding:0;
}

#plumbike-config .plum-price {
	text-align:right;
	text-transform:uppercase;
	font:300 11pt "Open Sans", sans-serif, Tahoma, Verdana;
	display:block;
	padding-top:8px;
	padding-bottom:7px;
	color:#000;
	padding-right:10px;
}

#plumbike-config .plum-price span {
	font-weight:600;
	font-size:17pt;
}

#plumbike-config .plum-yourconfiguration .yourconfiguration, #plumbike-config .plum-yourconfiguration .yourconfiguration pre, #plumbike-config .plum-yourconfiguration .yourconfiguration span {
	word-wrap: break-word;
	font:300 8pt "Open Sans", sans-serif, Tahoma, Verdana;
	color:#444;
}

#plumbike-config .plum-yourconfiguration .yourconfiguration span {
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #ddd;
}

#plumbike-config .plum-extraparts, #plumbike-config .plum-yourconfiguration {
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1) inset;
	border-radius:10px;
	background-clip:padding-box; 
	width:100%;
	position:relative;
	box-sizing:border-box;
	padding:25px;
	overflow:hidden;
	display:block;
	margin-top:20px;
}

#plumbike-config .plum-extraparts {
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

#plumbike-config .plum-extraparts .extrapart {
	border-bottom: 1px dashed #ddd;
	display:block;
	margin-bottom:5px;
	padding-bottom:10px;
}

#plumbike-config .plum-extraparts .lastpart {
	border-bottom:0px !important;
	font: 300 9pt "Open Sans", Sans-serif, Tahoma;
    color:#555;
	padding-top:10px;
	padding-bottom:0;
	margin-bottom:0;
}

#plumbike-config .plum-extraparts .lastpart strong {
	font-weight:600;
	font-size:10pt;
	color:#111;
}
 
#plumbike-config .plum-extraparts .title, #plumbike-config .plum-yourconfiguration .title {
	font:400 9pt "Open Sans", sans-serif, Verdana;
	text-transform:uppercase;
	border-bottom: 1px dashed #ddd;
	margin-bottom:8px;
	color:#333;
	display:block;
	padding:0 3px 15px 3px;
}

#plumbike-config .plum-copyright {
	font:300 8pt "Open Sans", sans-serif, Tahoma, Verdana;
	color:#333;
	text-align:center;
	margin:3px auto 10px auto;
	letter-spacing:.1px;
}

#plumbike-config .plumtop {
	position:relative;
	margin:20px auto 15px auto;
}

#plumbike-config .frame {
	float:right;
}

#plumbike-config .frame select {
}

#plumbike-config .frame i {
	display:block;
	text-align:center;
	font:bold 8pt "Open Sans", sans-serif, Tahoma, Verdana;
	text-transform:uppercase;
}

#plumbike-config .plumtop .slogan {
	float:left;
	margin-right:10px;
}

#plumbike-config .plumtop p {
	margin:0;
	padding:0;
	display:block;
	color:#000;
	font:300 35px "Open Sans",sans-serif,Verdana;
	line-height:35px;
	text-transform:uppercase;
}

#plumbike-config .plumtop span {
	margin:5px 0 0 0;
	padding:0;
	display:block;
	color:#000;
	font:300 15px "Open Sans",sans-serif,Verdana;
	line-height:15px;
	text-transform:uppercase;
	padding-left:100px;
}

@media all and (max-width:600px) {
	#plumbike-config .plumtop span {
		padding-left:0px;
		margin-bottom:15px;
		font-size:10px;
		line-height:12px;
	}
	
	#plumbike-config .plumtop p {
		font-size:25px;
		line-height:25px;
		margin-top:10px;
	}
}

@media all and (max-width:400px) {
	#plumbike-config .frame {
		float:none;
		width:100%;
	}
	
	#plumbike-config .plumtop .slogan {
		float:none;
		width:100%;
		text-align:center;
	}
	
	#plumbike-config .plumtop p {
		margin-top:0;
	}
}

#plumbike-config .plum-bike {
	background:white;
	text-align:center;
	box-sizing:border-box;
	position:relative;
	margin:0 auto;
	max-width:1000px;
	width:auto;
}

#plumbike-config .plum-bike .drawedParts {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

#plumbike-bike-part-all {
	width:100%;
	height:auto;
	max-width:1000px;
	max-height:665px;
	border-radius:10px;
	background-clip:padding-box; 
	overflow:hidden;
}

#plumbike-config .plum-bike img {
	width:100%;
	height:auto;
	max-width:1000px;
	max-height:665px;
	border-radius:10px;
	background-clip:padding-box; 
	overflow:hidden;
}

#plumbike-config .plum-bike img[data-absolute="no"] {
	z-index:1;
}

#plumbike-config .plum-bike img[data-absolute="yes"] {
	z-index:2;
	position:absolute;
	top:0;
	left:0;
}

#plumbike-config .plum-parts-colors {
	text-align:center;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1) inset;
	border-radius:10px;
	background-clip:padding-box; 
	width:100%;
	position:relative;
	box-sizing:border-box;
	padding:15px;
	overflow:hidden;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

#plumbike-config .plum-parts-colors span {
	font:300 9pt "Open Sans", sans-serif, Verdana;
	text-transform:uppercase;
	border-bottom: 1px dashed #ddd;
	margin-bottom:8px;
	color:#333;
	display:block;
	padding:3px 3px 8px 3px;
}

#plumbike-config .plum-parts-colors .colors a {
	cursor:pointer;
	vertical-align:middle;
	border-radius:10px;
	background-clip:padding-box; 
	display:inline-block;
	min-width:32px;
	height:32px;
	margin:3px;
	overflow:hidden;
	border:1px solid #ccc;
	box-sizing:border-box;
	text-align:center;
	padding-top:2px;
	color:#777;
	font:bold 15pt "Open Sans", sans-serif, Verdana;
	transition:all 0.4s ease;
}

#plumbike-config .plum-parts-colors .colors a:hover {
	z-index:100;
	border-color:transparent;
	box-shadow:0 0 6px rgba(0,0,0,0.3);
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}

#plumbike-config .input {
	font:400 9pt "Open Sans", sans-serif, Verdana;
	transition:all 0.6s ease;
	box-sizing:border-box;
	box-shadow:0 4px 15px -10px rgba(0,0,0,0.5) inset;
	border-radius:5px;
	background-clip:padding-box; 
	margin:2px 0;
	display:block;
	padding:12px 10px;
	border:1px solid #ededed;
	background-color:#fff;
	width:100%;
	overflow:hidden;
	position:relative;
	color:#333;
	height:auto;
}

#plumbike-config .inputExtra {
	background-color:rgba(0, 169, 224, 0.9);
	border:1px solid rgba(0, 169, 224, 0.9);
	color:#fff;
	padding:10px 27px;
	font:700 9pt "Open Sans", sans-serif, Verdana;
}

#plumbike-config .inputExtra option {
	padding:8px;
}

#plumbike-config .plum-parts-colors .parts {
	max-width:800px;
	position:relative;
	margin:0 auto;
}

#plumbike-config .plum-parts-colors .parts .input {
	float:left;
	margin-bottom:10px;
	width:calc(100% - 39px) !important;
}

#plumbike-config .input:hover, #plumbike-config .input:focus, #plumbike-config .input:active {
	border:1px solid #ccc;
}

#plumbike-config .arrowLeft, #plumbike-config .arrowRight {
	display:block;
	width:0;
	height:0;
	float:left;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	transition:all 0.5s ease;
}

#plumbike-config .arrowLeft {
	margin:7px 3px 5px 0;
	border-right: 17px solid #777;
	background-clip:padding-box; 
}

#plumbike-config .arrowRight {
	margin:7px 0 5px 2px;
	border-left: 17px solid #777;
}

#plumbike-config .arrowLeft:hover {
	border-right-color:#333;
}

#plumbike-config .arrowRight:hover {
	border-left-color:#333;
}

#plumbike-config .spinnerLayer {
	z-index:120;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.4);
}

#plumbike-config .spinnerWave {
    position: absolute;
	top:calc(50% - 30px);
	left:calc(50% - 30px);
    text-align: center;
    margin: 15px auto;
    width: 49px;
    height: 50px
}

@-webkit-keyframes spinnerStretch {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5);
        opacity: .1
    }
    20% {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
}

@keyframes spinnerStretch {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5);
        opacity: .1
    }
    20% {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
}

#plumbike-config .spinnerWave i {
    background-color: #00a9e0;
    height: 100%;
    width: 7px;
    display: inline-block;
    margin: 1px;
    overflow: hidden;
    -webkit-animation: spinnerStretch 1.6s infinite ease-in-out;
    animation: spinnerStretch 1.6s infinite ease-in-out;
    border-radius: 1px;
	background-clip:padding-box; 
    background-clip: padding-box
}

#plumbike-config .spinnerWave i:nth-child(1) {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

#plumbike-config .spinnerWave i:nth-child(2) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

#plumbike-config .spinnerWave i:nth-child(3) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

#plumbike-config .spinnerWave i:nth-child(4) {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

#plumbike-config .spinnerWave i:nth-child(5) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}


#plumbike-config .switcherOnOff label {
    font: 300 9pt "Open Sans", Sans-serif, Tahoma;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: block;
    cursor: pointer;
    padding: 13px 0 10px 58px!important;
    -webkit-transition: all 0.65s ease;
    transition: all 0.65s ease;
	display:inline-block;
}

#plumbike-config .switcherOnOff label strong {
	font-weight:600;
	font-size:10pt;
	color:#111;
}

#plumbike-config .switcherOnOff label:before,
#plumbike-config .switcherOnOff label:after {
    content: "";
    -webkit-transition: all 0.65s ease;
    transition: all 0.65s ease;
    display: block;
    height: 26px;
    position: absolute;
    top: 10px;
    left: 0
}

#plumbike-config .switcherOnOff label:before {
    width: 50px;
    background-color: #ededed;
    border: 1px solid #dbdbdb;
    border-radius: 26px;
    background-clip: padding-box
}

#plumbike-config .switcherOnOff label:after {
    height: 26px;
    width: 26px;
    margin: 0;
    top: 11px;
    background-color: #fff;
    margin-left: 1px;
    border-radius: 100%;
	background-clip:padding-box; 
    box-shadow: 0 0 2px rgba(0, 0, 0, .2)
}

#plumbike-config .switcherOnOff label:hover {
    color: #00a9e0!important
}

#plumbike-config .switcherOnOff input[type="checkbox"] {
    display: none
}

#plumbike-config .switcherOnOff input[type="checkbox"]:checked+label:before {
    background-color: #00a9e0;
    border-color: #00a9e0
}

#plumbike-config .switcherOnOff input[type="checkbox"]:checked+label:after {
    margin-left: 25px
}