.footer{
	margin-top:20px;
	background: #424242;
}
.footer_sm{
	padding: 10px 0;
	display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;

    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -ms-align-items: center;
    -webkit-align-items: center;
	background: url(../images/footer_t_bg.jpg) no-repeat center center;
}
.footer_sm a{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	border-radius: 40px;
	text-align: center;
	background: #3b5999;
	margin: 0 6px;
}
.footer_sm a:nth-child(1){
	background: #3b5999;
}
.footer_sm a:nth-child(2){
	background: #209ef3;
}
.footer_sm a:nth-child(3){
	background: #db4f42;
}
.footer_sm a:nth-child(4){
	background: #0076b4;
}
.footer_sm a:nth-child(5){
	background: #ff011d;
}
.footer_sm a:hover{
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

.footer_t{
	padding: 4% 0;
}

.footer_t .wrapper{
	display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;

    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
}
.footer_clm{
	width: 31%;
}
.footer_title{
	color: #fff;
	font-size: 24px;
	padding-bottom: 15px;
	font-family: "opensans-bold";
	border-bottom: 1px solid #5c5c5c;
	margin-bottom: 25px;
}


.footer_clm_list{
	display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.footer_clm_list a{
	display: block;
	color: #e2e2e2;
	font-size: 14px;
	line-height: 20px;
	padding-left: 24px;
	position: relative;
	margin-bottom: 15px;
}
.footer_clm_list a:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background: url(../images/footer_icon.png) no-repeat center center;
}
.footer_clm_list_l{
	width: 50%;
}
.footer_clm_list a:hover{
	text-decoration: underline;
	transform: translateX(3px);
    -webkit-transform: translateX(3px);
}

.footer_clm_contact_item{
	line-height: 20px;
	margin-bottom: 15px;
	display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.footer_clm_contact_item .icon{
	width: 20px;
	height: 20px;
	font-size: 16px;
	color: #e2e2e2;
	text-align: center;
}
.footer_clm_contact_item .text{
	width: calc(100% - 20px);
	color: #e2e2e2;
	font-size: 14px;
	padding-left: 5px;
}
.footer_clm_contact_item .text a{
	display: block;
	color: #e2e2e2;
}
.footer_clm_contact_item .text a:hover{
	text-decoration: underline;
	transform: translateX(3px);
    -webkit-transform: translateX(3px);
}
.footer_clm_form_text,.footer_clm_form_area,.footer_clm_form_btn{
	display: block;
	width: 100%;
	height: 37px;
	color: #fff;
	font-size: 14px;
	padding-left: 15px;
	background: #5b5b5b;
	border-radius: 3px;
	border: 0;
	margin-bottom: 15px;
}
.footer_clm_form_text::-webkit-input-placeholder,
.footer_clm_form_area::-webkit-input-placeholder{
	color: #e2e2e2;
}
.footer_clm_form_area{
	height: 82px;
	padding: 10px 0 0 15px;
	resize: none;
}
.footer_clm_form_btn{
	width: 150px;
	height: 36px;
	color: #e2e2e2;
	font-size: 14px;
	text-align: center;
	padding: 0;
	cursor: pointer;
	background: #818181;
	border-radius: 3px;
}

.footer_b{
	color: #a0a0a0;
	font-size: 14px;
	line-height: 28px;
	padding: 20px 0 30px;
	border-top: 1px solid #5c5c5c;
}
.footer_b a{
	color: #a0a0a0;
}