/* old */
 .c-featured__page-title {
    font-size: 1.25rem;
    line-height: 1.3125rem;
}

.image-holder { padding: 0px !important; border: none !important; width:100%;}
.image-holder img { width:100%; }

.img-full-country { width: 100%; }

@supports (object-fit: cover) {
    @media (max-width: 45.5rem) {
        .img-full-country {
            height: 200px;
            object-fit: cover;
            object-position: center;
        }
    }
}

.featured-on {
		display: flex;
		flex-wrap: wrap;
justify-content: center;
	}
	.yui3-u-1-3 > .featured-on {
		margin-bottom: 3rem;
	}
	.featured-on>div {
		margin: .5rem;
		flex: 1 0 100px;
	}
	.featured-on>div>img {
		max-width: 100%;
	}


@media only screen and (max-width: 768px) {
.featured-on { justify-content: center; }
}

.btm-border-strong {border-bottom: 2px solid #ccc;}


/* hack to send the logo image left */
.yui3-u-1-2 .o-image__img { display:inline; }


   /* Tabs Name Container */
    .tabs-container{
       position: relative;
       background: #fff;
       width: 200px;
      /* height: 100vh;*/
       float: left;
       z-index: 20;
     
    }
    /* Tabs Names Label */
    .tabs-container label{
       position: relative;
       padding: 10px;
       border-left: 1px solid rgba(0, 0, 0, 0.1);
       display: block;
       font-size: 13px;
       cursor: pointer;
       user-select: none;
    }
     .tabs-container label.active{
		border-left: 4px solid #425563; 
		margin-left:-2px;
		color:#425563;
		background: #F1F9FF;
	 }
    /* Hover effect on tabs names */
    .tabs-container label:hover{
      background: #F1F9FF;
     
    }
	
    /* Content area for tabs */
    .tab-content{
       position: relative;
       background: #fff;
       width: calc(100% - 200px);
     /*  min-height: 100vh; */
       padding:0px 0px 0px 40px;
       float: left;
       box-sizing: border-box;
       z-index: 19;
       display: none;
color:#768692;
line-height: 1.8em;
    }
     
    .tab-content:after{
       content: "";
       clear: both;
     
    }	
	
	    /* Hide input radio from users */
    input[name="tab"]{
       display: none;
    }
    /* Show tab when input checked */
    input[name="tab"]:checked + .tab-content{
       display: block;
    /*   animation: slide 0.5s forwards; */
    }
     
    /* Slide animation for tab contents 
    @keyframes slide{
       from{
         left: -100%;
         opacity: 0;
       }
       to{
         left: 0;
         opacity: 1;
       }
    }
	*/
	
	/* tab mobile (top) */
	
@media only screen and (max-width: 45.5em) {
	.tab-content { width:100%; padding:20px 0 0; }
	.tabs-container { width:100%; 
	overflow:hidden; overflow-x:scroll;-webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
	}
	.tabs-container::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
	.tabs-scroller { width:600px;  position:relative; } /* 120x label quantity */
	.tabs-container label { width:160px; float:left; text-align:center; min-height: 62px;
	       border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 0px ; padding-bottom:12px;}
	
	     .tabs-container label.active{
		border-left: 0px; 
		border-bottom:4px solid #425563;
		margin-left:0px;
		padding-bottom:10px;

	 }
}






/* stats */

.center { text-align:center; }
.yui3-u-2-5.borders { margin: 0 10%; border: 1px solid #425563; border-top:none; border-bottom:none;}
.yui3-u-2-5.borders p { padding:0 2rem; }

@media only screen and (max-width: 45.5em) {
	.yui3-u-2-5.borders { margin: 5% 0; border: 0px solid #425563; border-left:none; border-right:none; padding: 5% 0 1%;}
	.yui3-u-2-5.borders p { padding:0; }
}



/* icon slider */
.flexslider-container { max-width:1200px; margin:0 auto; display:block; position: relative;}

@media only screen and (min-width: 1660px) {
.flexslider-container { max-width:1660px;}
}

.flexslider-container a {
   outline: 0;
}
.slides li p { margin:1em; color:#768692;}


.circle{
    width:150px;
    height:150px;
    border-radius:75px;
    font-size:20px;
    color:#fff;
    line-height:150px;
    text-align:center;
    background:#F1F9FF;
	margin:1em auto;
}
.circle img {
max-width:70%;	
margin-top:-10px;	
}
.circle img.alt-icon {
max-width:60%;	
padding-top: 5px;
padding-right: 5px;
}

/* image slider */
#flex_2 { max-width:800px; margin:3em auto; display:block; position:relative;}
#flex_2 .flex-control-nav { max-width:800px; /* bottom:0;*/}
#flex_2:hover .flex-direction-nav .flex-next {
    right: 5px; 
	opacity: 1;
}
#flex_2:hover .flex-direction-nav .flex-prev {
    left: 5px; 
	opacity: 1;
}
#flex_2 .flex-viewport {
background-color:#fff;	
}
#flex_2 img{
	width:100%;
}
#flex_2 .flex-caption {
	margin:0;
  width: 96%;
  padding: 2% 2% 4%;
  left: 0;
  bottom: 0;
  font-size: 14px;
  line-height: 18px;
  background-color:#fff;
}
#flex_2 .flex-caption strong {
display:block;	font-size:1.2em;
}



.block-content.gray {
background-color: #F8F8F8;
color:#768692;
}
.block-content.gray strong {
color:#425563;
}
.c-general-content p {
color:#768692;
}
.c-general-content em {
color:#425563;
font-size: 1.1em;
}


.full-width-col.arctic-bg {
background-color:#F1F9FF;
padding:5.5rem 1rem;
margin:4.5em 0 0;
}

.full-width-col.arctic-bg p {
color:#768692;
}


.block-content.gray {
padding:4.5rem 1rem !important;
margin:4.5em 0 !important;
}
.o-caption {
background:transparent !important;
width: 80%; 
margin: 0 auto;
padding: 1rem 0 !important;
}


/* impact content */
.impactList div { padding:1em; } 
.impactList p { font-style: italic; color: #768692;}
.impactList .odd { background-color:#F8F8F8; }

/* logo gallery thingy */
.featured-on > div {
    margin: 0.8rem;
    flex: 0 0 140px;
align-self: center;
}
.zoom img{
  transition: transform .2s; /* Animation */
  cursor:pointer;
}
.zoom img:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



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

.yui3-u-1-2 {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
}

.yui3-u-1-2 .o-image__img {
display:block;
}
}

@media only screen and (min-width: 1600px) {
.c-featured-full__content {
width:90%;
}
}