@charset "utf-8";

body {background: #3b4263;}
#wrap{width:840px;margin:0 auto;padding:40px 0;}
.consult-head{margin-bottom: 24px;}
.consult-head-title{font-size:34px; font-weight:700;color:#fff; line-height: 160%; }
.consult-head-text {font-size:18px;color:#fff; line-height: 148%; opacity: .6; font-weight: 300; letter-spacing: 0em;}
.consult-head-req {font-size:15px; color:#ff2929; line-height:21px;}

.consult-body {margin-bottom:24px;padding:36px 36px 48px;border-radius:8px;border:solid 1px #e8e8e8;background-color:#ffffff;}
.consult-item + .consult-item{margin-top:36px;}

.consult-item .item-title {font-size:18px; color:#121212; line-height:1; font-weight: 700;}
.consult-item .item-title.req::after { content: '*'; font-size: 20px; font-weight: 500; color:red; position: relative; top:6px; display: inline-block; padding-left: 5px;}
.consult-item .item-sub-title { font-size: 14px; padding: 8px 0 12px 0; color:#898989;}

.consult-body .consult-item:first-child { }


.consult-item .item-subtitle{margin-bottom:8px;font-size:13px;color:#545454;line-height:19px;}
.consult-item input,.consult-item select{font-size:15px}
.consult-item .item-subtitle + .item-check,.consult-item .item-subtitle + .item-radio{margin-top:16px;}
.consult-item .item-box + .item-box{margin-top:6px;}

.consult-foot button{display:block;width:220px;height:52px;margin:0 auto;border-radius:2px;background-color:#4166a2;font-size:15px;font-weight:bold;text-align:center;color:#ffffff;transition:all .2s ease;}
.consult-foot button:focus,.consult-foot button:hover{background-color:#314d7b}

@media screen and (max-width:839px){
	#wrap{width:100%;padding:60px 40px;}
}

@media screen and (max-width:639px){
	body{background-size:450px auto}
	#wrap{padding:45px 30px;}

	.consult-head{margin-bottom:18px;padding-bottom:13px;}
	.consult-head-title{margin-bottom:6px;font-size:22px;line-height:1.4;}
	.consult-head-text{margin-bottom:6px;font-size:14px;line-height:1.4;}
	.consult-head-req{font-size:14px;line-height:1.4;}
	.consult-body{margin-bottom:12px;padding:18px;}
	.consult-item + .consult-item{margin-top:18px;}
	.consult-item .item-title{margin-bottom:4px;font-size:14px;line-height:1.4;}
	.consult-item .item-title .req{line-height:1.4;}
	.consult-item .item-subtitle{margin-bottom:5px;font-size:12px;line-height:1.4;}
	.consult-item input,.consult-item select{font-size:14px}
	.consult-item .item-subtitle + .item-check,.consult-item .item-subtitle + .item-radio{margin-top:8px;}
	.consult-item .item-box + .item-box{margin-top:5px;}
	.consult-foot button{width:180px;height:44px;font-size:14px;}

}
@media screen and (max-width:479px){
	#wrap{padding:30px 20px;}
}