/* Custom styles */
.config_row.row_padding										  { padding: 6rem 0rem; }
.config_row.profilerow_padding							{ padding: 6rem 0rem; }
.config_row.row_padding63										  { padding: 6rem 0rem 3rem; }
.config_column.row_50percentright						{ width:50%; padding-left:50%; }
.config_row.background_grey,
.config_column.background_grey							{ background-color: #f7f7f7; }
.config_row.twocol_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: 350px; position: relative; }
.config_column.page_headermax               { max-width: 1650px; }
.config_row.page_header div.content h1      { font-family: 'Poppins', sans-serif; font-size: 2.25rem; font-weight:500; margin-bottom:1rem; color: #ffffff; text-align: left; position: relative; z-index: 10; }
.config_row.page_header div.content h2      { font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight:300; color: #ffffff; text-align: left; position: relative; z-index: 10; }

.config_row.section_grey div.content h3			{ margin: 0% 0% 0.5em 0%;  font-size: 1.5em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #ffffff; }

.config_column.white_panel                  { padding: 0 0 2rem 0; 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  { padding: 0 2rem;}

.config_column.grey_panel                  { padding: 0 0 2rem 0; background-color: #F7F7F7; border-radius:30px; box-shadow: 0px 8px 7px #ddd; overflow:unset;}
.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   { padding: 0 1rem;}
.config_column.grey_panel div.content h3   { font-weight:500; font-size:1.5rem; color:#202523; margin-bottom:0; }
.config_column.grey_panel div.content h4   { font-weight:400; font-size:1.125rem; color:#202523; }

.config_column.blue_panel                  { padding: 6rem 1.5rem 4.5rem; background-color: #4a78d0; border-radius:30px;}
.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     { color:#FFFFFF; font-weight:300; }
.config_column.blue_panel div.content div.time,
.config_column.blue_panel div.content div.time svg        					{ width:102px; height:94px; margin: 0 auto 1.5rem auto;}
.config_column.blue_panel div.content h3                       { font-size: 1.5rem; line-height: 2rem;}
.config_column.blue_panel div.content p                       { font-size: 1.5rem; line-height: 2rem;}
.config_column.blue_panel div.content a.button,
.config_column.blue_panel div.content button												{ padding: 8px 24px; font-size: 1.125rem; line-height: 1.875rem; color: #FFFFFF; background-color: transparent; border-radius:5px; min-width:0%; border: #ffffff 1px solid;}
.config_column.blue_panel div.content a.button:hover,
.config_column.blue_panel div.content button:hover										{ background-color: #ffffff; color: #4a78d0; text-decoration: none;}

.config_column.yellow_panel                  { padding: 6rem 1.5rem 4.5rem; background-color: #eac435;  border-radius:30px;}

.config_column.yellow_panel div.content h2,
.config_column.yellow_panel div.content h3,
.config_column.yellow_panel div.content h4,
.config_column.yellow_panel div.content p,
.config_column.yellow_panel div.content ul     { color:#202523; font-weight:300; }
.config_column.yellow_panel div.content div.adr,
.config_column.yellow_panel div.content div.adr svg        					{ width:102px; height:94px; margin: 0 auto 1.5rem auto;}
.config_column.yellow_panel div.content h3                       { font-size: 1.5rem; line-height: 2rem; }
.config_column.yellow_panel div.content p                       { font-size: 1.5rem; line-height: 2rem; }
.config_column.yellow_panel div.content a.button,
.config_column.yellow_panel div.content button												{ padding: 8px 24px; font-size: 1.125rem; line-height: 1.875rem; color: #202523; background-color: transparent; border-radius:5px; min-width:0%; border: #202523 1px solid;}
.config_column.yellow_panel div.content a.button:hover,
.config_column.yellow_panel div.content button:hover										{ background-color: #ffffff; color: #eac435; text-decoration: none;}

.config_column.green_panel                  { padding: 6rem 1.5rem 4.5rem; background-color: #557b69;  border-radius:30px;}

.config_column.green_panel div.content h2,
.config_column.green_panel div.content h3,
.config_column.green_panel div.content h4,
.config_column.green_panel div.content p,
.config_column.green_panel div.content ul     { color:#FFFFFF; font-weight:300; }
.config_column.green_panel div.content div.tvt,
.config_column.green_panel div.content div.tvt svg        					{ width:102px; height:94px; margin: 0 auto 1.5rem auto;}
.config_column.green_panel div.content h3                       { font-size: 1.5rem; line-height: 2rem; }
.config_column.green_panel div.content p                       { font-size: 1.5rem; line-height: 2rem; }
.config_column.green_panel div.content a.button,
.config_column.green_panel div.content button												{ padding: 8px 24px; font-size: 1.125rem; line-height: 1.875rem; color: #FFFFFF; background-color: transparent; border-radius:5px; min-width:0%; border: #FFFFFF 1px solid;}
.config_column.green_panel div.content a.button:hover,
.config_column.green_panel div.content button:hover										{ background-color: #ffffff; color: #557b69; text-decoration: none;}


.config_column.grey_panel                   { padding: 3rem 1.5rem; background-color: #f7f7f7;}
.config_column.section_padding              { padding: 6rem 0 6rem 0;}
.config_column.section_padding10              { padding: 1rem 0;}
.config_column.section_padding20              { padding: 2rem 0;}
.config_column.profile_padding              { padding: 6rem 0 12rem 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.testimonial_padding          { padding-top: 9rem;}
.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: 730px; width: 100%; margin-left: auto; padding: 4rem 5rem 4rem 1rem; }
.config_column.right_offset div.content               { max-width: 730px; 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 (max-width: 1050px)
{
  .config_column.blue_panel                  { padding: 4rem 1.5rem 2.5rem; background-color: #4a78d0; border-radius:30px;}
  .config_column.yellow_panel                 { padding: 4rem 1.5rem 2.5rem; background-color: #eac435;  border-radius:30px;}
  .config_column.green_panel                  { padding: 4rem 1.5rem 2.5rem; background-color: #557b69;  border-radius:30px;}
}
@media only screen and (max-width: 800px)
{
  .config_column.row_50percentright						{ width:80%; padding-left:10%; padding-right:10%; }
  .config_row.row_padding										  { padding: 4rem 0rem; }
  .config_row.profilerow_padding							{ padding: 6rem 0rem 2rem; }
  .config_row.narrow_width,
.config_column.narrow_width								  { max-width:800px; margin: auto; padding: 0 18px; }
  .config_row.page_header div.content h1      { font-size: 1.875rem; line-height: 2.5rem; padding: 0; margin-bottom: 0.5rem; }
  .config_column.section_margin               { margin: 0 auto 2rem;}
  .config_column.profile_margin               { margin: 0 auto 10rem;} 
  .config_column.background_image div.content  h2       { font-size: 2.75rem; line-height: 4rem; padding: 0 3rem;}
  .config_column.white_panel                  { padding: 0 0 2rem 0; max-width:96%; margin: 0 auto 3em;}

  .config_column.grey_panel                  { margin-bottom: 150px; }

.config_container .coltype_image              { min-height: 300px; background-size: 100%; order:1;}
.config_column.left_offset                   { order:2;}
.config_column.left_offset div.content       { max-width: 800px; width: 100%; margin-left: auto; padding: 1rem; order:2;}
.config_column.right_offset                  {  order:2;}
.config_column.right_offset div.content       { max-width: 800px; width: 100%; margin-right: auto; padding:1rem; order:2;}

}}

@media only screen and (max-width: 600px)
{
  .config_row.row_padding										  { padding: 4rem 0rem; }
  .config_row.profilerow_padding							{ padding: 6rem 0rem 0rem; }
  .config_row.narrow_width,
  .config_column.narrow_width								  { max-width:700px; margin: auto 1em; padding: 0 18px; }
  .config_row.page_header div.content h1      { font-size: 1.925rem; }
  .config_column.section_margin               { margin: 0 auto 2rem;}
  .config_column.background_image div.content  h2       { font-size: 2.5rem; line-height: 3.5rem; padding: 0 1rem;}
  .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               { padding: 0 1.5rem;}
}