@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;
}
h2 {
	font-size:21px;
	font-family: 'Conv_HelveticaNeueLTStd-Bd';
	color:#333333;
	font-weight:bold;
}
.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% auto; */
	width:715px;
	height:775px;
	float:left;
	position: absolute;
}
.fread .titlelogo {
	background:url(../images/logo.svg) no-repeat;
	background-size:100% auto;
	width:425px;
	height:145px;
	margin: 45px 0 0 76px;
	float:left;
}
.object1 {
   	width: 675px;
    height: 230px;
    position: absolute;
    left: 13px;
    top: 60px;

}
.object2 {
	width: 675px;
    height: 263px;
    position: absolute;
    top: 60px;
    left: 35px;
    display: none;
}
.selection {
    width: 385px;
    position: absolute;
    top: -24px;
    left: 216px;
}
.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: -22px;
}
.selection ul li input[type=radio]:checked + label:before {
	background:url(../images/checkboxchecked.svg) no-repeat;
	background-size:100% auto;
}
.stringcolor {
	    float: right;
    position: relative;
    width: 285px;
    margin: 0 65px 0 0;
	height:55px;
}
.stringcolor .string {
	background:url(../images/stringcolor.svg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:-14px;
	right: 0;
	width:70px;
	height: 67px;
}
.selectboxsection{ float:left; position:relative; width:208px;     margin: 23px 0 0 82px;}
.selectboxsection h2{ transform:scaleY(.8); float:left;}
.selectboxsection .select{ background:url(../images/selectbg.png) no-repeat; width:120px; height:24px; float:left; background-size:100% 100%; font-family: 'Conv_HelveticaNeueLTStd-Lt'; font-size:11px; letter-spacing:1px; line-height:24px; text-indent:8px; margin-left:5px; }
.selectboxsection .select:hover{ background:url(../images/selectbghover.png) no-repeat; background-size:100% 100%;}
.selectboxsection .select:active{ background:url(../images/selectbgactive.png) no-repeat; background-size:100% 100%;}
.selectboxsection .dropdown{ width:120px; position:absolute; top:24px; right:1px;     font-family: 'Conv_HelveticaNeueLTStd-Lt'; z-index:1; display:none;} 
.selectboxsection .dropdown ul li{ background:#FFFFFF; font-size:10px;     padding:2px 5px; border:#adaeae solid 1px; letter-spacing:1px;}
.selectboxsection .dropdown ul li:hover{ background:#daf1ff; border:#009dff solid 1px;}
.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: 10px 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 {
	float:left;
	margin:80px 0 0 40px;
    width: 275px;
}
.centercolor ul li {
	width:70px;
	text-align:center;
	float:left;
	margin:5px 3px 0 3px;
	font-family: 'Conv_HelveticaNeueLTStd-Lt';
	font-size:10px;
	color:#333333;
	line-height:15px;
	cursor:pointer;
}
.centercolor h1, .centercolor ul {
	float:left;
	margin:0 5px;
}
.endcolor {
	float:left;
	margin:30px 0 0 57px;
	width:300px;
}
.endcolor ul li {
	float:left;
	font-family: 'Conv_HelveticaNeueLTStd-Lt';
	color:#333333;
	position:relative;
	margin:5px 0px 20px 0;
	cursor:pointer;
}
.endcolor ul li span.left {
	position: absolute;
	top: -4px;
	left: 10px;
	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: 16px;
	font-style: italic;
	color: #333333;
	line-height: 25px;
	width:100%;
}
.footer p, .footer a {
	display:inline-block;
	vertical-align:middle;
	margin:5px;
}
.clear {
	clear:both;
}
.string1{
	    width: 173px;
    height: 32px;
    position: absolute;
    top: 224px;
    left: 33px;
    transform: scale(-1,-1) rotate(-2deg);
	-webkit-transform: scale(-1,-1) rotate(-2deg);
	-moz-transform: scale(-1,-1) rotate(-2deg);
	-ms-transform: scale(-1,-1) rotate(-2deg);
	-o-transform: scale(-1,-1) rotate(-2deg);
}
.string1.black{
	background:url(../images/strings/1.png) no-repeat;
	background-size:100% 100%;
	    
}
.string1.blue{
	background:url(../images/strings/2.png) no-repeat;
	background-size:100% 100%;
	    
} 
.string1.fl.green{
	background:url(../images/strings/3.png) no-repeat;
	background-size:100% 100%;
	    
}
.string1.green{
	background:url(../images/strings/4.png) no-repeat;
	background-size:100% 100%;
	    
}
.string1.orange{
	background:url(../images/strings/5.png) no-repeat;
	background-size:100% 100%;
	    
}
.string1.pink{
	background:url(../images/strings/6.png) no-repeat;
	background-size:100% 100%;
	    
}
.string1.red{
	background:url(../images/strings/7.png) no-repeat;
	background-size:100% 100%;
	    
}
.string1.silver{
	background:url(../images/strings/8.png) no-repeat;
	background-size:100% 100%;
	    
}
.string1.white{
	background:url(../images/strings/9.png) no-repeat;
	background-size:100% 100%;
	    
}
.string2{
	           width: 173px;
    height: 32px;
    position: absolute;
    top: 158px;
    left: 417px;
    transform: scaleX(-1) rotate(10deg);
   
}
.string2.black{
	background:url(../images/strings/1.png) no-repeat;
	background-size:100% auto;
	    
}
.string2.blue{
	background:url(../images/strings/2.png) no-repeat;
	background-size:100% auto;
	    
}
.string2.fl.green{
	background:url(../images/strings/3.png) no-repeat;
	background-size:100% auto;
	    
}
.string2.green{
	background:url(../images/strings/4.png) no-repeat;
	background-size:100% auto;
	    
}
.string2.orange{
	background:url(../images/strings/5.png) no-repeat;
	background-size:100% auto;
	    
}
.string2.pink{
	background:url(../images/strings/6.png) no-repeat;
	background-size:100% auto;
	    
}
.string2.red{
	background:url(../images/strings/7.png) no-repeat;
	background-size:100% auto;
	    
}
.string2.silver{
	background:url(../images/strings/8.png) no-repeat;
	background-size:100% auto;
	    
}
.string2.white{
	background:url(../images/strings/9.png) no-repeat;
	background-size:100% auto;
	    
}

.string3{
    width: 143px;
    height: 17px;
    position: absolute;
    top: 125px;
    left: 409px;
    transform: rotate(-26deg);
	-webkit-transform: rotate(-26deg);
	-moz-transform: rotate(-26deg);
	-o-transform: rotate(-26deg);
	-ms-transform: rotate(-26deg);
  
   
}
.string3.black{
	background:url(../images/strings/10.png) no-repeat;
	background-size:100% 100%;
	    
}
.string3.blue{
	background:url(../images/strings/11.png) no-repeat;
	background-size:100% 100%;
	    
}

.string3.green{
	background:url(../images/strings/13.png) no-repeat;
	background-size:100% 100%;
	    
}
.string3.orange{
	background:url(../images/strings/14.png) no-repeat;
	background-size:100% 100%;
	    
}

.string3.red{
	background:url(../images/strings/16.png) no-repeat;
	background-size:100% 100%;
	    
}
.string4{
       width: 116px;
    height: 15px;
    position: absolute;
    top: 194px;
    left: 157px;
	display:none;
   
  
   
}
.string4.black{
	background:url(../images/strings/10.png) no-repeat;
	background-size:100% 100%;
	    
}
.string4.blue{
	background:url(../images/strings/11.png) no-repeat;
	background-size:100% 100%;
	    
}
.string4.green{
	background:url(../images/strings/13.png) no-repeat;
	background-size:100% 100%;
	    
}
.string4.orange{
	background:url(../images/strings/14.png) no-repeat;
	background-size:100% 100%;
	    
}
.string4.red{
	background:url(../images/strings/16.png) no-repeat;
	background-size:100% 100%;
	    
}
.main_container{
	width: 710px;
    height: 330px;
    position: absolute;
    top: 295px;
}

#myform{
    position: absolute;
    right: 72px;
    top: 400px;
}