body,html{font-family:"Arial";text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;color:#666;font-weight:300;width:100%!important;height:100%!important}
h2{margin:0 0 20px 0;font-weight:300;font-size:42px;color:#444}
h3,h4{font-size:22px;font-weight:400;font-weight:300;color:#444}
h5{text-transform:uppercase;font-weight:700;line-height:20px}
p{font-size:16px}
p.intro{font-size:16px;margin:12px 0 0;line-height:24px}
a{color:#c72520}
a:focus,a:hover{text-decoration:none;color:#222}
ol,ul{list-style:none}
ol,ul{padding:0;margin:0;webkit-padding:0;moz-padding:0}
hr{height:2px;width:70px;text-align:center;position:relative;background:#c72520;margin:0 auto;margin-bottom:20px;border:0}
#nav {float:right; width:750px; }
#nav ul li.menu {width:15.5%; margin:0 1%; float:left; height:80px; display:inline; background:url(../images/vf2.png) right 54% no-repeat; }
#nav ul li.menu:first-child{background:none; width:10%;}
#nav ul li.line { width:1px; background:url(../images/line_bg.png) no-repeat left center; }
#nav ul li.menu a.line_b { font-size:17px; line-height:80px; display:block; color:#333; text-align:center; }
#nav ul li.menu a.line_b:hover { text-decoration:none; background:url(../images/nav_on.jpg) no-repeat center bottom; }
#nav ul li.menu a.current {  background:url(../images/nav_on.jpg) no-repeat center bottom; }
#nav ul li.visible-xs { visibility:hidden; display:none; }
#hContainer { height:110px; }


.xl{ width:100%; background:rgba(240, 240, 240, 1); height:00px; position:absolute; left:0px; z-index: 99;  overflow:hidden; -webkit-transition: all 0.3s; }
#nav ul li.menu:hover .xl{ height:auto;     -webkit-transition: all 0.3s;}
.xl .xlkuan{ text-align:left; width:1200px; margin:0 auto; }
.xl .xlkuan li{ float:left; width:31%; padding:10px 1.5%;  } 
.xl .xlkuan li a{height:30px; line-height:30px; width:100%; text-decoration:none; text-align:left;  border-bottom:1px solid #999; }
.xl .xlkuan li a .nav11{ width:94%;  text-align:left; height:30px; line-height:30px; color:#c32720; padding:0 3%; font-size:15px;}
.xl .xlkuan li a .cp11{ width:94%; text-align:left; height:30px; line-height:30px; color:#666; padding:0 3%; font-size:12px;}
.xl .xlkuan li a:hover .nav11,.xl .xlkuan li a:hover .cp11{ color:#F00;}

.xl2{ background:rgba(240, 240, 240, 1); width:200px; height:00px; z-index: 99; position:absolute;  overflow:hidden; -webkit-transition: all 0.3s; }
#nav ul li.menu:hover .xl2{ height:auto;  -webkit-transition: all 0.3s;}
.xl2 .xlkuan{ text-align:left; width:100%;  margin:0 auto; }
.xl2 .xlkuan li{ float:left; width:98%; padding:10px 1%;  } 
.xl2 .xlkuan li a{height:30px; line-height:30px; text-decoration:none; text-align:left; border-bottom:1px solid #999; }
.xl2 .xlkuan li a .nav11{ width:90%; border-bottom:1px solid #777777; text-align:left; height:30px; line-height:30px; color:#333; padding:0 5%; font-size:15px;}
.xl2 .xlkuan li a .cp11{ width:90%; text-align:left; height:30px; line-height:30px; color:#666; padding:0 5%; font-size:12px;}
.xl2 .xlkuan li a:hover .nav11,.xl2 .xlkuan li a:hover .cp11{ color:#F00;}


#menu{transition:all .8s; height:80px;}
#menu.navbar-default{border-color:rgba(231,231,231,0); width:100%;background-color: #fff; min-width:1200px;}
#menu a.navbar-brand{font-size:20px;color:#444;font-weight:500;text-transform:uppercase; margin-top:20px;}
#menu a.navbar-brand i.fa{color:#c72520;vertical-align:top}
#menu.navbar-default .navbar-nav>li>a{text-transform:uppercase;color:#444;font-weight:400;font-size:18px;letter-spacing:1px}
#menu.navbar-default .navbar-nav>li>a:hover{color:#c72520}
.navbar{margin-bottom:0px;}
.on{background-color:#f6f6f6!important;border-bottom:1px solid #ddd!important;background:url(../images/headerbg.jpg) top center no-repeat;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#c72520!important;background-color:transparent}
.navbar-toggle{border-radius:0}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#c72520;border-color:#c72520}
.navbar-default .navbar-toggle:hover>.icon-bar{background-color:#FFF}
.section-title{margin-bottom:30px}
.section-title p{font-size:18px}
.btn-custom{text-transform:uppercase;color:#fff;background-color:#c72520;border:0;padding:14px 20px;margin:0;font-size:16px;border-radius:2px;margin-top:20px;transition:all .3s}
.btn-custom.active,.btn-custom.focus,.btn-custom:active,.btn-custom:focus,.btn-custom:hover{color:#fff;background-color:#444}
.intro{display:table;width:100%;padding:0;background:url(../images/intro-bg.jpg) no-repeat center center;background-color:#e5e5e5;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
.intro .overlay{background:rgba(255,255,255,.1)}
.intro h1{color:#c72520;font-size:74px;font-weight:600;margin-top:0;text-transform:uppercase;margin-bottom:10px}
.intro p{color:#fff;font-size:32px;font-weight:700;margin-top:10px;text-shadow:2px 2px 5px #666;margin-bottom:40px}
header .intro-text{padding-top:300px;padding-bottom:200px;text-align:center}
.topbar{position:relative;margin:0 auto;z-index:10002;padding:3px 0;display: table;width: 100%; background:url(../images/topbg.jpg) top center no-repeat;}
.topbar .head-contact{display:inline;float:left;font-size:16px;line-height:38px;}
.topbar .head-contact,.topbar .head-contact a{color:#fff;}
.topbar .head-contact a:hover{opacity:.8;}
.topbar .head-phone,.topbar .head-email{display:inline;float:left;margin-right:35px; }
.topbar .head-phone{background:url(../images/tel.png)left center no-repeat;font-size:18px;text-indent:20px;}
.topbar .head-email{background:url(../images/email.png)left center no-repeat;font-size:16px;padding-right:5px;text-indent:30px;}
.topbar .head-phone:hover:before,.topbar .head-email:hover:before{-webkit-animation:swing .6s linear;animation:swing .6s linear;}
.topbar .change-language{display:inline-block;float:right; margin:5px 0 0;}
.topbar .change-language{*display:inline ;}
.change-language-info .language-icon:before{content:"\f107" !important;}
.change-language-info .change-language-title,.change-language-info .change-language-title a,.change-language-info .change-language-title span,.change-language-info .language-icon{ color:#FFF;}	
.head-search{position: relative;float: right;}
.head-search .head-search-form{}
.head-search .search-toggle{display:none;width:32px;height:32px;background-position:-287px 7px;background-color:transparent;border:0;float:left;position:absolute;right:0;top:0;border-radius:8px;cursor:pointer;transition:background-color .3s ease;}
.head-search .search-ipt{display: block;width:110px;height:38px;line-height:38px;border:0;background:none;float:left;text-indent:1em;-webkit-transition: all .3s ease;transition: all .3s ease;color:#fff;}
.head-search .search-ipt:focus{width: 300px;}
.head-search .search-ipt::-webkit-input-placeholder{color:#fff;}
.head-search .search-ipt:-moz-placeholder{color:#fff;}
.head-search .search-ipt::-moz-placeholder{color:#fff;}
.head-search .search-ipt:-ms-input-placeholder{color:#fff;}
.head-search .search-btn{display:inline-block;width:38px;height:38px;background:url(../images/search.png) no-repeat; background-size:cover;border:0;cursor:pointer;position:absolute;right: 0;top: 0;}

/* slides */
.banner{position:relative;width:100%;height:570px;text-align:center; min-width:1200px;}
@media only screen and (max-width:1920px){.banner{height:570px}}
@media only screen and (max-width:1680px){.banner{height:499px}}
@media only screen and (max-width:1600px){.banner{height:475px}}
@media only screen and (max-width:1440px){.banner{height:428px}}
@media only screen and (max-width:1366px){.banner{height:406px}}
@media only screen and (max-width:1280px){.banner{height:380px}}
@media only screen and (max-width:1024px){.banner{height:320px}}
@media only screen and (max-width:1199px){.banner{height:375px}}
.banner .pic{position:relative;width:100%;height:100%}
.banner .pic li{position:absolute;top:0;left:0;z-index:1;overflow:hidden;width:100%;min-width:1200px;height:100%;background-repeat:no-repeat}
.banner .pn{position:relative;z-index:6;margin:0 auto;width:1380px}
.banner .prev{position:absolute;top:0;left:0;width:39px;height:100%;background:url(../images/tupian3.jpg) center center no-repeat;cursor:pointer;z-index:99;}
.banner .prev:hover{background:url(../images/tupian3s.jpg) center center no-repeat}
.banner .next{position:absolute;top:0;right:0;width:39px;height:100%;background:url(../images/tupian4.jpg) center center no-repeat;cursor:pointer;z-index:99;}
.banner .next:hover{background:url(../images/tupian4s.jpg) center center no-repeat}
#Banner .btn{position:absolute;bottom:0;left:50%;margin-left:-50px;z-index:5;width:100px;height:58px; background:rgba(255,255,255,0.6);  border-bottom:0px; padding:0px; text-align:center;}
#Banner .btn li{display:inline-block;overflow:hidden;overflow:hidden;margin:20px 4px;width:14px;height:14px;border-radius:50%;background:#000;color:#fff;line-height:9px}
#Banner .btn li.selected{background:#9f1e19}




#about{padding:60px 0;position:relative; height:880px;}
#about h3{font-size:24px;color:#c72520;font-weight:400}
#about .about-text{margin-left:10px;margin-top:20px}
#about .about-img{position:relative;display:inline-block;vertical-align:top;width:525px;margin:15px 0 0;box-shadow:3px 3px 10px rgba(0,0,0,.5)}
#about .about-img .item .item-img{position:relative;display:inline-block;vertical-align:top;width:200px;height:150px;overflow:hidden}
#about .about-img .item .item-img img{position:relative;width:100%}
#about .about-img .item .item-title{position:relative;display:inline-block;vertical-align:top;width:325px;height:150px;font-size:20px}
#about .about-img .item .item-title,.about-us .about-img .item .item-title a{color:#FFF}
#about .about-img .item .item-title span{position:relative;display:table-cell;vertical-align:middle;width:325px;height:150px;padding:0 30px}
#about .about-img .item:nth-child(2n+1) .item-img{float:right}
#about .about-img .item:nth-child(2n) .item-img{float:left}
#about .about-img .item:nth-child(3n+1) .item-title{background:#079704}
#about .about-img .item:nth-child(3n+2) .item-title{background:#aa2020}
#about .about-img .item:nth-child(3n) .item-title{background:#d5ba06}
#about .about-img .item img{position:relative;width:100%;box-shadow:1px 1px 5px rgba(0,0,0,.5)}
#about .about-text li{font-size:14px;margin-bottom:6px;margin-left:-10px;list-style:none;padding:0}
#about .about-text li:before{content:"✓";color:#c72520;padding-right:10px}
#about p{line-height:32px;margin:22px 0}

#about .about_box{width:100%; height:418px;min-width: 1200px;}
#about .about_left{width:50%; height:418px; background:#c32720; float:left;}
#about .about_left p{line-height:26px; color:#fff; margin:50px 20px 0 70px;}
#about .about_right{width:50%; height:418px; float:right;}

#slides{ width:1140px; margin:20px auto; height:250px; z-index:2; overflow:hidden; position:absolute;}
.slides_container li{ width:1000px; height:250px; float:left; margin:0 70px; background:#e9e9e9; padding-left:30px;}
.slides_container li a{ display:inline-block; width:210px; height:250px; padding:30px 0; margin-right:27px;  margin-right:27px !important;}
.slides_container li a img{ width:210px; height:165px;}
.slides_container li a span{ display:block; width:210px; text-align:center; cursor:pointer; height:40px; line-height:40px; color:#333;     font-size: 16px;}
.slides_container li a img:hover{ box-shadow:2px 2px 5px #666;}
.slides_container li a:hover span{ color:#c9141d;}

.pagination{ position:absolute; left:483px; z-index:10; top:170px; display:none;}
.pagination li{ float:left; padding-right:7px;}
.pagination a{ display:block; outline:none; background:url(../images/pg.gif) no-repeat -1px 0; text-indent:-999em; width:14px; height:14px;}
.pagination li.current a{ background-position:-22px 0;}

.prev{background:url(../images/arr.png) no-repeat; width:54px; height:77px; display:block;  top:90px; position:absolute; text-indent:-999em; outline:none; z-index:11;}
.prev:hover{ background-position:0 -77px;}
.next{ background:url(../images/arr.png) no-repeat -54px 0; width:54px; height:77px; display:block;  top:90px; right:0px; position:absolute; text-indent:-999em;outline:none;z-index:11;}
.next:hover{ background-position:-54px -77px;}


#services{padding:60px 0}
#services h4{text-transform:uppercase; font-size:16px;margin-top: 15px;color: #000;font-weight: 400;}
#services .box{border:1px solid #e8e8e8; text-align:left; height:155px;}
#services .fa{margin:20px 0;color:#c72520; float:left; width:48px; height:48px; margin-right:10px;}
#services p{ font-size:16px; height:100px; overflow:hidden; margin:0; line-height: 20px; color:#999;}
.projects{width:100%; margin-bottom:30px; display:table;}
.projects ul{margin:0px; padding:0px;}
.projects ul li{width:18.4%; float:left; margin-right:2%; height:auto;}
.projects ul li img{width:100%;}
.projects ul li strong{ width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; font-weight:300; float:left;    font-size: 18px;}
.projects ul li:hover{box-shadow:5px 5px 10px #ccc;}
.projects ul li:last-child{margin-right:0px;}


.probox{width:100%; }
.probox .box{border:1px solid #e8e8e8; margin-bottom:20px; float:left; width:100%;}
.fain{float:left; margin-right:10px; padding:10px;}
.faright{float:left;width:1100px;  border-left:1px solid #e8e8e8; padding-left:10px;}
.probox h4{font-weight:bold;}




#pricing{padding:30px 0;background:#fff;}
.about-us-wrap{width:100%;height:23px;background:url(../images/section-shadow.png) no-repeat center center}
#pricing .pricing-table{border:1px solid #e4e4e4;text-align:center;position:relative;background-color:#fff;border-radius:4px}
#pricing .row{margin-top:100px}
#pricing .pricing-table:hover{z-index:2;box-shadow:0 0 20px rgba(0,0,0,.1)}
#pricing .highlight-plan{margin:-15px 0;margin-right:-1px;z-index:1}
#pricing .pricing-table.highlight-plan .plan-name{background-color:#c72520;padding:25px 0;border-radius:4px 4px 0 0}
#pricing .pricing-table.highlight-plan .plan-name h3{color:#fff}
#pricing .pricing-table.highlight-plan .plan-signup{background-color:#c72520;padding:30px 0;border-radius:0 0 4px 4px}
#pricing .pricing-table.highlight-plan .plan-signup .btn-system.border-btn{border-color:#fff;color:#fff}
.wc960{margin:0 auto;width:1140px}
.fl{float:left}
.fr{float:right}
.mt20{margin-top:20px}
.icon{background:url(../images/icon.png) no-repeat 0 0}
.warp-pic-list li{float:left;display:inline}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px}
.row .hd{height:25px}
.row .hd .title{font:26px/40px "微软雅黑","Microsoft YaHei","黑体",SimHei}
.tab-T-3{width:112px}
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;margin-left:10px;cursor:pointer;display:inline}
.tab-T-3 li.cur{background-color:#d81c1b}
.rowE .warp-pic-list{position:relative;width:1140px;height:310px;overflow:hidden}
.rowE .count li{margin-right:20px;width:270px;height:310px}
.rowE .count .img_wrap{width:270px;height:270px;padding:8px;border:1px solid #e8e8e8;}
.rowE .count .img_wrap img{width:100%}
.rowE .count li .text-area{}
.rowE .count li .text-area p{line-height:40px;height:40px; color:#c72520;}
.rowE .count li.hover .text-area,.rowE .count li:hover .text-area{background-color:#d81c1b;color:#fff}
.rowE .count li.hover .text-area,.rowE .count li:hover .text-area p{color:#fff;}
.rowE .count .p-num{font-family:Tahoma;font-weight:700}
.rowE .btn{display:block;height:55px;position:absolute;top:110px;width:35px;z-index:200;cursor:pointer}
.rowE .prev{background-position:0 -88px;left:0}
.rowE .prev:hover{background-position:0 -144px}
.rowE .next{background-position:0 -200px;right:0}
.rowE .next:hover{background-position:0 -256px}



#news{padding:0px 0 60px;min-width: 1200px;}
#news h4{text-transform:uppercase;margin:0}
.news{width:560px;overflow:hidden;float:left;text-align:left}
.news1{height:163px;border-bottom:1px solid #d2d2d2;overflow:hidden;margin-bottom:15px}
.news1 dt{height:40px;overflow:hidden}
.news1 dt span{background:url(../images/news_ico.png) no-repeat 0 0;width:105px;height:39px;display:block;float:left;line-height:39px;font-size:24px;color:#fff;font-weight:700;text-align:center;padding-left:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.news1 dt a{display:inline-block;padding-left:20px;font-size:20px;font-weight:400;color:#222;line-height:39px; width:450px;}
.news1 dd{font-size:14px;padding:10px 10px 0 0;color:#666;line-height:20px}
.news2{margin-top:30px;height:90px;overflow:hidden}
.news2 dt{float:left;width:85px;height:85px;border:1px solid #cbcbcb;overflow:hidden;text-align:center;font-size:16px;color:#959595;font-family:Arial;line-height:20px}
.news2 dt span{display:block;font-weight:700;font-size:34px;font-family:Impact;line-height:36px;padding-top:14px}
.news2 dd{width:450px;float:right;overflow:hidden;padding-right:10px}
.news2 dd h3{line-height:36px;height:36px;overflow:hidden;font-size:16px;font-weight:400;margin:0}
.news2 dd h3 a{color:#222}
.news2 dd p{font-size:14px;padding:3px 0 0 0;color:#666;line-height:24px}
.news2:hover dt{background:#c72520;border:1px solid #c72520;color:#fff}
.news2:hover dt span{color:#fff}
.news2:hover dd h3 a{color:#c72520;font-weight:700}
.wt{border:1px solid #e8e8e8;width:540px;height:435px;overflow:hidden;float:right;text-align:left}
.wt h3{height:66px;padding-left:23px;overflow:hidden;line-height:66px;margin:0}
.wt h3 a{color:#c72520;font-size:24px;font-weight:500}
.wt h3 i{font-weight:400;font-size:14px;color:#7e7e7e;font-family:Arial;text-transform:uppercase}
.wt dl{height:267px;border-bottom:1px dashed #aeaeae;overflow:hidden;width:326px;margin:0 auto}
.wt dt{height:163px;overflow:hidden}
.wt dt img{width:326px;height:163px}
.wt dd h4{height:34px;line-height:34px;font-weight:400;overflow:hidden}
.wt dd h4 a{font-size:16px;color:#222}
.wt dd p{font-size:14px;color:#666;line-height:20px}
.wt ul{overflow:hidden;width:500px;margin:0 auto;padding-top:10px}
.wt li{font-size:14px;overflow:hidden;margin-left:20px; width:240px; float:left;}
.wt li img{width:100%;}
.wt li:first-child{margin-left:0px;}
.wt li a{color:#333}
#contact{padding:120px 0 60px 0;background:#F6F6F6}
#contact form{padding:30px 0}
#contact .text-danger{color:#c03;text-align:left}
label{font-size:12px;font-weight:400;font-family:'Open Sans',sans-serif;float:left}
#contact .form-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#444;background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none}
#contact .form-control:focus{border-color:#999;outline:0;-webkit-box-shadow:transparent;box-shadow:transparent}
.form-control::-webkit-input-placeholder{color:#777}
.form-control:-moz-placeholder{color:#777}
.form-control::-moz-placeholder{color:#777}
.form-control:-ms-input-placeholder{color:#777}
#contact .social{margin-top:80px}
#contact .social ul li{display:inline-block;margin:0 20px}
#contact .social i.fa{font-size:26px;padding:4px;color:#c72520;transition:all .3s}
#contact .social i.fa:hover{color:#444}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,a:focus{outline:0;outline-offset:none}
.layout{width: 1200px; margin: 0 auto; position: relative;}
.foot-wrapper{position:relative;width:100%;background:#222 url(../images/bottombg.jpg) top center no-repeat; min-width:1200px;}
.foot-wrapper,.foot-wrapper a{color:#999}
.foot-items{padding:35px 0 30px}
.foot-item{position:relative;display:inline-block;vertical-align:top}
.foot-item.foot-item-about{width:265px}
.foot-item.foot-item-contact{width:265px;margin:0 168px}
.foot-item.foot-item-inquiry{width:270px}
.foot-item .foot-tit{color:#FFF;font-size:16px;margin:0 0 20px;text-transform:uppercase}
.foot-item.foot-item-about .foot-logo img{position:relative}
.foot-item.foot-item-about p{padding:20px 0 15px;line-height:24px}
.foot-item.foot-item-about .more{font-size:16px}
.foot-item.foot-item-about .more:after{content:"\f061";font-size:10px;margin:0 0 0 10px}
.foot-item.foot-item-contact .foot-cont p{line-height:24px}
.foot-item.foot-item-contact ul{margin:15px 0 0}
.foot-item.foot-item-contact ul li{position:relative;line-height:24px;}
.foot-item.foot-item-contact ul li:before{position:absolute;left:0;top:8px;font-size:12px}
.foot-item.foot-item-contact ul li .foot-addr{background: url(../images/ico-30.png) 0 0 no-repeat; width:20px; height:20px; background-size: cover; float: left;margin-right: 5px;}
.foot-item.foot-item-contact ul li .foot-phone{background: url(../images/ico-30.png) -20px 0 no-repeat; width:20px; height:20px; background-size: cover; float: left;margin-right: 5px;}
.foot-item.foot-item-contact ul li .foot-email{background: url(../images/ico-30.png) -40px 0 no-repeat; width:20px; height:20px; background-size: cover; float: left;margin-right: 5px;}
.foot-item.foot-item-inquiry .subscribe{position:relative}
.foot-item.foot-item-inquiry .subscribe p{line-height:24px}
.foot-item.foot-item-inquiry .subscribe-form{position:relative;width:270px;height:42px;line-height:42px;background:#666;margin:15px 0 0;border-radius:5px}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt{position:absolute;left:0;top:0;width:202px;padding:0 10px;height:42px;line-height:42px;border:none;background:0 0;color:#999}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn{position:absolute;top:5px;right:5px;width:88px;height:30px;line-height:30px;border:none;background:#c72520;color:#FFF;text-transform:uppercase;border-radius:3px}
.subscribe-form .subscribe-ipt::-webkit-input-placeholder{color:#a3b1bf}
.subscribe-form .subscribe-ipt:-moz-placeholder{color:#a3b1bf}
.subscribe-form .subscribe-ipt::-moz-placeholder{color:#a3b1bf}
.subscribe-form .subscribe-ipt:-ms-input-placeholder{color:#a3b1bf}
.footer{position:relative;background:#111;line-height:30px;padding:25px 0; height: 30px;display: table;width: 100%;}
.foot-social{margin:30px 0 0}
.foot-social li{position:relative;display:inline-block;vertical-align:top;margin:0 16px 0 0}
.foot-social li img{max-width:30px}
.foot-nav{float:right}
.foot-nav li{position:relative;display:inline-block;vertical-align:top}
.foot-nav li:after{content:".";margin:0 8px 0 10px}
.foot-nav li:last-child:after{display:none}
.foot-nav li:hover a{color:#c9141d}
.copyright{float:left}
@media (max-width:1024px){#about img{float:left;margin-bottom:20px}
}