/* CSS Document */
@charset 'utf-8';
/* font */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic,700italic&subset=latin,latin-ext);
@import url(../images/fontello/css/font-icons.css);
@import url(../images/fontello/css/font-icons-ie7.css);
/* normalize.css v1.0.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}h2{font-size:1.5em;margin:.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:.83em;margin:1.67em 0;}h6{font-size:.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:75%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
/* elements */
html,button,input,select,textarea{font-family:'Source Sans Pro',sans-serif;}
body{font-size:15px;line-height:1.4;color:#fff;text-align:center;background: white  repeat-x;}
a{color:#ff9900;cursor:pointer;}
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:14px;}
p{margin:0 0 20px 0;}
ul,ol{padding:0;margin:0 0 20px 20px;}
ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
ol{list-style:decimal;}
ul li{position:relative;list-style-type:none;padding:0 0 0 20px;margin:0;}
ul li:before,ul li .before{position:absolute;top:0;left:0;content:'\2014';*zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML='\2022');}
ul ul{padding:10px 0;}
ol li{margin:0 0 0 20px;}
ol ol{padding: 10px 0;}
hr{margin:0 0 20px 0;border:0;border-top:1px solid #646464;}
strong{font-weight:bold;}
em{font-style:italic;}
sup,sub{position: relative;vertical-align:baseline;font-size:60%;line-height:1;}
sup{bottom:1.4ex;}
sub{top:.7ex;}
small{font-size: 80%;}
/* classes */
.r{text-align:right!important;}
.c{text-align:center!important;}
.l{text-align:left!important;}
.j{text-align:justify!important;}
.pull-left{float:left;}
.pull-right{float:right;}
.clear{clear:both;}
.cleaner{display:block;clear:both;height:0;overflow:hidden;float:none;}
.nodisplay{display:none;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.block{display:block;}
/* form */
input[type=text],select,textarea{width: 200px;margin: 0;padding: 4px 9px;height: 18px;width: 250px;border: 1px solid #cbcbcb;background: #cbcbcb;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkOWQ5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background-image: -moz-linear-gradient(top,  #9d9d9d 0%, #cbcbcb 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d9d9d), color-stop(100%,#cbcbcb));background-image: -webkit-linear-gradient(top,  #9d9d9d 0%,#cbcbcb 100%);background-image: -o-linear-gradient(top,  #9d9d9d 0%,#cbcbcb 100%);background-image: -ms-linear-gradient(top,  #9d9d9d 0%,#cbcbcb 100%);background-image: linear-gradient(to bottom,  #9d9d9d 0%,#cbcbcb 100%);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
select{height: 30px;width: 272px;padding: 4px 4px 4px 9px;}
textarea{width: auto;height: auto;padding-top: 9px;padding-bottom: 9px;}
input[type=text]:hover,select:hover,textarea:hover,
input[type=text]:focus,select:focus,textarea:focus
{background: #f0f0f0;}
input.input-short{width: 220px;}
input[type=submit]{margin: 0;padding: 0 18px;border: 1px solid #fecb00;height: 28px;font-weight: bold;background: #fe9e00;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWNiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #fe9e00 0%, #fecb00 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9e00), color-stop(100%,#fecb00));background: -webkit-linear-gradient(top,  #fe9e00 0%,#fecb00 100%);background: -o-linear-gradient(top,  #fe9e00 0%,#fecb00 100%);background: -ms-linear-gradient(top,  #fe9e00 0%,#fecb00 100%);background: linear-gradient(to bottom,  #fe9e00 0%,#fecb00 100%);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
input[type=submit]:hover{background: #fecb00;}
span.required{color: #ffcc00;}
/* layout */
#page-header{*zoom:1;width: 1000px;margin: auto;text-align: left;}
#page-header:before,#page-header:after{display:table;content:"";}
#page-header:after{clear:both;}
#page-header .logo{position: relative;left: -50px;float: left;padding: 30px 0 50px 90px;margin: 0 0 -18px 0;width: 510px;background: url(../images/logo/01.png) no-repeat;}
#page-header .logo a{display: block;height: 58px;padding: 45px 0 0 256px;text-transform: uppercase;color: #fff;text-decoration: none;font-weight: 300;font-size: 24px;line-height: 1;}
#page-header .logo a span{display: none;}
#page-header .home{float: right;width: 300px;padding: 32px 38px 17px 0;text-align: right;font-size: 14px;}
#page-header .home:after{position: relative;top: 1px;font-size: 16px;margin: 0 0 0 2px;content: '\e800';color: #ffcc00;font-family: "font-icons";}
#page-header .home a{font-weight: bold;color: #ff9900;}
#page-header .button{padding: 0 40px 0 0;float: right;width: 300px;text-align: right;}
#page-header .button a{display: inline-block;white-space: nowrap;height: 32px;line-height: 32px;padding: 0 24px;font-size: 14px;text-decoration: none;color: #000;text-shadow: 1px 1px 0 rgba(255,255,255,0.3);border: 1px solid #fecb00;background: #fe9d00;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOWQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWM4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background-image: -moz-linear-gradient(top,  #fe9d00 0%, #fec800 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9d00), color-stop(100%,#fec800));background-image: -webkit-linear-gradient(top,  #fe9d00 0%,#fec800 100%);background-image: -o-linear-gradient(top,  #fe9d00 0%,#fec800 100%);background-image: -ms-linear-gradient(top,  #fe9d00 0%,#fec800 100%);background-image: linear-gradient(to bottom,  #fe9d00 0%,#fec800 100%);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#page-header .button a:hover{background: #fecb00;}
#page-header .tools{clear: both;padding: 0 38px 0 0;text-align: right;}
#page-header .tools ul{margin: 0;padding: 0;}
#page-header .tools ul li{margin: 0 0 0 3px;padding: 0;display: inline;font-size: 19px;line-height: 1;}
#page-header .tools ul li:before{display: none;}
#page-header .tools ul li a{color: #89817b;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
#page-header .tools ul li a:hover{color: #ff9900;}
#configurator{*zoom:1;width: 1000px;margin: 0 auto 36px;text-align: left;}
#configurator:before,#configurator:after{display:table;content:"";}
#configurator:after{clear:both;}
.fieldset_01,.fieldset_02{*zoom:1;position: relative;float: left;width: 440px;margin: 0 30px 50px 0;padding: 52px 0 45px 40px;border-color: #4d4d4d;-webkit-border-radius: 18px 0 0 18px;-moz-border-radius: 18px 0 0 18px;border-radius: 18px 0 0 18px;}
.fieldset_01:before,.fieldset_01:after,.fieldset_02:before,.fieldset_02:after{display:table;content:"";}
.fieldset_01:after,.fieldset_02:after{clear:both;}
.fieldset_01{z-index: 999;min-height: 462px;border-right: 0;}
.fieldset_02{clear: both;width: auto;float: none;padding-top: 35px;margin-right: 0;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;}
.fieldset_01:after{position: absolute;content: '\e804';left: 74px;bottom: -26px;width: 48px;height: 48px;line-height: 48px;text-align: center;background: #545454;color: #8a827c;font-size: 20px;font-family: "font-icons";-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;}
.fieldset_02:before{position: absolute;content: '';top:-1px;right:-1px;width: 520px;height: 45px;background: #3d3d3d;}
.fieldset_01 legend,.fieldset_02 legend{margin: 0 0 0 -12px;padding: 0 10px;font-size: 18px;line-height: 1.2;color: #ffcc00;}
.fieldset_02 .fieldset-left{width: 440px;float: left;}
.fieldset_02 .fieldset-right{width: 440px;margin: 0 40px 0 0;float: right;}
.fieldset_02 .fieldset-right textarea{width: 420px;height: 130px;margin: 20px 0 0;}
.fieldset_02 .form-submit{position: absolute;bottom: -25px;right: 40px;}
.fieldset_02 .form-submit input[type=submit]{height: 55px;font-size: 20px;font-weight: normal;min-width: 440px;}
.palette{float: right;margin: 0;padding: 0;width: 26px;height: 26px;line-height: 26px;text-decoration: none;text-align: center;color: #000;border: 1px solid #fecb00;font-family: "font-icons";background: #fe9e00;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWNiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #fe9e00 0%, #fecb00 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9e00), color-stop(100%,#fecb00));background: -webkit-linear-gradient(top,  #fe9e00 0%,#fecb00 100%);background: -o-linear-gradient(top,  #fe9e00 0%,#fecb00 100%);background: -ms-linear-gradient(top,  #fe9e00 0%,#fecb00 100%);background: linear-gradient(to bottom,  #fe9e00 0%,#fecb00 100%);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.palette:hover{background: #fecb00;}
.image-conf{position: relative;width: 440px;padding: 0 40px 0 0;margin: 10px 0 0;float: right;}
.image-conf ul{position: relative;margin: 0 0 15px;padding: 0;height: 550px;overflow: hidden;}
.image-conf .info{text-align: right;font-size: 12px;}
.image-conf .info:after{position: relative;top:1px;content: '\e808';font-family: "font-icons";color: #ffcc00;font-size: 16px;margin: 0 0 0 5px;}
.image-conf ul li{margin: 0;padding: 0;}
.image-conf ul li:before{display: none;}
.image-conf ul li.active{position: absolute;top:0;left:0;z-index: 1;}
.image-conf .component{position: absolute;z-index: 2;top:0;left:0;height: 100%;width: 100%;}
.image-conf .component li{display: none;}
.image-conf .component li.active{display: block;}
.form-group{*zoom:1;margin: 0 0 13px;line-height: 1.1;}
.form-group:before,.form-group:after{display:table;content:"";}
.form-group:after{clear:both;}
.control-label{float: left;width: 150px;padding: 0 15px 0 0;}
.form-control{position: relative;width: 275px;float: right;}
/* popover */
.popover{display: none;position: absolute;left: 100%;top:-5px;width: 490px;margin-left: 30px;}
.popover:before{position: absolute;content: '';right: 100%;top:0;border: 20px solid transparent;border-right-color: #000;border-right-color: rgba(0,0,0,0.9);}
.popover .close{position: absolute;top:-10px;right:-12px;color: #ffcc00;font-size: 20px;line-height: 1;text-shadow: 1px 1px 0 #000;cursor: pointer;}
.popover .close:hover{color: #fff;}
.popover .inner{padding: 30px;background: #000;background: rgba(0,0,0,0.9);}
.popover h3{font-size: 18px;line-height: 1.2;color: #ffcc00;font-weight: normal;padding: 0 0 5px;margin: 0 0 20px;border-bottom: 1px solid #6e6e6d;}
.popover h3 mark{background: none;color: #fff;font-weight: bold;}
.popover h4{color: #fff;font-weight: bold;font-size: 15px;}
.popover ul{*zoom:1;margin: 0 0 20px;padding: 0 0 0 8px;border-left: 1px solid #6e6d6d;}
.popover ul:before,.popover ul:after{display:table;content:"";}
.popover ul:after{clear:both;}
.popover ul li{position: relative;margin: 0 0 16px 12px;padding: 0;float: left;width: 70px;text-align: center;}
	.popover ul li:before{content: '';}
.popover ul li.active:before{content: '';position: absolute;top: 100%;left:50%;margin-left: -7px;border: 7px solid transparent;border-bottom-color: #fff;}
.popover ul li .code{display: block;margin: 0 auto 5px;white-space: nowrap;color: #fff;font-size: 12px;}
.popover ul li .code mark{color: #ffcc00;background: none;}
.popover .img{display: block;position: relative;}
.popover ul li .img:after{position: absolute;bottom:-9px;right: -9px;content: '\e80c';font-family: "font-icons";color: #ffcc00;font-size: 16px;line-height: 1;text-shadow: -1px -1px #000;cursor: pointer;}
.popover ul li a:hover .img:before,.popover ul li.active .img:before{position: absolute;content: '';top:0;left:0;width: 62px;height: 62px;border: 4px solid #fff;-webkit-box-shadow: inset 0 0 3px #000;-moz-box-shadow: inset 0 0 3px #000;box-shadow: inset 0 0 3px #000;}
.popover ul li .img:after:hover{color: #fff;}
.popover ul li .img img{display: block;margin: auto;}
/* footer */
#page-footer{*zoom:1;width: 1000px;margin: auto;padding: 40px 0;text-align: left;color: #898989;background: url(../images/bg/02.png) no-repeat top;}
#page-footer:before,#page-footer:after{display:table;content:"";}
#page-footer:after{clear:both;}
#page-footer .copy{float: left;width: 470px;font-size: 14px;padding: 6px 0 0;}
#page-footer .xart{clear: both;font-size: 12px;text-transform: uppercase;}
#page-footer .xart a{text-decoration: none;color: #898989;}
#page-footer .xart img{float: left;margin: -2px 7px 0 0;}
#page-footer .contact{float: right;width: 530px;font-size: 24px;line-height: 1;font-weight: 300;color: #fff;text-align: right;}
#page-footer .contact a{color: #fff;}
#page-footer .phone{white-space: nowrap;display: inline-block;}
#page-footer .phone:before{position: relative;top:2px;content: '\e809';font-family: "font-icons";font-size: 26px;margin: 0 18px 0 0;}
#page-footer .email{white-space: nowrap;display: inline-block;margin: 0 0 0 30px;}
#page-footer .email:before{position: relative;top:3px;content: '\e80a';font-family: "font-icons";font-size: 26px;margin: 0 12px 0 0;}