/*Mobile design*/
 @media only screen and (max-width: 600px) and (min-width: 320px) { 
	.bannerimgbig, .section2-image-bottom {
		display:none;
	}
		
	.banner-align{
		padding-left:20px;
		margin-top:10px;
		margin-bottom:10px;
		
	}	
	.h1, h1 { 	
		
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 22px;
	}
	.h2, h2 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 18px;
		text-transform: none;
	}
	.h3, h3 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 14px;
		font-style: inherit;
		text-transform: none;
	}
	.btn-group-lg>.btn, .btn-lg {
		font-size:13px;
		width: 95%;
		font-family: 'Montserrat';
	}
	.section3 {
		padding:20px;		
	}
	.section3-leftpad {
		padding-left: 0rem;
	}
	.section3-leftpad {
		padding-left: 0rem;
	}
	.section4-pfont {
		font-size:20px;
		color:#003c71;
	}
	.section4-imgwidth {
		max-width:250px;
		max-height:250px;
		/*display:flex; */
		justify-content: center;
	}
	.section5-imgwidth {
		max-width:300px;
		max-height:300px;
		display:flex;
		justify-content: center;
	}
	.footerp {
		font-size:12px;
	}
	.block {  
		width: 90%;  
		background-color: #fff;
		color: #003c71;  
		padding: 14px 28px;   
		text-align: center;
	}
	.columnIandD-section1 {
		width:100%;
	}
	.button-width {
		width:100%;
	}
	.padright {
		padding-right:0px;
	}
	.carouselalignleft{
		float:left;
	}
	.carouselalignright{
		float:right;
	}
	a.back-to-top-js {
		opacity:0.9;
	}
	 
	
	
	
 }
 

	
 /*tabs*/
 @media only screen and (max-width: 900px) and (min-width: 600px) { 
	.bannerimgsmall, .section2-image-top {
		display:none;
	}
	 .column, .columns {
     padding-left: 0rem; 
     padding-right: 0rem; 
	}
	.btn-group-lg>.btn, .btn-lg {
		font-size:16px;
		padding: 8px;
		font-family: 'Montserrat';
	}	
	 .banner-align{
		padding-left:20px;
		
	}	
	.h1, h1 { 	
		
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 26px;
	}
	.h2, h2 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 18px;
		text-transform: none;
	}
	.h3, h3 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 16px;
		font-style: inherit;
		text-transform: none;
	}
	.h4, h4 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-style: inherit;
		font-size: 10px;
		text-transform: none;
	}	
	 .column, .columns {
		padding-left: 0rem; 
		padding-right: 0rem; 
	}
	.section3 {
		padding:20px;
		color:#003c71;
		max-height:280px;
		min-height:230px;
	}
	.section3-rightpad {
		padding-right: 0rem;
	}

	.section3-leftpad {
		padding-left: 0rem;
	}
	.section4-pfont {
		font-size:22px;
		color:#003c71;
	}
	p, .paragraph {
		font-size:16px;
		line-height: 20px;
	}
	.section4-imgwidth {
		max-width:200px;
		max-height:200px;
		display:flex;
		justify-content: center;
	}
	 .block {  
		width: 45%;  
		background-color: #fff;
		color: #003c71;  
		padding: 14px 28px;   
		text-align: center;
	}
	.hidebr {
		display: none;
	}
	.columnIandD-section1 {
		width:60%;
		float:left;
	}	
	.columnIandD-section1by2 {
		width:30%;
		float:right;
	}
	.carouselalignright{
		float:right;
	}
	.carouselalignleft{
		display:none;
	}
	.header__menu ul li a {   
		font-size: 14px;   
	}
	
}
 
 /*small laptop*/
@media only screen and (max-width: 1200px) and (min-width: 900px) { 
	.bannerimgsmall, .section2-image-top {
		display:none;
	}
	 .column, .columns {
     padding-left: 0rem; 
     padding-right: 0rem; 
	}
	.column-split-three {
		float: left;
		width: 33.33%; 
		padding-right:50px;
		display:flex;
  
	}
	 .banner-align{
		padding-left:40px;
		margin-top:20px;
	}	
	.h1, h1 { 	
		
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 30px;
	}
	.h2, h2 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 20px;
		text-transform: none;
	}
	.h3, h3 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 16px;
		font-style: inherit;
		margin-top:10px;
		text-transform: none;
	}
	.h4, h4 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-style: inherit;
		font-size: 12px;
		text-transform: none;
	}	
	 .column, .columns {
		padding-left: 0rem; 
		padding-right: 0rem; 
	}
	.section3 {
		padding:20px;
		color:#003c71;
		max-height:280px;
		min-height:230px;
	}
	.section3-rightpad {
		padding-right: 3rem;
	}

	.section3-leftpad {
		padding-left: 3rem;
	}
	.section4-pfont {
		font-size:24px;
		color:#003c71;
	}
	.section4-imgwidth {
		max-width:300px;
		max-height:300px;
		display:flex;
		justify-content: center;
	}
	 .block {  
		width: 40%;  
		background-color: #fff;
		color: #003c71;  
		padding: 14px 28px;   
		text-align: center;
	}
	.hidebr {
		display: none;
	}
	.btn-group-lg>.btn, .btn-lg {		
		font-size: 20px;
		font-family: 'Montserrat';		
	}
	.columnIandD-section1 {
		width:60%;
		float:left;
	}	
	.columnIandD-section1by2 {
		width:30%;
		float:right;
	}
	.carouselalignright{
		float:right;
	}
	.carouselalignleft{
		display:none;
	}
	.header__menu ul li a {   
		font-size: 14px;   
	}
	
	
}

@media only screen and (max-width: 1200px) and (min-width: 1024px) { 
body.asi .header__logo {
		width: 600px;
	}
	.linebreak {
		display:none;
	}
}
 /*laptop*/
@media only screen and (max-width: 1350px) and (min-width: 1200px) { 
	.bannerimgsmall, .section2-image-top {
		display:none
	}
	body.asi .header__logo {
		width: 600px;
	}
    .banner-align{
		padding-left:80px;
		margin-top:40px;
	}	
	.h1, h1 { 	
		
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 36px;
	}
	.h2, h2 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 24px;
		text-transform: none;
	}
	.h3, h3 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 16px;
		font-style: inherit;
		text-transform: none;
	}
	.h4, h4 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-style: inherit;
		font-size: 14px;
		text-transform: none;
	}	
	 .column, .columns {
		padding-left: 0rem; 
		padding-right: 0rem; 
	}
	.section1 {		
		padding-left:20px;
	}
	.section3 {
		padding:20px;
		color:#003c71;
		max-height:280px;
		min-height:230px;
	}
	.section3-rightpad {
		padding-right: 3rem;
	}

	.section3-leftpad {
		padding-left: 3rem;
	}
	.column-split-three {
		float: left;
		width: 33.33%; 
		padding-right:50px;
		display:flex;
  
	}
	.section4-pfont {
		font-size:24px;
		color:#003c71;
	}
	.section4-imgwidth {
		max-width:300px;
		max-height:300px;
		display:flex;
		justify-content: center;
	}
	 .block {  
		width: 40%;  
		background-color: #fff;
		color: #003c71;  
		padding: 14px 28px;   
		text-align: center;
	}
	.hidebr {
		display: none;
	}
	.columnIandD-section1 {
		width:60%;
		float:left;
	}	
	.columnIandD-section1by2 {
		width:30%;
		float:right;
	}
	.carouselalignright{
		float:right;
	}
	.carouselalignleft{
		display:none;
	}
	.linebreak {
		display:none;
	}
	.btn-group-lg>.btn, .btn-lg {		
		font-size: 20px;
		font-family: 'Montserrat';		
	}

	
 }
 
 
 /*Desktop widest*/
@media only screen and (min-width: 1350px) {
	.bannerimgsmall, .section2-image-top {
		display:none
	}
	.header__logo img {
		max-height: 80px;
	}
	body.asi .header__logo {
		width: 600px;
	}
	.h1, h1 { 
		
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 56px;
	}
	.h2, h2 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-size: 28px;
		text-transform: none;
	}
	.h3, h3 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-style: inherit;
		font-size: 18px;
		text-transform: none;
	}
	.h4, h4 {
		font-family:'Montserrat'; 
		font-weight: regular;
		font-style: inherit;
		font-size: 14px;
		text-transform: none;
	}
	.column, .columns {
     padding-left: 0rem; 
     padding-right: 0rem; 
	}
	.banner-align{
		padding-left:80px;
		margin-top:120px;
	}
	.section1 {
		margin-top:20px;
		padding-left:20px;
	}
	.section3 {
		padding:10px;
		color:#003c71;
		max-height:280px;
		min-height:250px;
	}
	.section3-rightpad {
		padding-right: 3rem;
	}

	.section3-leftpad {
		padding-left: 3rem;
	}
	.column-split-three {
		float: left;
		width: 33.33%; 
		padding-right:50px;
		display:flex;
  
	}
	.section4-pfont {
		font-size:24px;
		color:#003c71;
	}
	.section4-imgwidth {
		max-width:300px;
		max-height:300px;
		display:flex;
		justify-content: center;
	}
	.block {  
		width: 35%;  
		background-color: #fff;
		color: #003c71;  
		padding: 14px 28px;   
		text-align: center;
	}
	.hidebr {
		display: none;
	}
	.columnIandD-section1 {
		width:60%;
		float:left;
	}
	.columnIandD-section1by2 {
		width:30%;
		float:right;
	}
	.carouselalignright{
		float:right;
	}
	.carouselalignleft{
		display:none;
	}	
	.linebreak {
		display:none;
	}
	.btn-group-lg>.btn, .btn-lg {		
		font-size: 28px;
			font-family: 'Montserrat';
	}
	.header__menu ul li a {   
		font-size: 18px;   
	}


}

.ERG-section {
	width: 24%;
    object-fit: contain;
    aspect-ratio: 3/3;
	transition: 0.5s;
}

.poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/gea_erg.png') no-repeat center center;
	background-size: cover;
	z-index: 1;
	cursor: pointer;
	transition: opacity 0.15s ease, filter 0.15s ease;
	filter: blur(2px);
}
.play-button-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2; /* Ensure the play button is above the blurred poster */
}
.play-button {
	width: 150px;
	height: 150px;
	background: url('https://freepngimg.com/download/button/77819-logo-play-youtube-button-free-transparent-image-hd.png') no-repeat center center;
	background-size: contain;
	cursor: pointer;
}
.poster.hidden {
	opacity: 0;
	filter: blur(0px);
}
	
.header__menu-mobile-button a {
	position:relative;
	border:none;
}



.section6 {	
	background-color: #147bd1;
	border-radius: 5px 5px 5px 5px;
	height:180px;
	max-width:475px;
	min-width:260px;
}
	
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
  padding: 0px;
  text-align: center;
  background-color: #f1f1f1;
}

.btn-color-dark {
	color:#fff;
	background-color:#003c71;
	
}
 

 
a.back-to-top-js {
    
    /*border-radius: 50%;
    -moz-border-radius: 50%;*/
    -webkit-border-radius: 50%;
	background: #489fdf;
    bottom: 90px;
    color: #003c71 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight:600 ;
    height: 75px;
    hyphens: auto;
    line-height: 12px;
    overflow: hidden;   
    padding: 12px;
    position: fixed;   
    right: 20px;
    text-align: center;
    width: 75px;
    word-break: break-word;
    z-index: 1;
} 
a.back-to-top-js:hover, a.back-to-top-js:focus {
    color: #fff;
	background-color: #489fdf;
    text-decoration: none;
}

ol, ul {
    margin-top: 20px;
    margin-bottom: 0px;
}

.column {
  float: left;
  width: 50%; 
}


/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

.heading-4 {
    color: #fff;
}

.carousel .carousel-indicators li {background-color: #003c71; width:24px; height:24px; margin:3px;transition:0.5s; border-radius:50%;}
.carousel .carousel-indicators li.active {background-color: #489fdf; width:24px; height:24px}

.flex-container {
  display: flex;
  flex-wrap: wrap;  
}

.flex-container > div {
  width: 100px;
 }
  
b, strong {
    font-weight: 600;
}  


.block:hover {
  background-color: #003c71;
  color: #fff;
  outline-width: 3px;
  outline-style: solid;
  outline-color:#fff;
} 

.bannerbutton:hover {
  background-color: #fff;
  color: #003c71;
  outline-width: 3px;
  outline-style: solid;
  outline-color:#003c71;
} 

.job-categories__item-outer:hover {
	outline-width: 3px;
	outline-style: solid;
	outline-color:#fff;
}
.background-steel-blue a {
	color:#003c71;
}

a.footerdsg:hover {
	
	opacity: 0.3;
	text-decoration: none;	
}