#pm-info{}
#pm-info h2{font-size: 24px; font-weight: 300;}
#pm-info h3{font-size: 30px;font-weight: 300;  color: #005cb9;}
#pm-info h3.form-title{text-transform: uppercase; text-align: center;}
#pm-info p{font-size: 17px; color: #000;}
#pm-info ul { list-style-type: none; padding: 0; margin: 45px 0 60px; }
#pm-info ul li { position: relative; padding: 12px 0 12px 65px; font-size: 20px; margin: 15px 0; color: #222;text-align: left;}
#pm-info.inner ul { list-style-type:disc;padding-left:15px; }
#pm-info.inner ul li { font-size: 17px; margin: 5px 0; padding:0;color: #222;text-align: left;}
#pm-info .icon { background-color: #005cb9; position: absolute; left: 0; top: 0; height: 50px; width: 50px; text-align: center; border-radius: 50%; }
#pm-info .icon svg, #pm-info .icon span:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #fff; font-size: 26px; }
#pm-info .analysis-cta .form-direction:after { content: 'to the right';}

#pm-info .analysis-cta .pm-arrow{text-align: right;}
#pm-info .analysis-cta .pm-arrow svg { height: 50px;width:146px; fill: #022a59; }
#pm-info p.below{display: none;}
@media (max-width: 1284px){
	#pm-info .pm-arrow img{margin-right: -30px; margin-top: -30px;}
}
@media (max-width: 991px){
	#pm-info{text-align: center;}
	#pm-info p.right{display: none;}
	#pm-info p.below{display: block;}
	#pm-info .analysis-cta .form-direction:after { content: 'below';}
	#pm-info .analysis-cta .pm-arrow {display:none;}
}



/* PM Explore */
#pm-explore { padding: 100px 0 40px; text-align: center; }
#pm-explore hr{border-bottom: 1px solid #000; width: 270px; margin: 30px auto;}
#pm-explore h2 { margin-bottom: 15px; }
#pm-explore h3 { margin-bottom: 50px; }
#pm-explore .service { position: relative; }
#pm-explore .service .title .icon { font-size: 31px; line-height: 1; color: #005cb9; }
#pm-explore .service .title h3 { font-size: 24px; padding: 15px 0 10px; line-height: 1.2em; margin: 0; color: #000; }
#pm-explore .service p { font-size: 16px; margin: 0 0 50px; }
#pm-explore .service a {color:#000;}
#pm-explore .service a:hover {opacity:0.6;}
@media (min-width: 768px){
	#pm-explore .service { text-align: left; }
	#pm-explore .service .title { position: relative; padding-left: 45px; }
	#pm-explore .service .title .icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	#pm-explore .service p { min-height: 7em; margin: 0 0 30px; }
}
@media (max-width: 767px){
	#pm-explore .service { max-width: 400px; margin: 0 auto; }
}

#pm-discover{text-align: center;padding: 50px 8.333333337%;}
#pm-discover h3{font-size: 42px; font-weight: 300; margin-bottom: 30px;}
#pm-discover p{font-size: 16px; font-weight: 300; margin-bottom: 30px;}


@media (max-width: 1199px){
	#pm-discover{height: auto;}
}

#pm-areas{font-size: 16px; color: #005cb9; text-align: center; padding: 40px 0;}
#pm-areas ul{text-align: center;}
#pm-areas ul.areas li,
#pm-areas ul.areas li a{font-size: 16px; color: #005cb9;}
#pm-areas ul.areas li a:hover {color: #002857;}


/* ==================================================
******************** PM Cluster *********************
===================================================== */

/* SUB NAV */
#sub-nav { position: absolute; top: 0; list-style: none; padding: 10px 0; background: #022a59; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; text-align: center; font-size: 15px; font-weight: 500; -webkit-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s; }
#sub-nav li { position: relative; color: #fff; margin: 0 30px 0 0;text-transform: uppercase;}
#sub-nav li::before { margin: 0 15px 0 0; }
#sub-nav li:first-child { margin-left: auto; }
#sub-nav li:last-child { margin-right: auto; }
#sub-nav li a { color: #fff; }
#sub-nav li a:hover, #sub-nav li.active a { color: #fff; -webkit-transition: text-shadow 0.3s; -o-transition: text-shadow 0.3s; transition: text-shadow 0.3s; text-shadow: 0.7px 0 0 currentColor; }
#sub-nav.affix { position: fixed; top: 50px; padding: 7px 15px; z-index: 999; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); -webkit-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s; }
@media (min-width: 992px) and (max-width: 1199px){
	#sub-nav li { margin: 0 8px 0 0; font-size: 13px; }
	#sub-nav li::before { margin: 0 8px 0 0; }
}
@media (max-width: 991px){
	#sub-nav { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; display: inherit; }
	#sub-nav li { margin: 0; }
  #sub-nav li:last-child { margin-right: auto; }
	#sub-nav li, #sub-nav li.prev:before  { display: none; }
	#sub-nav li.prev, #sub-nav li.next, #sub-nav li.active { display: inline-block; }
	#sub-nav li.prev a:before { content: '‹'; display: inline-block; padding-right: 10px; font-size: 18px; }
	#sub-nav li.next a:after { content: '›'; display: inline-block; padding-left: 10px; font-size: 18px; }
	#sub-nav li ~ li { padding-left: 15px; }
}
@media (max-width: 650px){
	#sub-nav li.active { display: none; }
	#sub-nav li:first-child.active, #sub-nav li:last-child.active { display: inline-block; }
	#sub-nav li:first-child + .next::before { display: none; }
}
@media (max-width: 575px){
	#sub-nav { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }
	#sub-nav li.prev a, #sub-nav li.next a { font-size: 0; line-height: 1; }
	#sub-nav li.prev a:after { content: 'PREV'; font-size: 18px; }
	#sub-nav li.next a:before { content: 'NEXT'; font-size: 18px; }
	#sub-nav li { margin: auto; }

}
@media (max-width: 450px){
	#sub-nav li:first-child.active, #sub-nav li:last-child.active { display: none; }
}

/* PM Page Main */
#pm-page, main.with-subnav { position: relative;padding-top:60px; }
#pm-page h4 { font-size: 20px; margin: 20px 0 30px; font-weight: 600; }
#pm-page #owner-faq + #area-info + #pm-areas { background: #fff; }
@media (min-width: 992px){
	#pm-page, main.with-subnav { padding-top: 100px; }
}
