@charset "utf-8";



body{font-family: Helvetica,sans-serif;font-size:14px}

a{text-decoration:none;color:#002E6D;}



nav {
  display: grid;
  gap: 0rem;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  /* 
  if we did this instead of the template it would be a problem:
  grid-auto-flow: column;
  */
  font: 100% system-ui;
  text-align: center;
  padding: 4.0rem 0rem;
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}






/* pagination */
.pagination-bar {
  margin-top: 35px;
  display: block; }

.pagination-bar .pagination {
  margin-top: 0; }

.pagination-bar .pagination li a {
  color: #9a9a9a;
  border-color: #cfcfcf; }

.pagination-bar .pagination li a:hover {
  color: #000000; }

.pagination-bar .pagination li:last-child a {
  color: #414141; }

.pagination-bar .pagination li.active a {
  
  color: #000000;
  border-color: #cfcfcf;
  cursor: default;
  font-weight: bold; }




.paging{font-size:16px;color:#999;text-decoration:none;padding-top:10px;padding-bottom:10px;padding-left:5px;padding-right:5px;margin:2px;}
.paging_selected{font-size:16px;color:#D1A617;text-decoration:none;padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;margin:2px;}

.milestones{font-size:30px;}
.milestones_line{left:65px;}
.hr_left{left:45px;}

.menu{text-rendering: optimizeLegibility;color:#6A7798;font-family: Helvetica,sans-serif;font-size:16px;}
.menu:hover{color:#002E6D;}

.menu_selected{text-rendering: optimizeLegibility;color:#002E6D;text-decoration:underline;text-decoration-color: #d51c29; text-underline-offset: 6px;text-decoration-thickness: 2px; font-family: Helvetica,sans-serif;font-size:16px;font-weight:bold;}
.menu_selected:hover{color:#002E6D;}

.copyright{text-rendering: optimizeLegibility;color:#002E6D;	font-family: Helvetica,sans-serif;font-size:16px;font-weight:lighter;}
.social_icons{text-rendering: optimizeLegibility;color:#fff;	font-family: Helvetica,sans-serif;font-size:26px;}

.sustainability{bottom:25px;font-size:17px;}
	
.footer{text-rendering: optimizeLegibility;color:#fff;	font-family: Helvetica,sans-serif;font-size:11px;}
.footer_title{text-rendering: optimizeLegibility;color:#fff;	font-family: Helvetica,sans-serif;font-size:14px;line-height:14px;text-decoration:underline;}

.more{color:#fff;	font-family: Helvetica,sans-serif;font-size:12px;background-color:#022f66;width:100px;height:24px;vertical-align:middle;line-height:24px;padding-left:5px;}
.text{text-rendering: optimizeLegibility;color:#000;	font-family: Helvetica,sans-serif;font-size:14px;line-height:18px;text-align:justify; }

.listing{text-rendering: optimizeLegibility;font-family: Helvetica,sans-serif;font-size:13px; /*padding-bottom:10px*/;}
.listing_icon{color:#012e65 ;font-size:14px;}
.search{text-rendering: optimizeLegibility;color:#7b7b7b;	font-family: Helvetica,sans-serif;font-size:13px; }

.slider_text{width:55%;height:100px;position:absolute;bottom:60px;padding-left:20px;}
.noscreen{display:none;}

.paginationstyle{width:100%;text-align:right;padding:0px 0px;margin:0px 0 0px 0px;height:20px;}
.paginationstyle select{border:1px solid #ffd204;}
.paginationstyle a{padding:2px 5px;text-decoration:none;border:1px solid #b2b2b2;color:#707070;background-color:transparent;height:20px;font-size:8pt;font-family:'Open Sans Condensed', sans-serif;}
.paginationstyle a:hover, .paginationstyle a.selected{color:#303030;background-color:#000;}
.paginationstyle a.disabled, .paginationstyle a.disabled:hover{background-color:#000;color:#000;border-color:transparent;border:1px solid #000;font-family:'Open Sans Condensed', sans-serif;}
.paginationstyle a.imglinks{border:0;padding:0;}
.paginationstyle a.imglinks img{border:0;}
.paginationstyle a.imglinks a:hover{background:none;}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{color:#000;border-color:#012e65;background-color:#fff;font-family:'Open Sans Condensed', sans-serif;}
	

.button{color:#fff; border:0px;background-color:#D51C29;text-align:left;padding-left:10px;font-size:20px;height:35px;width:150px;border-radius:5px;text-decoration:none;}
.button2{color:#fff; border:1px solid #D51C29;background-color:#D51C29;text-align:center;font-size:20px;height:50px;width:250px;border-radius:20px;text-decoration:none;}
.readmore{color:#999;font-size:12px;font-weight:normal}
.readmore:hover{color:#D51C29}

.dot {
  height: 13px;
  width: 13px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  border:1px solid #002E6D;
  vertical-align:middle;
}

.dot_selected {
  height: 10px;
  width: 10px;
  background-color: #002E6D;
  border-radius: 50%;
  display: inline-block;
  border:2px solid #FFF;
  vertical-align:middle;
  
}

#pic {
 /* display: inline-block;*/
 /* margin: 20px;*/
 /* border: 1px solid black;*/
  overflow: hidden;            /* clip the excess when child gets bigger than parent */
}
#pic img {
  display: block;
  transition: transform .4s;   /* smoother zoom */
}
#pic:hover img {
  transform: scale(1.1);
  transform-origin: 50% 50%;
  
}

#pic2 {
 /* display: inline-block;*/
 /* margin: 20px;*/
 /* border: 1px solid black;*/
  overflow: hidden;            /* clip the excess when child gets bigger than parent */
}
#pic2 img {
  display: block;
  transition: transform .4s;   /* smoother zoom */
}
#pic2:hover img {
  transform: scale(1.02);
  transform-origin: 50% 50%;
  
}

.hidden_row
{
   display:none;	
}
.parent:before, .child {
    display:inline-block;
    vertical-align:middle;
}
.parent:before {
    content:""; 
    height:100%; 
}


.row {
  display: flex; /* equal height of the children */
}

#circle {
    background: #d51c29;
    width: 20px;
    height: 20px;
    border-radius: 50%;
	
	
}

.overlay {
  position: absolute;top: 0; bottom: 0; left: 0;right: 0;opacity: 0;transition: .3s ease;background-color: #002c6b;opacity: 0.27;
}
.white_icon{color:#fff;font-size:50px;}

@media (min-width:1000px) {
	.main_container {width:1000px;display:block;margin-left:auto;margin-right:auto;border:0px solid red;box-sizing:border-box;}
	
	.menu_div{float:left;margin-right:15px;}
	
	.active_menu{text-rendering: optimizeLegibility;color:#012e65;	font-family: Helvetica,sans-serif;font-size:16px; font-weight:bold;}
	
	.slogan{	font-family: Georgia,Times,Times New Roman,serif; font-size:25px;color:#666666;font-style:italic;}
	
	.submenu_div{height:40px;vertical-align:middle;line-height:40px;padding-left:30px;}
	
	
	.slide_caption{text-rendering: optimizeLegibility;margin-top:40px;width:32%;color:#fff;	font-family: Helvetica,sans-serif;font-size:30px;font-weight:bold;line-height:35px; }
	
	.arrow_more{font-size:15px;padding-right:5px;padding-left:5px;vertical-align:middle;padding-bottom:4px;}
	.logo_title{text-rendering: optimizeLegibility;color:#1b406d;	font-family: Helvetica,sans-serif;font-size:20px;}
	
	
}




@media  (max-width:450px){
	.mobile_members{display:block;}
	.screen_members{display:none;}
	.slider_text{width:100%;line-height:150px;padding-left:10px;padding-top:20px}
	.milestones{font-size:20px;}
	.milestones_line{left:30px;}
	.hr_left{left:12px;}
	.nomobile{display:none;}
	.noscreen{display:block;}
	.sustainability{bottom:0px;font-size:13px;}
	
	h2{font-size:20px;}
	h3{font-size:15px;}
}