/* Custom styles */

.config_row.vpadding_large,
.config_column.vpadding_large								{ padding-top: 6rem; padding-bottom: 6rem; }
.config_row.vpadding_vlarge,
.config_column.vpadding_vlarge								{ padding-top: 8rem; padding-bottom: 8rem; }
.config_row.vpadding_xlarge,
.config_column.vpadding_xlarge								{ padding-top: 15rem; padding-bottom: 15rem; }
.config_row.vpadding_medium,
.config_column.vpadding_medium							{ padding-top: 3rem; padding-bottom: 3rem; }
.config_row.vpadding_small,
.config_column.vpadding_small								{ padding-top: 1rem; padding-bottom: 1rem; }
.config_row.vpadding_strap,
.config_column.vpadding_strap								{ padding-top: 22rem; padding-bottom: 22rem; }
.config_row.toppadding_large,								
.config_column.toppadding_large             { padding-top: 6rem; }
.config_row.toppadding_medium,
.config_column.toppadding_medium             { padding-top: 3rem; }
.config_column.bottompadding_large,
.config_row.bottompadding_large          { padding-bottom: 6rem; }
.config_column.bottompadding_medium,
.config_row.bottompadding_medium          { padding-bottom: 3rem; }
.config_column.bottompadding_small,
.config_row.bottompadding_small         { padding-bottom: 2rem; }
.config_column.home_panel                   { padding: 15rem 1.125rem 1.125rem 1.125rem; border-radius: 12px; }
.config_column.image_corners,
 .config_column.image_corners img               { border-radius: 12px; }

 .config_column.topmargin_large             { margin-top: 6rem; }

.config_column.bottommargin_small,
.config_row.bottommargin_small         { margin-bottom: 2rem; }

.config_column.home_panel div.content a     { padding: 1.875rem 1.5rem; border-radius: 12px; background-color: #ffffff; color: #0b0b0b; display:inline-block;}
.config_column.home_panel div.content span.title     { font-size: 1.875rem;}
.config_column.home_panel div.content a:hover     { background-color: #3f7cad; color: #ffffff; text-decoration: none;}

.config_row.profilerow_padding							{ padding: 6rem 0rem; }

 .config_column.strapline div.content   { max-width: 1000px; margin: auto; }
.config_column.strapline div.content h2           { font-size: 3.5rem; font-weight: 800; line-height: 4rem; color: #ffffff;}


.config_row.background_grey,
.config_column.background_grey							{ background-color: #f7f7f7; }
.config_row.medium_width div.offset					{ max-width:1450px; margin: auto; }
.config_row.narrow_width  div.offset,
.config_column.narrow_width	 div.offset		  { max-width:1050px; margin: auto; }

.config_row.page_header                     { padding: 0 10%; display: flex; justify-content: left; align-items: center; height: 550px; position: relative; }

.config_column.page_headermax               { max-width: 1650px; }
.config_row.page_header div.content div      { background-color: #0b2545; padding: 1.5rem 2rem 1.5rem 2rem; border-radius:12px; }
.config_row.page_header div.content h1      { font-family: 'Inter', sans-serif; font-size: 2.5rem; font-weight:600; margin:0; color: #ffffff; text-align: left; position: relative; z-index: 10;  padding: 0.25rem 2rem 0.5rem 2rem; border-left: #c3d350 solid 9px; line-height: normal; }
.config_row.page_header div.content h2      { font-family: 'Inter', sans-serif; font-size: 1.5rem; font-weight:300; color: #ffffff; text-align: left; position: relative; z-index: 10; }



/* Blue Panel */

.config_column.blue_panel,
.config_row.blue_panel                      { background-color: #003d60;}
.config_column.blue_panel div.content h2,
.config_column.blue_panel div.content h3,
.config_column.blue_panel div.content h4,
.config_column.blue_panel div.content p,
.config_column.blue_panel div.content ul,
.config_row.blue_panel div.content h2,
.config_row.blue_panel div.content h3,
.config_row.blue_panel div.content h4,
.config_row.blue_panel div.content p,
.config_row.blue_panel div.content ul,
.config_row.blue_panel div.content li,
.config_row.blue_panel div.content ul.ticks li     { color:#FFFFFF; font-weight:400; }
.config_row.blue_panel div.content ul.ticks li.large     { font-size: 1.25rem; margin-bottom: 1rem; }
.config_column.blue_panel div.content h2,
.config_row.blue_panel div.content h2     { font-size: 2rem; line-height: 2.5rem; font-weight: 600;}
.config_row.blue_panel div.content h2.intro     { width:65%; }



.config_row.blue_panel div.content a.button.green.normal,
.config_row.blue_panel div.content button.green.normal								{  border-radius:12px; min-width:0%; font-size:1.5rem; padding:0.75rem 2.5rem}
.config_row.blue_panel div.content a.button.green.normal::after,
.config_row.blue_panel div.content button.green.normal::after						{  display:none;}

.config_row.blue_panel div.content h4.arrow::after { top: 73px; right: 30px;  content: url('/images/icons/dot-arrow.png'); position: absolute; }

/* Grey Panel */

.config_column.grey_panel,
.config_row.grey_panel                      { background-color: #e6e9ec;}
.config_column.grey_panel div.content h2,
.config_column.grey_panel div.content h3,
.config_column.grey_panel div.content h4,
.config_column.grey_panel div.content p,
.config_column.grey_panel div.content ul,
.config_row.grey_panel div.content h2,
.config_row.grey_panel div.content h3,
.config_row.grey_panel div.content h4,
.config_row.grey_panel div.content p,
.config_row.grey_panel div.content ul,
.config_row.grey_panel div.content li,
.config_row.grey_panel div.content ul.ticks li     { color:#0b2545; font-weight:400; }
.config_row.grey_panel div.content ul.ticks li.large     { font-size: 1.25rem; margin-bottom: 1rem; }
.config_column.grey_panel div.content h2,
.config_row.grey_panel div.content h2     { font-size: 2rem; line-height: 2.5rem; font-weight: 600;}


/* Glaucous Panel */

.config_column.glaucous_panel,
.config_row.glaucous_panel                      { background-color: #6279b8; border-radius:12px; padding:1.5rem 1.0rem;}
.config_column.glaucous_panel div.content h2,
.config_column.glaucous_panel div.content h3,
.config_column.glaucous_panel div.content h4,
.config_column.glaucous_panel div.content p,
.config_column.glaucous_panel div.content ul,
.config_row.glaucous_panel div.content h2,
.config_row.glaucous_panel div.content h3,
.config_row.glaucous_panel div.content h4,
.config_row.glaucous_panel div.content p,
.config_row.glaucous_panel div.content ul,
.config_row.glaucous_panel div.content li,
.config_row.glaucous_panel div.content ul.ticks li     { color:#ffffff; font-weight:400; padding-left: 3rem; }
.config_row.glaucous_panel div.content ul.ticks li.large     { font-size: 1.25rem; margin-bottom: 1rem; }
.config_column.glaucous_panel div.content h3,
.config_row.glaucous_panel div.content h3     { font-size: 1.275rem; line-height: normal; margin:0 0 0.5rem 0; font-weight: 600; color:#0b2545; }
.config_column.glaucous_panel div.content h3::before,
.config_row.glaucous_panel div.content h3::before { top: 0px; left: 10px; height: 16px; width: 16px; content: url('/images/icons/green-dot.svg');  position:absolute; }
.config_column.glaucous_panel div.content p,
.config_row.glaucous_panel div.content p    { line-height: 1.25rem; font-size: 0.875rem; }


/* White Panel */

.config_column.white_panel,
.config_row.white_panel                      { background-color: #ffffff;}
.config_column.white_panel div.content h2,
.config_column.white_panel div.content h3,
.config_column.white_panel div.content h4,
.config_column.white_panel div.content p,
.config_column.white_panel div.content ul,
.config_row.white_panel div.content h2,
.config_row.white_panel div.content h3,
.config_row.white_panel div.content h4,
.config_row.white_panel div.content p,
.config_row.white_panel div.content ul,
.config_row.white_panel div.content li,
.config_row.white_panel div.content ul.ticks li     { color:#0b2545; font-weight:400; }
.config_row.white_panel div.content ul.ticks li.large     { font-size: 1.25rem; margin-bottom: 1rem; }
.config_column.white_panel div.content h2,
.config_row.white_panel div.content h2     { font-size: 2rem; line-height: 2.5rem; font-weight: 600;}



/* Contact Panel White */

.config_column.contact_panel,
.config_row.contact_panel                      { background-color: #ffffff;}
.config_column.contact_panel div.content h2,
.config_column.contact_panel div.content h3,
.config_column.contact_panel div.content h4,
.config_column.contact_panel div.content p,
.config_column.contact_panel div.content ul,
.config_row.contact_panel div.content h2,
.config_row.contact_panel div.content h3,
.config_row.contact_panel div.content h4,
.config_row.contact_panel div.content p,
.config_row.contact_panel div.content ul,
.config_row.contact_panel div.content li,
.config_row.contact_panel div.content ul.ticks li     { color:#0b2545; font-weight:400; }
.config_row.contact_panel div.content ul.ticks li.large     { font-size: 1.25rem; margin-bottom: 1rem; }
.config_column.contact_panel div.content h2,
.config_row.contact_panel div.content h2     { font-size: 3rem; line-height: 3.5rem; font-weight: 600;}
.config_row.contact_panel div.content h2 strong     { font-weight: 800;}
.config_row.contact_panel div.content h2 span.green     { color:#c3d350; }
.config_row.contact_panel div.content h3     { margin-top: 6rem; }
.config_row.contact_panel div.content h3 a { padding: 0.75em 2.5rem; }

.config_column.image_panel 				 { border-radius: 10px;    }
.config_column.image_panel div.content   { background-color:#0b2545; color:#ffffff; padding: 1.5rem 3rem 0 2rem; height:100%;  }

.config_column.image_panel div.content div   { border-left: #c3d350 solid 6px; }
.config_column.image_panel div.content p,
.config_column.image_panel div.content h2,
.config_column.image_panel div.content h3,
.config_column.image_panel div.content h4  {  color:#ffffff; }

.config_column.image_panel div.content h3	{ font-size: 2rem; font-weight: 600; line-height: 2rem; margin: 0% 0% 0.5rem; padding: 0.5rem 0 0 2rem;}
.config_column.image_panel div.content h4	{ font-size: 1.5rem; font-weight: 400; line-height: 2rem; margin: 0% 0% 1.5rem; padding: 0 0 0.5rem 2rem;}

.config_column.image_panel div.panel_image { max-height: 350px; }





.config_column.profile_panel                  { padding: 0; margin: 2rem 0; }
.config_column.profile_panel div.content      { margin:0; padding:0 0 2rem 0; border-radius: 10px; background-color: #ffffff; display:inline-block; line-height: 1.5rem;}
.config_column.profile_panel div.content h2,
.config_column.profile_panel div.content h3,
.config_column.profile_panel div.content h4,
.config_column.profile_panel div.content p,
.config_column.profile_panel div.content ul  { padding: 0 2.5rem 0.625rem; }
.config_column.profile_panel div.content div.photo  { line-height:0; }
.config_column.profile_panel div.content img  { border-radius: 10px 10px 0 0; }

.config_column.profile_panel div.content div.title   { background-color: #0b2545; padding: 1.375rem 1rem 0.875rem 2.5rem; margin:0 0 2rem 0; }
.config_column.profile_panel div.content h3	{ font-size: 2rem; font-weight: 600; line-height: 2rem; margin: 0% 0% 0.5rem; padding: 0.5rem 0 0 2rem; color:#ffffff;}
.config_column.profile_panel div.content h4	{ font-size: 1.5rem; font-weight: 400; line-height: 2rem; margin: 0% 0% 1.5rem; padding: 0 0 0.5rem 2rem;}

.config_column.profile_panel div.content h3   { border-left: #c3d350 solid 6px; padding: 0 1rem 0 1rem; color:#ffffff; }
.config_column.profile_panel div.content h3 span.post-nominal   { font-size:1rem; font-weight: 300;}
.config_column.profile_panel div.content h3 span.position   { font-size:1.5rem; font-weight: 300; display:block; }




.config_column.section_padding              { padding: 6rem 0 6rem 0;}
.config_column.section_margin               { margin: 0 2.5rem;}
.config_column.profile_margin               { margin: 0 2.5rem;}
.config_column.top_padding                  { padding: 2rem 0rem 0rem 0;}
.config_column.form_width                  { max-width:700px; margin: auto; }
.config_column.centre_image img               { margin: 2rem auto; }

.config_column.left_offset div.content                { max-width: 650px; width: 100%; margin-left: auto; padding: 4rem 5rem 4rem 1rem; }
.config_column.right_offset div.content,
.config_column.right_offset div.form_container        { max-width: 650px; width: 100%; margin-right: auto; padding:4rem 1rem 4rem 5rem; }

.config_column.background_image div.content           { display: flex; justify-content: center; align-items: center; position: relative; min-height: 800px; }
.config_column.background_image div.content  h2,
.config_column.background_image div.content  h3, 
.config_column.background_image div.content  p        { color: #ffffff;}
.config_column.background_image div.content  h2       { font-size: 3rem; font-weight: 600;}

@media only screen and (min-width: 0px) and (max-width: 1500px) {



.config_row.vpadding_strap,
.config_column.vpadding_strap								{ padding-top: 15rem; padding-bottom: 15rem; }

}

@media only screen and (min-width: 0px) and (max-width: 1260px) {



.config_row.vpadding_strap,
.config_column.vpadding_strap								{ padding-top: 10rem; padding-bottom: 10rem; }

}
@media only screen and (max-width: 1050px)
{
.config_row.vpadding_large,
.config_column.vpadding_large								{ padding-top: 4rem; padding-bottom: 4rem; }
section.main.page_90 .config_column.white_panel                  { flex-basis: 100%; }

}
@media only screen and (max-width: 800px)
{

.config_column.home_panel                   { margin-bottom: 2rem; }

.config_column.section_padding              { padding: 3rem 0 3rem 0;}
.config_column.image_corners                { border-radius: 12px; min-height:400px; margin-bottom:2rem;}

.config_column.order_2nd                    { order:2; }

.config_column.maxwidth_70                  { max-width:70%; margin:auto; }

.config_row.vpadding_large,
.config_column.vpadding_large								{ padding-top: 4rem; padding-bottom: 4rem; }
.config_row.vpadding_medium,
.config_column.vpadding_medium							{ padding-top: 2rem; padding-bottom: 2rem; }
.config_row.vpadding_small,
.config_column.vpadding_small								{ padding-top: 1rem; padding-bottom: 1rem; }
.config_row.vpadding_strap,
.config_column.vpadding_strap								{ padding-top: 15rem; padding-bottom: 15rem; }
.config_row.toppadding_large,								
.config_column.toppadding_large             { padding-top: 6rem; }
.config_column.bottompadding_large          { padding-bottom: 4rem; }
.config_column.home_panel                   { padding: 15rem 1.125rem 1.125rem 1.125rem; border-radius: 12px; }
.config_column.image_corners,
.config_column.image_corners img            { border-radius: 12px; }

.config_row.page_header                     { padding: 0 2%; justify-content: center; height: 450px; }
.config_row.page_header div.content div     { padding: 1.5rem 1rem 1.5rem 1.5rem;  }
.config_row.page_header div.content h1      { font-size: 1.75rem;  padding: 0.25rem 1rem 0.5rem 1.5rem; }


.config_column.left_offset div.content                { padding: 4rem 1.5rem 4rem 1.5rem; }
.config_column.right_offset div.content,
.config_column.right_offset div.form_container        { margin-right: auto; margin-left:auto; padding:4rem 1.5rem 4rem 1.5rem; }

.config_column.blue_panel div.content h2,
.config_row.blue_panel div.content h2     { font-size: 1.425rem; line-height: 2.0rem; }
.config_row.blue_panel div.content h2.intro     { width:100%; }

.config_column.image_panel div.content   { padding: 1.5rem 1.5rem 0 1.5rem; height:100%;  }
.config_column.image_panel 				 { margin: 2rem auto;  min-height:200px;}
.config_column.image_panel div.panel_image { max-height: 240px; }
.config_column.image_panel div.content h3	{ font-size: 1.5rem; line-height: 2rem; margin: 0% 0% 0.5rem; padding: 0.5rem 0 0 1.5rem;}
.config_column.image_panel div.content h4	{ font-size: 1.25rem; line-height: 2rem; margin: 0% 0% 1.5rem; padding: 0 0 0.5rem 1.5rem;}
.config_row.blue_panel div.content h4.arrow::after { top: 73px; right: 20px;  }

.config_column.contact_panel div.content h2,
.config_row.contact_panel div.content h2     { font-size: 2.25rem; line-height: 3rem; font-weight: 600;}

.config_row.contact_panel div.content h3     { margin-top: 2rem; }

.config_column.grey_panel div.content h2,
.config_row.grey_panel div.content h2     { font-size: 1.425rem; line-height: 2rem; font-weight: 600;}

/* Glaucous Panel */

.config_column.glaucous_panel,
.config_row.glaucous_panel                      { padding:1.5rem 1.0rem 1.5rem 0.5rem;}
.config_column.glaucous_panel div.content h2,
.config_column.glaucous_panel div.content h3,
.config_column.glaucous_panel div.content h4,
.config_column.glaucous_panel div.content p,
.config_column.glaucous_panel div.content ul,
.config_row.glaucous_panel div.content h2,
.config_row.glaucous_panel div.content h3,
.config_row.glaucous_panel div.content h4,
.config_row.glaucous_panel div.content p,
.config_row.glaucous_panel div.content ul,
.config_row.glaucous_panel div.content li,
.config_row.glaucous_panel div.content ul.ticks li     {  padding-left: 1.75rem; }

.config_column.glaucous_panel div.content h3,
.config_row.glaucous_panel div.content h3     { font-size: 1.275rem; line-height: normal; margin:0 0 0.5rem 0; font-weight: 600; color:#0b2545; }
.config_column.glaucous_panel div.content h3::before,
.config_row.glaucous_panel div.content h3::before { top: 0px; left: 4px;  }
.config_column.glaucous_panel div.content p,
.config_row.glaucous_panel div.content p    { line-height: 1.25rem; font-size: 0.925rem; }

.config_column.profile_panel div.content h2,
.config_column.profile_panel div.content h3,
.config_column.profile_panel div.content h4,
.config_column.profile_panel div.content p,
.config_column.profile_panel div.content ul  { padding: 0 1.5rem 0.625rem; }
.config_column.profile_panel div.content div.title   { padding: 1.375rem 1rem 0.875rem 1.5rem; margin:0 0 2rem 0; }
.config_column.profile_panel div.content h3   { font-size: 1.425rem;  }
.config_column.profile_panel div.content h3 span.post-nominal   { font-size:0.875rem; font-weight: 300;}
.config_column.profile_panel div.content h3 span.position   { font-size:1.25rem; font-weight: 300; display:block; }

}

@media only screen and (max-width: 600px)
{
.config_column.white_iconpanel                  { margin: 2rem auto;}
.config_row.vpadding_strap,
.config_column.vpadding_strap								{ padding-top: 15rem; padding-bottom: 15rem; }

.config_column.profile_panel div.content h3 span.post-nominal   { display:block; }
}

@media only screen and (max-width: 500px)
{
.config_row.blue_panel div.content h4.arrow::after { top: 103px; right: 20px;  }
}