#about{width:100%; padding:0; margin:0; display:block;}
#about .topic{width:100%; text-align:left; display:block; font-size:17px; font-weight:400; margin-bottom:7px; padding-bottom:15px; position:relative;}
#about .topic::before{content:""; width:30px; height:5px; background:#000; position:absolute; bottom:0; left:0;}
#about .container{width:100%; padding:0; margin:0; position:relative; display:block;}
#about .container .line{width:1px; height:198px; background:#000; position:absolute; top:22px; left:50%; transform: translateX(-50%);}
#about .we-are{width:50%; text-align:left; display:block; float:left;}
#about .we-are .f-pic{width:170px; display:block; float:left;}
#about .we-are .f-text{width:224px; margin-top:22px; display:block; float:left;}
#about .we-are h4{width:100%; font-size:14px; padding-left:5px; font-weight:700; margin:0; display:block;}
#about .we-are p{width:100%; font-size:14px; line-height:normal; letter-spacing: normal; padding-left:5px; margin-bottom:9px; display:block;}
#about .we-are .pic{width:119px; margin-bottom:9px; display:block;}
#about .we-are .pic img{width:100%;}
#about .we-are span{width:100%; margin-bottom:18px; display:block;}
#about .we-are span p{margin-bottom:0;}
#about .contact{width:50%; display:block; float:left;}
#about .contact .f-left{width:50%; display:block; float:left;}
#about .contact .f-left h4{font-size:14px; line-height:normal; letter-spacing:0.1em; font-weight:700; margin:30px 0 15px 0; padding:0 0 0 50px; display:block; text-align:left;}
#about .contact .f-left a{font-size:14px; text-align:left; line-height:normal; letter-spacing:normal; margin:0; padding:0 0 0 50px; display:block;}
#about .contact .f-left .social{width:100%; font-size:14px; line-height:normal; letter-spacing:0.1em; font-weight:800; margin:50px 0 8px 0; padding:0; display:block; text-align:center;}
#about .contact .f-left .social a{width:30px; display:inline-block; padding:0; margin:0;}
#about .contact .f-left .social a:last-child{margin-right:0;}
#about .contact .f-left .social a img{width:100%;}
#about .contact form{width:50%; margin-top:20px; display:block; float:left;}
#about .contact form fieldset{width:100%; padding:0; border:0; margin:0 0 5px 0; display:block;}
#about .contact form input{width:100%; min-height:31px; padding:3px 5px; font-size:14px; border:1px solid #848484; display:block; font-family: "Open Sans", sans-serif; outline:none;}
#about .contact form textarea{width:100%; min-height:130px; resize:none; padding:10px 10px 2px 5px; font-size:14px; border:1px solid #848484; display:block; font-family: "Open Sans", sans-serif; outline:none;}
#about .contact form input::placeholder, #about .contact form textarea::placeholder{color:#BDBDBF;}
#about .contact form button{width:auto; padding:3px 5px; display:block; float:right; line-height:1.71;  outline:none; font-family: "Open Sans", sans-serif; font-size:14px; color:#FFF; background:#000; border:0; cursor:pointer;}

footer{margin-top:60px;}

@media (max-width: 698px) {
#about{padding:0 20px;}
#about .we-are .f-pic{margin-top:30px;}
#about .we-are, #about .contact, #about .contact .f-left, #about .contact form{width:100%;}
#about .line{display:none;}
#about .we-are .f-text{width:100%;}
#about .contact .f-left h4, #about .contact .f-left a{padding-left:0;}
#about .contact .f-left .social{margin:10px 0; text-align:left;}
#about .contact form fieldset{margin-bottom:10px;}
#about .contact form input{min-height:40px;}
}