@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body, ul, li, a, h1, h2, h3, h4, h5, h6, p, ol, img {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}
body {
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke:1px transparent;
}
@font-face {
 font-family: 'Conv_HelveticaNeueLTStd-Bd';
 src: url('../fonts/HelveticaNeueLTStd-Bd.eot');
 src: url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Bd.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_HelveticaNeueLTStd-Ex';
 src: url('../fonts/HelveticaNeueLTStd-Ex.eot');
 src:url('../fonts/HelveticaNeueLTStd-Ex.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Ex.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Ex.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_HelveticaNeueLTStd-LtCn';
 src: url('../fonts/HelveticaNeueLTStd-LtCn.eot');
 src:  url('../fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-LtCn.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-LtCn.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
/** Generated by FG **/
@font-face {
 font-family: 'Conv_HelveticaNeueLTStd-Lt';
 src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
 src: url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Lt.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_swiss-721-bt-58e795ff2ac11';
 src: url('../fonts/swiss-721-bt-58e795ff2ac11.eot');
 src: url('../fonts/swiss-721-bt-58e795ff2ac11.woff') format('woff'), url('../fonts/swiss-721-bt-58e795ff2ac11.ttf') format('truetype'), url('../fonts/swiss-721-bt-58e795ff2ac11.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
h1 {
	font-size:18px;
	font-family: 'Conv_HelveticaNeueLTStd-Bd';
	color:#333333;
	font-weight:normal;
}
.disabled {
	opacity:0.12;
	cursor: default !important;
}
.wrapper {
	width:100%;
	float:left;
}
.container {
	width:715px;
	margin:25px auto 0;
	position:relative;
}
.fread {
	/* background:url(../images/fread.svg) no-repeat; */
	background-size: 100% 100%;
	width: 715px;
	height: 777px;
	float:left;
	position: absolute;
	top: 0px;
}
.fread .titlelogo {
	background:url(../images/logo.svg) no-repeat;
	background-size: 100% auto;
	width: 599px;
	height: 70px;
	margin: 45px 0 0 45px;
	float: left;
}
.fread .object1 {
	/* background:url(../images/rope.svg) no-repeat; */
	/* background-size: 100% 100%; */
	width: 650px;
	height: 150px;
	float: left;
	margin: -17px 0 0 30px;
}
.fread .object2 {
	/* background:url(../images/bottomrope.svg) no-repeat; */
	/* background-size: 100% 100%; */
	width: 635px;
	height: 60px;
	float: left;
	margin: -25px 0 0 25px;
}
.selection {
	float:left;
	width:320px;
	margin: 10px 0 0 63px;
}
.selection ul li {
	float:left;
	position:relative;
	margin-left:23px;
	min-height:30px;
	font-family: 'Conv_HelveticaNeueLTStd-Bd';
	font-size:13px;
}
.selection ul li:last-child {
	margin-left:50px !important;
}
.selection ul li input[type=radio] {
	display:none;
}
.selection ul li label:before {
	content:"";
	background:url(../images/checkbox.svg) no-repeat;
	background-size:100% auto;
	width:18px;
	height:18px;
	position:absolute;
	top: -1px;
	left: -23px
}
.selection ul li input[type=radio]:checked + label:before {
	background:url(../images/checkboxchecked.svg) no-repeat;
	background-size:100% auto;
}
.stringcolor {
	float: left;
	position: relative;
	width: 273px;
	margin:20px 0 0 6px;
	height: 60px;
}
.stringcolor .string {
	background:url(../images/05.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -15px;
	right: 0;
	width: 65px;
	height: 67px;
}
.btn {
	background:url(../images/btn.svg) no-repeat;
	background-size:100% 100%;
	width:86px;
	height:32px;
	position:absolute;
	top:25px;
	color:#FFFFFF;
	font-family: 'Conv_HelveticaNeueLTStd-Ex';
	font-size: 12px;
}
.btn.active {
	background:url(../images/btnactive.svg) no-repeat;
	background-size:100% 100%;
}
.btn1 {
	left:0;
}
.btn2 {
	left:95px;
}
.btn span {
	position: absolute;
	top:8px;
	left: 21px;
	font-weight: bold;
}
.fread .colorpickerbg {
	float:left;
	width:600px;
	margin:4px 0 0 55px;
}
.fread .colorpickerbg a {
	width:35px;
	margin:0 1px 3px 0;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.fread .colorpickerbg a span {
	font-family: 'Conv_HelveticaNeueLTStd-LtCn';
	color:#000000;
	font-size: 8px;
	line-height: 8px;
	display:inline-block;
	margin-top:2px;
}
.fread .colorpickerbg a span.no {
	position:absolute;
	color:#FFFFFF;
	top: 12px;
	left: 9px;
	font-size:15px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	-webkit-text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	transform:scaleY(.9);
	-webkit-transform:scaleY(.9);
	-moz-transform:scaleY(.9);
	-ms-transform:scaleY(.9);
	-o-transform:scaleY(.9);
}
.fread .colorpicker {
	background:url(../images/color.svg) no-repeat;
	background-size:100% 100%;
	width:440px;
	height:225px;
	float:left;
}
.centercolor {
	margin: 85px 0 0 31px;
	width: 265px;
	float:left;
	text-align:center;
}
.centercolor ul li {
	width:70px;
	display:inline-block;
	margin:10px 25px 0px;
	font-family: 'Conv_HelveticaNeueLTStd-Lt';
	font-size:10px;
	color:#333333;
	line-height:25px;
	vertical-align:top;
	cursor:pointer;
}
.centercolor h1, .centercolor ul {
	float:left;
	margin:0 5px;
}
.endcolor {
	float: left;
	margin: 30px 0 0 57px;
	width: 305px;
}
.endcolor ul li {
	float:left;
	font-family: 'Conv_HelveticaNeueLTStd-Lt';
	color:#333333;
	position:relative;
	margin:8px 0px 15px 0;
	cursor: pointer;
}
.endcolor ul li span.left {
	position: absolute;
	top: -4px;
	left:5px;
	font-size: 14px;
}
.endcolor ul li span.right {
	position: absolute;
	bottom: -7px;
	right: 22px;
	font-size: 8px;
}
.footer {
	float:left;
	font-family: 'Conv_swiss-721-bt-58e795ff2ac11';
	text-align:center;
	font-size: 12px;
	font-style: italic;
	color: #333333;
	line-height: 16px;
	width:100%;
}
.footer p, .footer a {
	display:inline-block;
	vertical-align:middle;
	margin:10px 5px;
}
.clear {
	clear:both;
}
.select {
	background: url(../images/selectbg.png) no-repeat;
	width: 95px;
	height: 20px;
	float: left;
	background-size: 100% 100%;
	font-family: arial;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 24px;
	text-indent: 8px;
	margin-left: 5px;
	position: absolute;
	top: 315px;
	left: 97px;
	display:none;
}
.dropdown {
	width: 95px;
	position: absolute;
	top: 334px;
	left: 102px;
	font-family: 'Conv_HelveticaNeueLTStd-Lt';
	z-index: 1;
	display:none;
}
.dropdown ul li {
	background: #FFFFFF;
	font-size: 10px;
	padding: 2px 5px;
	border: #adaeae solid 1px;
	letter-spacing: 1px;
}
.dropdown ul li:hover {
	background: #daf1ff;
	border: #009dff solid 1px;
}
.select:hover {
	background: url(../images/selectbghover.png) no-repeat;
	background-size: 100% 100%;
}
.select:active {
	background: url(../images/selectbgactive.png) no-repeat;
	background-size: 100% 100%;
}
.string1 {
	transform:scale(-1, -1);
	-webkit-transform:scale(-1, -1);
	-moz-transform:scale(-1, -1);
	-ms-transform:scale(-1, -1);
	-o-transform:scale(-1, -1);
	width: 138px;
	height: 34px;
	position: absolute;
}
.string1.black {
	background: url(../images/strings/1.png) no-repeat;
	background-size: 100% 100%;
	top: 167px;
	left: 36px;
}
.string1.blue {
	background: url(../images/strings/2.png) no-repeat;
	background-size: 100% 100%;
	top: 167px;
	left: 36px;
}
.string1.fl.green {
	background: url(../images/strings/3.png) no-repeat;
	background-size: 100% 100%;
	top: 167px;
	left: 36px;
}
.string1.green {
	background: url(../images/strings/4.png) no-repeat;
	background-size: 100% 100%;
	top: 167px;
	left: 36px;
}
.string1.orange {
	background: url(../images/strings/5.png) no-repeat;
	background-size: 100% 100%;
	top: 167px;
	left: 36px;
}
.string1.pink {
	background: url(../images/strings/6.png) no-repeat;
	background-size: 100% 100%;
	top: 167px;
	left: 36px;
}
.string1.red {
	background: url(../images/strings/7.png) no-repeat;
	background-size: 100% 100%;
	top: 167px;
	left: 36px;
}
.string1.silver {
	background: url(../images/strings/8.png) no-repeat;
	background-size: 100% 100%;
	top: 167px;
	left: 36px;
}
.string1.white {
	background: url(../images/strings/9.png) no-repeat;
	background-size: 100% 100%;
	top: 167px;
	left: 36px;
}
.string2 {
}
.string2.black {
	background: url(../images/strings/10.png) no-repeat;
	background-size: 100% 100%;
	top: 173px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.blue {
	background: url(../images/strings/11.png) no-repeat;
	background-size: 100% 100%;
	top: 175px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.fl.green {
	background: url(../images/strings/12.png) no-repeat;
	background-size: 100% 100%;
	top: 173px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.green {
	background: url(../images/strings/13.png) no-repeat;
	background-size: 100% 100%;
	top: 173px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.orange {
	background: url(../images/strings/14.png) no-repeat;
	background-size: 100% 100%;
	top: 175px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.pink {
	background: url(../images/strings/15.png) no-repeat;
	background-size: 100% 100%;
	top: 175px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.red {
	background: url(../images/strings/16.png) no-repeat;
	background-size: 100% 100%;
	top: 174px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.silver {
	background: url(../images/strings/17.png) no-repeat;
	background-size: 100% 100%;
	top: 173px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.white {
	background: url(../images/strings/18.png) no-repeat;
	background-size: 100% 100%;
	top: 173px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string3 {
	width: 140px;
	height: 26px;
	position: absolute;
	top: 117px;
	left: 523px;
	transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
}
.string3.black {
	background: url(../images/strings/1.png) no-repeat;
	background-size: 100% 100%;
}
.string3.blue {
	background: url(../images/strings/2.png) no-repeat;
	background-size: 100% 100%;
}
.string3.fl.green {
	background: url(../images/strings/3.png) no-repeat;
	background-size: 100% 100%;
}
.string3.green {
	background: url(../images/strings/4.png) no-repeat;
	background-size: 100% 100%;
}
.string3.orange {
	background: url(../images/strings/5.png) no-repeat;
	background-size: 100% 100%;
}
.string3.pink {
	background: url(../images/strings/6.png) no-repeat;
	background-size: 100% 100%;
}
.string3.red {
	background: url(../images/strings/7.png) no-repeat;
	background-size: 100% 100%;
}
.string3.silver {
	background: url(../images/strings/8.png) no-repeat;
	background-size: 100% 100%;
}
.string3.white {
	background: url(../images/strings/9.png) no-repeat;
	background-size: 100% 100%;
}
.string4 {
	width: 140px;
    height: 26px;
    position: absolute;
    top: 209px;
    left: 521px;
    transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -o-transform: rotate(8deg);
}
.string4.black {
	background: url(../images/strings/1.png) no-repeat;
	background-size: 100% 100%;
}
.string4.blue {
	background: url(../images/strings/2.png) no-repeat;
	background-size: 100% 100%;
}
.string4.fl.green {
	background: url(../images/strings/3.png) no-repeat;
	background-size: 100% 100%;
}
.string4.green {
	background: url(../images/strings/4.png) no-repeat;
	background-size: 100% 100%;
}
.string4.orange {
	background: url(../images/strings/5.png) no-repeat;
	background-size: 100% 100%;
}
.string4.pink {
	background: url(../images/strings/6.png) no-repeat;
	background-size: 100% 100%;
}
.string4.red {
	background: url(../images/strings/7.png) no-repeat;
	background-size: 100% 100%;
}
.string4.silver {
	background: url(../images/strings/8.png) no-repeat;
	background-size: 100% 100%;
}
.string4.white {
	background: url(../images/strings/9.png) no-repeat;
	background-size: 100% 100%;
}

.string5 {
	width: 177px;
    height: 32px;
    position: absolute;
    top: 235px;
    left: 41px;
    transform: scale(-1,-1);
	-webkit-transform: scale(-1,-1);
	-moz-transform: scale(-1,-1);
	transform: scale(-1,-1);
	transform: scale(-1,-1);
}
.string5.black {
	background: url(../images/strings/1.png) no-repeat;
	background-size: 100% 100%;
}
.string5.blue {
	background: url(../images/strings/2.png) no-repeat;
	background-size: 100% 100%;
}
.string5.fl.green {
	background: url(../images/strings/3.png) no-repeat;
	background-size: 100% 100%;
}
.string5.green {
	background: url(../images/strings/4.png) no-repeat;
	background-size: 100% 100%;
}
.string5.orange {
	background: url(../images/strings/5.png) no-repeat;
	background-size: 100% 100%;
}
.string5.pink {
	background: url(../images/strings/6.png) no-repeat;
	background-size: 100% 100%;
}
.string5.red {
	background: url(../images/strings/7.png) no-repeat;
	background-size: 100% 100%;
}
.string5.silver {
	background: url(../images/strings/8.png) no-repeat;
	background-size: 100% 100%;
}
.string5.white {
	background: url(../images/strings/9.png) no-repeat;
	background-size: 100% 100%;
}
.string6 {
    width: 142px;
    height: 18px;
    position: absolute;
    top: 241px;
    left: 456px;
    
}
.string6.black {
	background: url(../images/strings/10.png) no-repeat;
	background-size: 100% 100%;
}

.string6.green {
	background: url(../images/strings/12.png) no-repeat;
	background-size: 100% 100%;
}

.string6.orange {
	background: url(../images/strings/19.png) no-repeat;
	background-size: 100% 100%;
	    width: 137px;
    height: 13px;
	top:246px;
}
.string6.yellow {
	background: url(../images/strings/20.png) no-repeat;
	background-size: 100% 100%;
	    width: 137px;
    height: 13px;
	top:246px;
}
#myform{
    position: absolute;
    right: 72px;
    bottom: 27px;
}

.endstring.string5.black{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string5.blue{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string5.fl.green{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
	top:234px;
}
.endstring.string5.red{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
	top: 233px;
    height: 36px;
}
.endstring.string5.orange{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
	top:236px;
}
.endstring.string5.silver{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
	top:234px;
}
.endstring.string5.pink{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
	top: 234px;
    height: 36px;
}
.endstring.string5.white{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
	top:233px;
}

.endstring.string1.black{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.blue{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.fl.green{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.red{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.silver{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.pink{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.white{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}