/* Contact */

.ContactWrap { position: relative; min-height: 500px; }
.ContactMapWrap {float: right;width: 50%;height: 100%;position: absolute;right: 0;top: 0;}
.ContactMap {height: 100%;letter-spacing: 0;font-size:16px;}
.ContactDirectionsLink { position: absolute; top: 7px; font-size: 10px; text-transform: uppercase; font-weight: bold; letter-spacing: .12em; color: #fff; width: 240px; text-align: center; height: 30px; border: 1px solid; text-decoration: none; line-height: 28px; background: #00547a; background: rgba(0,84,122,.62); }
.ContactDirectionsLink:hover, .ContactDirectionsLink:focus {background-color: #0086C3;color:#fff;}
.ContactDirectionsLink > span {display:inline-block;vertical-align:middle;padding-right:.3em;}
.ContactDirectionsLink svg {width: 2em;height:2em;display:inline-block;vertical-align:middle;}
.ContactDirectionsLink--madison { left: 14px; }
.ContactDirectionsLink--milwaukee { right: 14px; }
.ContactInfo { float: left; width: 50%; position: relative; padding: 0 16px; }
.ContactPos {border-top: 6px solid #faa41a;padding: 24px 24px 40px;}
.ContactInfoText { float: left; width: 48%; position: relative; z-index: 1; }
.ContactInfoText h2,.FieldSet legend { color: #faa41a; font-size: 20px; letter-spacing: 0; margin: 0; line-height: 1; padding: .6em 0 .4em; }
.ContactWatermark {display: block;margin: 0 auto;color: #f5f5f5;position: absolute;z-index: -1;right: 0;top: 40px;width: 217px;height: 177px;left: 0;right: 0;}
.ContactAddress:before, .ContactInfoHours:before, .ContactPhone:before, .ContactForm:before, .ContactBody:before { content: ""; background-color: #d5d5d5; width: 132px; max-width: 100%; height: 1px; display: block;}
.ContactAddress { float: left; width: 60%; }
.ContactAddress .vcard .adr { font-style: normal; font-weight: bold; font-size: 16px; letter-spacing: .08em; line-height: 1.25; }
.ContactAddress .vcard .adr abbr[title] {text-decoration: none;}
.ContactAddress .vcard .fn.org, .ContactAddress .vcard .tel { display: none; }
.ContactAddress .vcard .street-address {display:block;}
.ContactInfoHours { float: left; width: 40%; line-height: 1.25; letter-spacing: .08em; }
.ContactInfoHours time { display: block; }
.ContactPhone { letter-spacing: .08em;font-size: 16px;padding-bottom: 20px;}
.ContactBody { font-size: 13px; letter-spacing: .04em; line-height: 1.3; }
.ContactForm { position: relative; width: 48%; margin-left: 4%; float: left; }
.FieldSet { padding: 0; margin: 0; position: relative; border: none;min-width:unset;}
.FieldSet legend {display: block;width: 100%;padding: .6em 0 0;font-family: "Caviar Dreams" , sans-serif;font-weight: bold;height: 34px;}
.btn--talkCareers {background: #0086c2;text-align: center;color: #fff;line-height: 1;padding: .6em 1.2em;font-size: 18px;letter-spacing: .08em;z-index: 1;font-weight: 700;position: relative;word-spacing: 2.5em;}
.btn--talkCareers:hover, .btn--talkCareers:focus { background-color: #faa41a; color: #fff; }
.btn__bg {display: block;position: absolute;height: 100%;width: 100%;top: 0;left: 0;}
.btn--talkCareers .btn__bg {color: #000;opacity: .25;height:80%;width:82%;top:10%;}
.btn__text {position: relative;}
.requiredSym {color: #0086c2;margin-left: -13px;margin-top: 10px;position: absolute;}
.ContactAddress .googleMapLinkF { text-decoration:none;color:#000;}
.g-recaptcha {margin: 20px 0 10px;position: relative;transform: translate(-50%);-ms-transform: translate(-50%);-webkit-transform: translate(-50%);left: 50%;display: inline-block;}

@media only screen and (max-width:1750px) and (min-width:1001px)  {
	.ContactAddress .vcard .adr,.ContactPhone{font-size:14px;letter-spacing: .06em;}
}
@media only screen and (max-width:1600px) and (min-width:1001px)  {
	.ContactAddress .vcard .adr,.ContactPhone{font-size:13px;letter-spacing: .04em;}
	.ContactInfoHours {font-size: 12px;}
}
@media only screen and (max-width:1500px) and (min-width:1001px)  {
	.ContactAddress, .ContactInfoHours, .ContactPhone {width:100%;float:none;padding-top:8px;padding-bottom:8px;}
	.ContactInfoHours, .ContactAddress .vcard .adr,.ContactPhone {font-size: 14px;}
	.ContactBody ul {padding-left: 20px;}
}
@media only screen and (max-width:1400px) {
.ContactPos.group {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction:column;flex-wrap: wrap;}
.ContactPos.group .ContactInfoText {float: none;width: auto;display: block; -webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;  -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1 0 auto;margin:20px auto 10px;}
.ContactPos.group .ContactInfoText > .group {width: auto;float: left;}
.ContactPos.group .ContactAddress, .ContactPos.group .ContactInfoHours,  .ContactPos.group .ContactPhone {float: left;width: auto;margin: 0px 20px;}
.ContactAddress:before, .ContactInfoHours:before, .ContactPhone:before, .ContactForm:before, .ContactBody:before { margin-top:20px; }
.ContactPos.group .ContactForm {position: relative;width: 100%;margin-left: 0;float: none;display: block;max-width: 650px;flex: 1 0 auto;overflow-x:hidden;margin:10px auto;}
.ContactPos.group .ContactPhone {margin-bottom: 30px;}
.ContactPos.group .Field {width: calc(100% - 10px);}
.ContactPos.group .ContactBody::before {width: 94%;margin-left: 3%;}
.ContactPos.group .ContactBody {clear: both;}
}

@media only screen and (max-width:1000px) {
	.ContactMapWrap{height:150px;width:100%;float:none;position:relative;}
	.ContactDirectionsLink{top:40px;}
	.ContactInfo {float:none;width:100%;}
}
@media only screen and (max-width:860px) and (min-width:641px)  {
    .ContactAddress .vcard .adr { font-size:13px;}
    .ContactPhone{font-size:15px;}
    .ContactInfoHours { font-size:11px;}
}
@media only screen and (max-width:780px) and (min-width:641px)  {
	.ContactAddress .vcard .adr,.ContactInfoHours,.ContactPhone{font-size:14px;}
}
@media only screen and (max-width:750px) and (min-width:641px)  {
	.ContactAddress, .ContactInfoHours {width:100%;float:none;padding-bottom:20px;}
}
@media only screen and (max-width:640px) {
	.ContactMapWrap {margin: -20px -20px 0 -20px;width: auto;position: relative;height: auto;}
	.ContactMap {height: 150px;}
	.ContactDirectionsLink {width: 140px;top: auto;bottom: 20px;}
	.ContactDirectionsLink--madison {left: 6px; }
	.ContactDirectionsLink--milwaukee {right: 6px; }
	.ContactDirectionsLink span span {display:none;}
	.ContactInfo {padding:0;}
	.ContactPos{padding: 0 0px 20px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.ContactInfoText, .ContactForm {width:100%;float:none;margin:0;padding-top: 20px;}
	.ContactInfoText{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;}
	.ContactForm {-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;}
	.ContactInfoText h2, .FieldSet legend{font-size:16px;}
    .g-recaptcha {transform: translate(-50%) scale(0.8);-ms-transform: translate(-50%) scale(0.8);-webkit-transform: translate(-50%) scale(0.8);}
}
@media only screen and (max-width:400px) {
	.ContactAddress .vcard .adr,.ContactInfoHours,.ContactPhone{font-size:15px;}
}
@media only screen and (max-width:380px) {
	.ContactAddress .vcard .adr,.ContactInfoHours,.ContactPhone{font-size:13px;}
}
@media only screen and (max-width:350px) {
	.ContactAddress .vcard .adr,.ContactInfoHours,.ContactPhone{font-size:12px;}
}
@media only screen and (max-width:360px) {
}

.ContactMapClose {display: none;}

@media only screen and (max-width:640px) {
	.ContactMap.focused {height: 300px;height:80vh;}
	.ContactMap.focused ~ .ContactMapClose{display:block;}
	.ContactMapClose {font-size: 0;border: none;background: #000;color: #fff;padding: 0;width: 48px;height: 48px;position:absolute;top: 0;right: 0;}
	.ContactMapClose:before,.ContactMapClose:after {content:"";display:block;background:currentColor;width:24px;height:2px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
	.ContactMapClose:before {transform:rotate(45deg);}
	.ContactMapClose:after {transform:rotate(-45deg);}

}