@font-face {
    font-family: 'futuris';
    src: url('fonts/futuris.eot');
    src: url('fonts/futuris.eot') format('embedded-opentype'),
         url('fonts/futuris.woff') format('woff'),
         url('fonts/futuris.ttf') format('truetype'),
         url('fonts/futuris.svg#FuturisRegular') format('svg');}
@font-face {
    font-family: 'futurisb';
    src: url('fonts/futuris-bold.eot');
    src: url('fonts/futuris-bold.eot') format('embedded-opentype'),
         url('fonts/futuris-bold.woff') format('woff'),
         url('fonts/futuris-bold.ttf') format('truetype'),
         url('fonts/futuris-bold.svg#FuturisBold') format('svg');}
* {
	margin: 0;
	padding: 0;}
html {
	height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;}
body {
	font: 12px/18px Arial, sans-serif;
	width: 100%;
	color:#252525;
	min-width:1004px;
	height: 100%;}
::-webkit-input-placeholder { 
    color:#9c9c9c;}
:-moz-placeholder { 
    color:#9c9c9c;}
::-moz-placeholder { 
    color:#9c9c9c;}
:-ms-input-placeholder {
    color:#9c9c9c;}
img{
	border:none;}
input{
	outline:none;
	border:none;}
.max {
	font:12px;
	text-align:center;
	}
.main_title{
	float:left;
	margin-bottom:40px;
	width:100%;
	position:relative;}
.main_title .bg{
	position:absolute;
	left:0;
	top:20px;
	width:100%;
	height:5px;
	background:url(img/title.png) repeat-x;}
.main_title .title{
	font:48px/44px futurisb;
	float:left;
	text-align:center;
	padding:0 35px;
	background:#fff;
	position:relative;
	z-index:10;}
li{
	float:left;
	list-style:none;}
.wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;}
.bl{
	float:left;
	width:100%;}
.bl_center{
	width:1004px;
	display:block;
	margin:0 auto;}
.header {
	height: 143px;
	float:left;
	width:100%;}
.than .header {
	height:100px;}
.content {
	padding: 0 0 182px;}
.footer {
	width: 100%;
	margin: -182px auto 0;
	height: 182px;
	overflow:hidden;
	clear:both;
	background:url(img/footer.jpg) repeat-x;
	position: relative;}
.footer .foot{
	float:left;
	width:100%;
	margin-top:9px;}
.footer .foot .left_text{
	float:left;
	color:#4f4f4f;
	font:14px futuris;}
.footer .foot .dew{
	float:right;
	padding:0 20px;
	background:#d8d8d8;
	height:26px;
	color:#b0b0b0;
	font:14px/26px futuris;
	margin-top:-5px;}
.footer .foot .dew a{
	color:#eb5113;
	font:14px/26px futurisb;}
.footer .foot .dew a:hover{
	text-decoration:none;}
.b{
	font-family:futurisb;}
.primary {
	position:fixed;
	top:0;
	width:100%;
	z-index:55;
	height:43px;
	background:#302d28;}
.primary a,
.primary span{
	color:#FFF;
	font:11px/43px arial;
	float:left;
	padding:0 44px;
	cursor:pointer;
	text-transform:uppercase;
	text-decoration:none;}
.primary li.last{
	margin-right:0;}
.primary li.active,
.primary li:hover{
	background:#eb5113;}
.than .header .copy{
	margin-top:0;}
.footer .copy{
	margin:20px 0;}
.copy{
	float:left;
	height: 100px;
	overflow:hidden;
	width:100%;
	margin-top:43px;}
.copy .logo{
	float:left;
	width:334px;
	margin-top:17px;}
.copy .right_info{
	float:right;
	width:232px;
	padding:10px 0 0 40px;
	background:url(img/footer_icons.jpg) no-repeat 0 10px;}
.copy .right_info .lin{
	float:left;
	width:100%;
	margin-bottom:6px;}
.copy .right_info .t1{
	float: left;
    font: 16px/19px futuris;
    margin-top: -1px;
    width: 100%;}
.copy .right_info .phone{
	float:left;
	width:100%;}
.copy .right_info .ph1{
	font:24px/14px futuris;}
.copy .right_info .ph2{
	font:24px/14px futurisb;}
.copy .right_info .t3{
	font:15px/15px futuris;}
.copy .cent{
	display:inline-block;
	font:20px futuris;
	text-align:center;
	margin-top:30px;}
.over{
	background:url(img/black_light.png) repeat;
	position:fixed;
	width:100%;
	display:none;
	height:100%;
	z-index:40;}

.over_center{
    left: 50%;
	background:#f5f6f6;
    margin-left: -172px;
    position: fixed;
	border-radius:10px;
    top: 180px;
    width: 344px}
.over .right_form  .sub input:hover{
	background-position:0 bottom;}
.over .close{
	background: url("img/closed.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 41px;
    position: absolute;
    right: -45px;
    top: 0;
    width: 40px;}
.over .copy_form{
	float:left;
	width:100%;}
.over .tit,
.over .lock{
	color:#302d28 !important;}
#top_bl {
	background:url(img/top.jpg) no-repeat center 0;
	height:575px;
	padding-top:54px;}
#top_bl .left{
	float:left;
	width:650px;
	color:#fff;}
#top_bl .left .t1{
	float:left;margin-top: -16px;
	width:100%;
	font:35px/36px futurisb}
#top_bl .left .t1 span{
	float:left;
	background:#eb5113;
	padding:10px 20px 5px;}
#top_bl .left .t1 span.b1{
	padding:0 20px 10px;}
#top_bl .left .t2{
	float:left;
	margin-top:10px;
	width:100%;}
#top_bl .left .t2 span{
	float:left;
	padding: 5px 18px;
	background:url(img/black_light.png) repeat;
	font:24px/26px futuris;}
#top_bl .right{
	float:right;
	width:344px;
	color:#fff;
	margin-right:4px;}
#top_bl .right .bb{
	float:left;
	width:100%;
	background:url(img/black_light.png) repeat;
	margin-bottom:3px;}
#top_bl .right .t1{
	float:left;
	width:100%;
	font:26px/24px futuris;
	margin:10px 0;
	text-align:center;}
#top_bl .right .action{
	float:left;
	width:100%;
	text-align:center;}
#top_bl .right .action .q1{
	color:#f86f33;
	text-transform:uppercase;
	font:18px/24px futurisb;}
#top_bl .right .action .q2{
	font:18px/24px futuris;}
#top_bl .right .action .time{
	float:left;
	clear:left;
	text-align:center;
	color:#302d28;
	margin-bottom:22px;
	font:14px/41px arial;
	margin-left:33px;}
#top_bl .right .action .w1{
	float:left;
	height:41px;
	margin-right:3px;
	background:url(img/ico_day.jpg) no-repeat #fff;
	padding-left:41px;
	width:48px;}
#top_bl .right .action .w2{
	float:left;
	height:41px;
	background:#fff;
	margin-right:3px;
	width:110px;}
#top_bl .right .action .w3{
	float:left;
	background:#fff;
	height:41px;
	margin-right:3px;
	width:70px;}
.copy_form{
	float:right;
	width:314px;
	padding:20px 0 15px;}
.copy_form .tit{
	float:left;
	color:#fff;
	font:22px/22px futuris;
	width:100%;
	margin-bottom:15px;
	text-align:center;}
.copy_form .tit .color{
	color:#f86f33;
	font:22px/22px futurisb;
	text-transform:uppercase;}
.inp{
	float:left;
	width:314px;
	height:46px;
	margin:0 15px 4px;}
.inp input{
	float: left;
    font: 14px arial;
    padding: 15px 10px 14px 63px;
    width: 241px;}
.inp input.name{
	background:url(img/ico_name.jpg) no-repeat #fff;}
.inp input.phone{
	background:url(img/ico_phone.jpg) no-repeat #fff;}
.sub input{
	float:left;
	width:314px;
	background:url(img/sub.jpg) no-repeat;
	height:72px;
	text-align:center;
	font:21px futurisb;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #ee491b;
	color:#fff;
	margin:10px 15px;
	cursor:pointer;}
.sub input:hover{
	background-position:0  bottom;}
.lock{
	float: left;
	padding-left: 88px;
	color:#fff;
	font: 13px futuris;
	background: url(img/lock.png) no-repeat 68px 4px;}

.blue_copy{
	background:url(img/blue.jpg) no-repeat center 0;
	color:#fff;
	padding:85px 0 0;
	height:442px;}
.blue_copy .blue_form{
	widtH:350px;
	float:right;
	margin-top:12px;
	padding:20px 0;
	background:url(img/w_light.png) repeat;}
.blue_copy .blue_form .tit{
	float:left;
	width:100%;
	font:20px/22px futurisb;
	text-align:center;
	margin-bottom:15px;}
.blue_copy .blue_form .tit .b{
	text-transform:uppercase;}
.blue_copy .sub input{ 
	margin-left:21px;}
.blue_copy .inp{
	margin:0 18px 4px;}
.blue_copy .lock{
	background:url("img/white_lock.png") no-repeat scroll 60px 5px transparent}
.blue_copy .left_bl{
	float:left;
	width:620px;}
.blue_copy .left_bl .t1{
	float:left;
	margin-bottom:15px;
	width:100%;
	font:36px/31px futuris;}
.blue_copy .left_bl .t1 .size{
	color:#f86f33;
	font:36px/30px futurisb;
	text-transform:uppercase;}
.blue_copy .left_bl .list{
	float:left;
	font:22px/23px futuris;
	width:100%;}
.blue_copy .left_bl .list .l{
	float:left;
	clear:left;
	margin-bottom:8px;
	background:url(img/w_light.png) repeat;
	padding:5px 15px 5px 9px;}
.blue_copy .left_bl .list .l.last{
	margin-top:-8px;
	padding:0px 15px 5px 9px;
	text-indent:30px;}
.blue_copy .left_bl .list .l .bs{
	float:left;
	padding-left:30px;
	background:url(img/y.png) no-repeat;}
.blue_copy .left_bl .bot{
	float:left;
	width:100%;
	margin-top:40px;
	font:18px/22px futuris;}
#white{
	padding:80px 0 100px;}
#white .title{
	margin-left:320px;}
#white .im{
	float:left;
	width:100%;
	text-align:center;
	overflow:hidden;}
#white .im img{
	float:left;
	margin-left:-4px;}
#white .thri{
	float:left;
	margin-top:20px;
	width:100%;}
#white .thri span{
	float:left;
	width:30%;
	margin-left:3%;
	text-align:center;
	font:20px/24px futurisb;}
#white .thri .tt{
	margin-top:-10px;}
#about {
	margin-top:82px;}
#about .title{
	margin-left:187px;}
#about .five{
	float: left;
	width: 100%;overflow: hidden;
	margin:44px 0 36px;}
#about .five .row{
	float:left;
	width:19%;
	margin-right:1%;}
#about .five .row.last{
	margin:0;}
#about .ico{
	float:left;
	width:100%;
	height:73px;
	position:relative;
	text-align:center;}
#about .ico img{
	position:absolute;
	left:38%;
	bottom:0;}
#about .t1{
	float: left;
    font: 60px/30px futuris;
    margin: 30px 0 0;
    text-align: center;
	position:relative;
    width: 100%;}
#about .t1 sub{
	bottom: -8px;
    font: 24px futuris;
    left: 44px;
    position: absolute;}
#about .t2{
	float: left;
    font: 22px/24px futuris;
    left: -15%;
	margin-top:10px;
    position: relative;
    text-align: center;
    width: 130%;}
#about .tt{
	margin-top:30px;}
#doc{
	background:#f5f6f6; 
	padding:85px 0 100px;}
#doc .title{
	margin-left:75px;
	background:#f5f6f6; }
#doc .click{
	float:left;
	padding:10px 30px;
	background:#EEEBEB;
	margin:0 268px 65px;
	font:24px futuris;}
.slider{
	float:left;
	position:relative;
	width:100%;
	clear:left;
	height:405px;}
.jcarousel-clip.jcarousel-clip-horizontal{
	float:left;
	width:900px;
	margin:0 52px;
	overflow:hidden;
	height:405px;}
.jcarousel-prev{
	width:127px;
	height:127px;
	cursor:pointer;
	position:absolute;
	left:0;
	top:155px;
	background:url(img/slider_arrows.png) no-repeat;}
.jcarousel-next{
	width:127px;
	height:127px;
	cursor:pointer;
	position:absolute;
	right:12px;
	top:155px;
	background:url(img/slider_arrows.png) no-repeat right 0;}
#team {
	padding:100px 0 85px;
	background:#e9e9e9;}
#team .title{
	background:#e9e9e9;
	margin-left:255px;}
#team .users{
	float:left;
	margin-top: 37px;
	width:100%;}
#team .u{
	float:left;
	width:192px;
	margin-right:11px;}
#team .u.last{
	margin-right:0;}
#team .ava{
	float:left;
	height:192px;}
#team .name{
	float:left;
	width:100%;
	text-align:center;
	font:18px futurisb;
	margin-top:10px;}
#team .dol{
	float:left;
	width:100%;
	text-align:center;
	font:italic 15px tahoma;}
#we_in{
	margin:90px 0 80px;}
#we_in .title{
	margin-left:340px;}
#we_in .click{
	float:left;
	padding:10px 30px;
	background:#f5f6f6;
	margin:0 268px 38px;
	font:24px futuris;}
#in_work{
	background:url(img/blue.jpg) no-repeat center 0;
	padding:100px 0;
	height:384px;}
#in_work .title{
	background:url(img/work_title.png) no-repeat 0 20px;
	width:100%;
	margin-bottom:45px;
	color:#fff;
	padding:0;
	text-align:center;}
#in_work .four{
	float:left;
	width:100%;}
#in_work .four > div{
	float:left;
	width:244px;
	margin-right:9px;
	position:relative;
	height:244px;}
#in_work .four .d1{
	background:url(img/w1.png) no-repeat;}
#in_work .four .d2{
	background:url(img/w2.png) no-repeat;}
#in_work .four .d3{
	background:url(img/w3.png) no-repeat;}
#in_work .four .last{
	background:url(img/w4.png) no-repeat;
	margin:0;}
#in_work .text{
	float:left;
	width:100%;
	text-align:center;
	margin-top:130px;
	color:#fff;
	font:24px/24px futuris;}
#in_work .text.size{
	font:18px/18px futuris;}
#in_work .st_top{
	position:absolute;
	right:-55px;
	top:-40px;}
#in_work .st_bot{
	position:absolute;
	right:-55px;
	bottom:-40px;}
#reviews{
	margin-top:100px;}
#reviews .title{
	margin-left:230px;}
#reviews .body_re{
	float:left;
	width:100%;}
#reviews .line{
	float:left;
	width:100%;
	margin-bottom:35px;}
#reviews .re{
	float:left;
	width:437px;
	background:#f5f6f6;
	padding:22px}
#reviews .re.even{
	margin-left:34px;}
#reviews .re .im{
	float:left;
	width:100%;}
#reviews .re .text{
	float:left;
	width:101%;
	font:15px/21px arial;
	margin:15px 0;}
#reviews .re .name{
	float:left;
	color:#fff;
	font:bold italic 15px arial;
	background:#eb5113;
	padding:4px 10px;}
#map{
	height:482px;
	position:relative;}
#map .body_map{
	position:absolute;
	left:0;
	top:0;
	width:100%;}
#map .left{
	float:left;
	margin-top:80px;
	width:630px;}
#map .left .wh{
	float:left;
	clear:left;
	font:18px futuris;
	margin-bottom:5px;
	position: relative;
	z-index: 10;}
#map .left .bgs{
	float:left;
	clear:left;
	background:#fff;
	padding:4px 10px;}
#map .left .ff{
	font:36px futurisb;}
#map .copy_form{
	margin-top:80px;
	background:url(img/black_light.png) repeat;
	width:344px;position: relative;
	z-index: 10;}
.bl_than{
	float:right;
	width:418px;
	margin-top:160px;
	background:url(img/black_light.png) repeat;
	padding:20px 0;}
.bl_than .e1{
	float:left;
	width:100%;
	text-align:center;
	color:#f46f39;
	font:36px futurisb;
	margin:10px 0 5px;}
.bl_than .e2{
	float:left;
	width:100%;
	text-align:center;
	font:28px/27px futuris;
	color:#fff;}
/*change_site*/
#new_w {
	background:#ffffff;
	padding:90px 0;}
#new_w .cont{
	float:left;
	width:856px;
	height:780px;
	background:url(img/f_toch.png) no-repeat;
	z-index:30;
	margin:0 0 -165px 22px;
	color:#252525;
	position:relative;}
#new_w .title{
	float:left;
	font:42px futurisb;
	margin:12px 0 0 20px;}
#new_w .t1{
	float:left;
	width:100%;
	font:16px arial;
	margin:45px 0 25px;}
#new_w .list{
	float:left;
	margin-bottom:15px;
	width:100%;}
#new_w .ico{
	float:left;
	width:90px;
	text-align:center;
	margin-right:10px;}
#new_w .text{
	float:left;
	width:756px;
	margin-top:24px;
	font:16px arial;}
#new_w .text.tip{
	margin:-5px 0 -10px;}
#new_w .text.se{
	margin-top:13px;}
#new_w .b{
	font:bold 16px arial;}
.copy_w {
	background:#f5f6f6;
	padding:90px 0;}
#work.copy_w{
	padding:90px 0 60px;}
.copy_w .cont{
	float:left;
	width:982px;
	min-height:682px;
	margin-left:22px;
	color:#252525;
	background:url(img/s_toch.png) no-repeat;}
.copy_w .title{
	float:left;
	font:42px futurisb;
	width:100%;
	text-indent:35px;
	margin:15px 0 50px;}
.copy_w .blo{
	float:left;
	margin-left:165px;
	margin-bottom: 33px;}
.copy_w .tit{
	float:left;
	width:100%;
	margin-bottom:15px;
	font:21px futurisb;}
.copy_w .list{
	float:left;
	margin-bottom: 27px;
	height: 64px;
	width:100%;}
.copy_w .list.last{
	margin:-10px 0 0;}
.copy_w .list.last .text{
	margin-top:10px;}
.copy_w .ico{
	float:left;
	width:85px;}
.copy_w .text{
	float:left;
	width:700px;
	margin-top:3px;
	font:16px arial;}
.copy_w .text .b{
	font:bold 16px arial;}
.copy_w .b_tit{
	float:left;
	width:100%;
	font:30px futurisb;
	margin:20px 0;}
#gray{
	background:#f5f6f6;
	padding:90px 0;}
#gray .cont{
	float:left;
	width:856px;
	height:513px;
	margin:0 0 -157px 22px;
	color: #252525;
	position:relative;
	z-index:30;
	background:url(img/t_toch.png) no-repeat;}
#gray .title{
	float: left;
    font: 42px futurisb;
    margin: 12px 0 0 20px;}
#gray .text{
	float:left;
	width:100%;
	font:16px arial;
	margin-top:55px;}
#term {
	background:#fff;
	padding:90px 0;}
#term .title{
	float: left;
    font: 42px futurisb;
    margin: 15px 0 50px;
    text-indent: 35px;
    width: 100%;}
#term .cont{
	background: url("img/fo_toch.png") no-repeat scroll 0 0 transparent;
    color: #252525;
    float: left;
    margin-left: 22px;
    min-height: 346px;
    width: 982px;}
#term .blo{
	float: left;
    margin-left: 165px;}
#term .des{
	 float: left;
    font: 16px arial;
    margin-bottom: 32px;
    width: 100%;}
#term .list{
	float: left;
    height: 64px;
    margin-bottom: 19px;
    width: 100%;}
#term .ico{
	float: left;
    width: 85px;}
#term .text{
	float: left;
    font: 16px arial;
    margin-top: 3px;
    width: 700px;}
#term .list.last .text{
	margin-top:10px;}
#term .text .b{
	font:bold 16px arial;}
#work2.copy_w .cont{
	background:url(img/ud.png) no-repeat;
	min-height:772px;}
#work2.copy_w .text{
	margin-top:13px;}
#work2.copy_w .text.one{
	margin-top:19px;}
#work2.copy_w .list{
	 margin-bottom: 12px;}
#work2.copy_w .tit{
	margin-bottom: 18px;}
#work2.copy_w .b_tit{
	margin:20px 0 23px;}

.right{
	margin-right: -30px;
}
.bottom__cookie-block {
    width: 100%;
    /*height: 48px;*/
    background-color: #ffffff;
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 100000;
    text-align: center;
    -webkit-transform: translateZ(0);
}  
.privacy{
  margin-left: 20px;
  margin-top: 15px;
}