.wn-ftc {
	min-width: 300px;
	max-width: 300px;
	box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.33);
	position: fixed;
	right: 6em;
	bottom: 0;
	z-index: 998;
}

.wn-ftc .wn-ftc-header {
	padding: 14px 17px;
	min-height: 55px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.wn-ftc-body {
	background: #fff;
	overflow: hidden;
}

.wn-ftc .wn-ftc-header .ti-comments {
	float: left;
	font-size: 24px;
	margin-right: 9px;
	padding-top: 4px;
}

.wn-ftc .wn-ftc-header .wn-ftc-title-wrap {
	overflow: hidden;
	float: left;
}

.wn-ftc .wn-ftc-header .wn-ftc-close-icons {
	float: right;
	padding-top: 5px;
	min-width: 36px;
	min-height: 31px;
}

.wn-ftc-close-icons {
	position: relative;
}

.wn-ftc-close-icons .ftc-min,
.wn-ftc-close-icons .ftc-close {
	width: 15px;
	height: 15px;
	position: absolute;
	cursor: pointer;
}

.wn-ftc-close-icons .ftc-close {
	right: 0;
}

.wn-ftc-close-icons .ftc-min span.line {
	width: 11px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	background: #fff;
	-ms-transform: rotate(-45deg);
	/* IE 9 */
	-webkit-transform: rotate(-45deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	transition: all .3s ease;
}

.wn-ftc.open .wn-ftc-close-icons .ftc-min span.line {
	-ms-transform: rotate(0deg);
	/* IE 9 */
	-webkit-transform: rotate(0deg);
	/* Chrome, Safari, Opera */
	transform: rotate(0deg);
}

.wn-ftc-close-icons .ftc-min:before {
	content: '';
	width: 8px;
	height: 1px;
	position: absolute;
	left: 1px;
	top: 4px;
	background: #fff;
	transition: width .3s ease .5s;
	transition: transform .3s ease;
	-webkit-transition: width .3s ease .5s;
	-webkit-transition: transform .3s ease;
}

.wn-ftc-close-icons .ftc-min:after {
	content: '';
	width: 8px;
	height: 1px;
	position: absolute;
	right: 1px;
	bottom: 6px;
	background: #fff;
	-ms-transform: rotate(90deg);
	/* IE 9 */
	-webkit-transform: rotate(90deg);
	/* Chrome, Safari, Opera */
	transform: rotate(90deg);
	transition: width .3s ease .5s;
	transition: transform .3s ease;
	-webkit-transition: width .3s ease .5s;
	-webkit-transition: transform .3s ease;
}

.wn-ftc.open .wn-ftc-close-icons .ftc-min:after,
.wn-ftc.open .wn-ftc-close-icons .ftc-min:before {
	width: 0;
	-ms-transform: rotate(0deg);
	/* IE 9 */
	-webkit-transform: rotate(0deg);
	/* Chrome, Safari, Opera */
	transform: rotate(0deg);
}

.wn-ftc-close-icons .ftc-close:before,
.wn-ftc-close-icons .ftc-close:after {
	content: '';
	width: 15px;
	height: 1px;
	position: absolute;
	right: 0;
	top: 50%;
	background: #fff;
}

.wn-ftc-close-icons .ftc-close:before {
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.wn-ftc-close-icons .ftc-close:after {
	-ms-transform: rotate(-45deg);
	/* IE 9 */
	-webkit-transform: rotate(-45deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-45deg);
}

.wn-ftc .wn-ftc-header * {
	color: #fff;
}

.wn-ftc .wn-ftc-header .wn-ftc-title-wrap h5 {
	font-size: 13px;
	margin-bottom: 0;
}

.wn-ftc .wn-ftc-header .wn-ftc-title-wrap p {
	font-size: 12px;
	margin-bottom: 0;
	line-height: 1;
	opacity: .5;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form p {
	margin-bottom: 0;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form input,
.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form textarea {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ebebeb;
	box-shadow: none;
	padding: 20px 18px;
	resize: none;
	width: 100% !important;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form textarea {
	border-bottom: none;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form input:focus,
.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form textarea:focus {
	box-shadow: 0px 0px 12px 0px rgba(230, 231, 235, 1) inset;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form p:nth-last-child(3) {
	border-bottom: 0;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form p:nth-last-of-type(1) {
	text-align: right;
	padding-bottom: 26px;
	margin-top: 17px;
}

#wrap .wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form input[type="submit"] {
	width: auto !important;
	font-size: 12px;
	font-weight: 400;
	border-radius: 3px;
	padding: 10px 26px;
	margin: 10px 10px 15px 20px;
	border: none;
}

#wrap .wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form input[type="submit"]:hover {
	box-shadow: 0px 5px 28px -6px #202020 !important;
	background: #222 !important;
	color: #fff !important;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form textarea::-webkit-input-placeholder {
	color: #717171;
	font-size: 13px;
	font-family: inherit;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form textarea::-moz-placeholder {
	/* Firefox 19+ */
	color: #717171;
	font-size: 13px;
	font-family: inherit;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form textarea:-ms-input-placeholder {
	/* IE 10+ */
	color: #717171;
	font-size: 13px;
	font-family: inherit;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form textarea:-moz-placeholder {
	/* Firefox 18- */
	color: #717171;
	font-size: 13px;
	font-family: inherit;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #717171;
	font-size: 13px;
	font-family: inherit;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form input::-moz-placeholder {
	/* Firefox 19+ */
	color: #717171;
	font-size: 13px;
	font-family: inherit;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form input:-ms-input-placeholder {
	/* IE 10+ */
	color: #717171;
	font-size: 13px;
	font-family: inherit;
}

.wn-ftc .wn-ftc-body .wpcf7 .wpcf7-form input:-moz-placeholder {
	/* Firefox 18- */
	color: #717171;
	font-size: 13px;
	font-family: inherit;
}

.wn-ftc .wpcf7-not-valid-tip {
	color: #b68704;
	background: #ffe7a3;
	padding: 4px 18px;
	font-size: 12px;
	line-height: 18px;
}

@media(max-width:420px) {
    .wn-ftc {
        min-width: 220px;
        max-width: 220px;
    }
}