.hdr-layer1{
	background: linear-gradient(90deg, #03354A 41.7%, rgba(2, 123, 187, 0.42) 100%);
	height:420px;
	padding:70px 0;
}
.header-container{
	background:#000 no-repeat;
	background-size:cover;
	background-position:right top;
	width:100%;
	color:#fff;
	font-size:16px;
}
h1, h2, .locations-list h3{
	font-family: "Inter", sans-serif;
	font-weight: 800;
}
.header-container h1{
	font-size:32px;
	line-height:45px;
	max-width:100%;
	width:840px;
	text-transform: uppercase;
}
.single-office-page h1{
	font-size:40px;	
}
.shorthr{
	display:block;
	width:84px;
	height:1px;
	background:#E4FD8F;
	margin:20px 0;
}
.inner{
	width:1200px;
	max-width:92%;
	margin:0 auto;
}

.header-container .btn,
.locations-container .btn {
    background-color: rgb(3, 53, 74);
    color: white;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.13px;
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    border-radius: 48px;
    padding: 15px 30px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(3, 53, 74);
    border-image: none;
    transition: 250ms;
    text-decoration: none;
    white-space: nowrap;
}
.header-container .btn{
	margin:20px 0;
}
.btn.btn--green {
    background-color: #E4FD8F;
    border-color: #E4FD8F;
    color: #03354A;
}
.btn.btn--green {
    background-color: #E4FD8F;
    border-color: #E4FD8F;
    color: #03354A;
}

.near-block-center{
	background:#F7F9F9 url(../images/office-images/office-graphic-map.png?map=2.0) no-repeat 5% 210px;
	background-position: center 98%;
	background-size: 320px auto;
	max-width: 1330px;
	width:90%;
	height: 796px;
	margin:0 auto;
	text-align:center;
}
.near-block-center p{
	margin:10px auto;
	width:842px;
	max-width:100%;
}

.locations-container{
	background-image: url(../images/office-images/offwhite.png), url(../images/office-images/offices-footer-bg_comp.jpg);
	background-size:100% 300px, 100% auto;
	background-repeat: repeat-x, repeat;
	padding: 50px 0;
}
.locations-container .btn{
	margin-bottom:5px;
}
.location-info-container h2,
.locations-list h2,
.near-block-center h2{
	color:#212022;
	font-size:28px;
	line-height:26px;
	border-bottom:8px solid #E4FD8F;
	display:inline-block;
	padding:0;
	margin:40px 0 15px;
}
.locations-list h2{
	color:#fff;
	    margin: 60px 0 25px;
}
.locations-list{
	text-align:center;
}
.locations-list p{
	color:#fff;
	margin:0 0 30px;
	padding: 0 20px;
}
.location-columns{
	background:#fff;
	padding:20px;
	max-width:1050px;
	width:90%;
	margin:0 auto;
}
.location-columns ul li{
	display:block;
	margin:20px 0 10px;
	font-size:20px;
	line-height: 27px;
	color:#212022;
	text-align:left;
}
.location-columns ul li.city{
	font-size:16px;
	margin:5px 0 0;
	line-height: 20px;
}
.location-columns ul li a{
	color:#027BBB;
	text-decoration:underline;
}

.location-columns ul{
	margin:0;
	padding:0;
}
.locations-list h3{
	font-weight: 800;
	font-size: 26px;
	line-height: 120%;
	letter-spacing: -3%;
	text-align: center;
	text-transform: uppercase;
	margin:0 0 15px;
	padding:0 16px 8px;
	border-bottom:1px solid #212022;
	display:inline-block;
	color:#212022;
}

/*.office-card{
	box-shadow: 0px 4px 40px 0px #00000021;
	padding:30px;
	background:#fff;
	float:right;
	margin-top:80px;
	margin-right:10%;
	width:346px;
	text-align:left;
	color:#202225;
}*/
.office-select, .office-card{
	box-shadow: 0px 4px 40px 0px #00000021;
	padding:30px;
	background:#fff;
	margin:50px auto 20px;
	max-width:440px;
	text-align:left;
	width:90%;
	border-radius:10px;
	color:#202225;
}
.office-card address{
	padding-left:124px;
	margin:20px 0;
	min-height:85px;
	background: url(../images/office-images/building3_graphic.svg) no-repeat;
	font-style:normal;
	display:block;
}
.office-card p{
	margin-bottom:20px;
	font-size:16px;
	line-height:23px;
}
.office-card h3{
	margin:0 0 15px;
	padding:0;
	color:#202225;
}
.office-card h4{
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0 0 5px;
}


.office-select h3{
	color:#000;
	font-size:20px;
	font-weight:bold;
}
.select-boxes{
	display:grid;
	gap: 4%;
	grid-template-columns: 52% 44%;
}
.office-select fieldset{
	padding:0;
	border:none;
	margin:0;
}
.office-select label{
	display:block;
	font-size:14px;
	color:#202225;
	margin-bottom:4px;
}
.office-select .select2,
.office-select select{
	padding:20px;
	border:2px solid #202225;
	color:#202225;
	padding:16px;
	font-size:16px;
	width:100%;
	border-radius:8px;
}
.office-select em{
	font-size:12px;
	text-transform:uppercase;
	font-style:normal;
	margin-bottom:8px;
	display:block;
}	
.office-select .submit{
	background: #EEEEEE;
    border-color: #EEEEEE;
    color:#585858;
	margin:20px 0;
	display:inline-block;
	cursor:pointer;
}
.txt-btn{
	font-weight:bold;
	text-decoration:underline;
	font-size:14px;
	color:#03354A;
	text-transform:uppercase;
}

.loc-info-sections{
	text-align:left;
	margin:40px 0 40px;
}
.loc-info-sections small{
	font-size:14px;
}
.loc-info-sections p{
	font-size:20px;
	line-height:29px;
	color:#212022;
}
.loc-info-sections div{
	margin-bottom:35px;
}
.loc-info-sections h3{
	font-size:18px;
	line-height: 26px;
	font-weight:bold;
	color:#212022;
	margin-bottom: 8px;
	padding-bottom:8px;
	border-bottom:1px solid #03354A;
}
.location-info-container{
	text-align:center;
}
.location-info-container h2{
	font-size:26px;
	line-height:22px;
}
.capabilities-list{
	max-width: 1000px;
    margin: 10px auto 50px;
}
.capabilities-list ul{
	margin:0;padding:0;
}
.capabilities-list li{
	display:block;
	background-image: url(../images/office-images/check-mark-circle.svg);
	background-repeat:no-repeat;
	background-position: left center;
	background-size: auto 18px;
	padding:7px 0 7px 24px;
	text-align:left;
	color:#212022;
}

.additional-states{
	background:#E4FD8F;
	padding:30px 0;
	color:#212022;
}
.additional-states h2{
	font-size:46px;
	line-height: 50px;
	color:#212022;
	margin: 0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #212022;
}
.additional-states ul{
	list-style-type: disc;
	padding-left: 20px;
}

.additional-states .side-image{
	padding:60px 0 0;
}
.side-image img{
	max-width:100%;
}

.main-banner{
	display:none;
}

@media screen and (min-width:720px){
	.header-container h1{
		font-size:48px;
		line-height:65px;
	}
	.loc-info-sections{
		display:grid;
		gap: 2.3%;
		grid-template-columns: 31% 31% 31%;
	}
	.capabilities-list{
		display:grid;
		gap: 4.3%;
		grid-template-columns: 28% 28% 28%;
	}
	.location-columns{
		display:grid;
		grid-template-columns: 20% 75%;
		gap:4%;
	}
	.locations-list .column-1{
		border-right:1px solid #000;
	}
	.location-columns .columns-lists{
		display:grid;
		gap: 1.3%;
		grid-template-columns: 24% 24% 24% 24%;
	}
	.location-info-container h2,
	.locations-list h2,
	.near-block-center h2{
		font-size:46px;
		line-height:42px;
	}
	.near-block-center{
		background-position: 5% 210px;
		background-size: auto auto;
		box-shadow: 0px 4px 40px 0px #00000021;
	}
	.office-card,
	.office-select {
		float: right;
		margin-top: 80px;
		margin-right: 10%;
		max-width: 440px;
		border-radius:0;
	}
}
@media screen and (min-width:800px){
	.additional-states .inner{
		display:grid;
		gap: 4%;
		grid-template-columns: 51% 45%;
	}
}
@media screen and (min-width:1000px){
	.header-container h1{
		font-size:58px;
		line-height:75px;
	}
	.single-office-page h1{
		font-size:64px;
		line-height:78px;
	}
	.inner{
		max-width:100%;
	}
}