.headroom--top nav ul>li>a {color:#333; font-size:16px;}
.headroom--top nav ul>li:last-child button {filter:initial;}
.headroom--top nav ul>li:last-child button img {width:auto;}
.header nav ul>li:last-child button {filter:invert(1) opacity(.7)}

/*.headroom--top .logo {filter:invert(1) opacity(.7);}*/


.contact:after {content:''; clear:both; display: table;}
.contact .box1 {float:left; width:50%; padding:170px 0 0 100px; background:url('../../img/contact_bg.svg')no-repeat center bottom 130px #333; position: relative;height:100vh; min-height:870px;}
.contact .box1 h2 {font-size:70px; color:#fff; font-weight:400; font-family: "Frank Ruhl Libre", serif; font-style:italic; line-height:1.1em;}
.contact .box1 p {position: absolute; left:100px; bottom:54px; font-size:17px; color:#999; font-family: "Frank Ruhl Libre", serif;}

.contact .box2 {float:right; height:100vh; width:50%;  padding:170px 80px 0 95px;}
.contact .box2 h3 {font-size:54px; color:#333; font-family: "Frank Ruhl Libre", serif; font-weight:400;}

.contact .box2 .input_cont {max-width:620px; width:100%; padding-left:4px;}
.contact .box2 .input_cont:after {content:''; clear:both; display: table;}
.contact .box2 .input_cont .input_box {float:left; width:100%; margin-top:40px;}
.contact .box2 .input_cont .input_box p {font-size:14px; color:#333; font-weight:500;}
.contact .box2 .input_cont .input_box input[type="text"] {width:100%; height:48px; font-size:15px; color:#333; border:none; background:none; border-bottom:1px solid #AFAEAC; margin-top:3px; transition: .3s;}
.contact .box2 .input_cont .input_box input[type="text"]::placeholder {color:#98958F;}
.contact .box2 .input_cont .input_box input[type="text"]:focus {outline: none; border-bottom:1px solid #333;}

.contact .box2 .input_cont .input_box textarea {width:100%; height:80px; font-size:15px; color:#333; border:none; background:none; border-bottom:1px solid #AFAEAC; margin-top:3px; transition: .3s; padding:10px 0; resize: none;}
.contact .box2 .input_cont .input_box textarea::placeholder {color:#98958F;}
.contact .box2 .input_cont .input_box textarea:focus {outline: none; border-bottom:1px solid #333;}

.contact .box2 .input_cont .input_box2 {width:calc((100% - 30px) / 2);}
.contact .box2 .input_cont .input_box3 {width:calc((100% - 30px) / 2); float:right;}

.contact .box2 .bt_box {margin-top:35px;}
.contact .box2 .bt_box:after {content:''; clear:both; display: table;}
.contact .box2 .bt_box button {float:left; width:165px; height:48px; color:#8E8E8E;  border-radius:50px; background:none; border:none; font-family: "Frank Ruhl Libre", serif; font-size:17px; }
.contact .box2 .bt_box button.on {width:185px; border:1px solid #888; color:#636363; font-weight:500;}

.contact .box2 .ckbox {margin-top:20px; padding-left:4px;}
.contact .box2 .ckbox input[type="checkbox"] {display: none;}
.contact .box2 .ckbox input[type="checkbox"] + label {font-size:13px; padding-left:26px; position: relative; color:#888;}
.contact .box2 .ckbox input[type="checkbox"] + label span {position: absolute; left:0; top:0; width:17px; height:17px; border-radius:2px; border:1px solid #AFAEAC; }
.contact .box2 .ckbox input[type="checkbox"]:checked + label {color:#333; font-weight:500;}
.contact .box2 .ckbox input[type="checkbox"]:checked + label span {background:url('../../img/check.svg')no-repeat center #333; border:none; }


@media screen and (max-width:1200px) {
	.contact .box1 {padding:120px 0 0 50px; min-height:728px}
	.contact .box1 h2 {font-size:55px;}
	.contact .box1 p {left:50px;}

	.contact .box2 {padding:120px 70px 0 70px;}
	.contact .box2 h3 {font-size:40px;}
	.contact .box2 .input_cont .input_box {margin-top:30px;}
	.contact .box2 .input_cont .input_box p {font-size:13px;}
	.contact .box2 .input_cont .input_box input[type="text"] {height:45px; margin-top:0; font-size:14px;}
	.contact .box2 .input_cont .input_box textarea {font-size:14px;}
	.contact .box2 .input_cont .input_box2, .contact .box2 .input_cont .input_box3 {width:calc((100% - 20px) / 2);}

	.contact .box2 .bt_box button {width:150px;}
	.contact .box2 .bt_box button.on {width:160px;}

}



@media screen and (max-width:1023px) {
	.contact .box1 {width:100%; padding:86px 0 0 50px; height:254px; min-height:initial;}
	.contact .box1 h2 {font-size:40px;}
	.contact .box1 p {left:initial; right:50px; bottom:87px;}

	.contact .box2 {Width:100%; padding:40px 50px 60px 50px; background:#D7D6D4; position: relative; z-index: 1; border-radius:35px 35px 0 0 ; margin-top:-35px; height:auto;}
	.contact .box2 h3 {font-size:30px;}
}


@media screen and (max-width:767px) {
	.contact .box1 {padding:80px 0 0 30px;}
	.contact .box1 h2 {font-size:34px; line-height:1.05em;}
	.contact .box1 p {position: relative; bottom:0; right:0; margin-top:15px; font-size:15px; padding-left:1px;}

	.contact .box2 {padding:30px 30px 60px 30px;}
	.contact .box2 h3 {font-size:25px;}

	.contact .box2 .input_cont .input_box2, .contact .box2 .input_cont .input_box3 {width:100%;}
	.contact .box2 .input_cont .input_box textarea {height:100px;}

	.contact .box2 .bt_box {margin-top:35px;}
	.contact .box2 .bt_box button {width:50%; font-size:15px; height:42px;}
	.contact .box2 .bt_box button.on {width:50%; }
}