/*general*/



.container {
	width:90%;
	margin:0 5%;
}


.content {
	box-sizing: border-box;
	padding:0 6%;
}

.container .content {
	width:100%;
	padding:0 1%;
}

.content.tab-content {
	width:84%;
	margin:0 8%;
}

.content.bordered-content {
	padding:30px 6%;
	background-size: contain;
}

.header-block {
  height: 255px;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 0;
  background-size: cover;
  margin-bottom: 12px;
}

.language-toggle{
	margin-right:10%;
}


html p.vertical-frame {
	width:77%;
}

header {
	/*position: static;*/

	padding-top:12px;
}

.home header {
	position:fixed;
	padding-bottom:12px;
}


html p.vertical-frame::before { 
    background-size: 100% 12px;
    width:100%;   
      border-left: 13px solid #fdba31;
  border-right: 13px solid #fdba31;
	background-position:left top;
}

html p.vertical-frame::after { 
  	background-size: 100% 12px;
    width:100%;
      border-left: 13px solid #fdba31;
  border-right: 13px solid #fdba31;
    background-position:left bottom;
}

html .achievements h3 {
	font-size: 3.5em;
}

html .achievements p {
	font-size: 1.5em;
}

html .achievements .achievement {
	padding:0 4%;
}


nav.sub-nav {
  z-index: 8000;
  width: 88%;
  text-align: left;
  padding: 0 0 0 6%;
  bottom: auto;
  background-color: #ffffff;
  margin-right: 6%;
  position: static;
   /*important to override js style which centres menu on right sidebar */
  margin-top: 10px !important;
  padding-right: 6%;

}

nav.sub-nav h1 {
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 3.5em;
  color: #d22630;
  margin-bottom: 0;
}

nav.sub-nav ul {
  margin: 0;
  border-bottom: none;
  padding-top:4px;
}



nav.sub-nav ul li a {
  font-size: 1.25em;
  line-height: 1.2em;
  padding: 0;
  border-bottom: none;
  display: inline-block;
  color: #1b232a;
  font-weight: 400;
  text-decoration: none;
  padding: 4px 0;
}


#inner .back-to-top {
	right:1%;
}

html .home .bottom-nav-group {
	margin:0 auto;
}

html .bottom-nav a {
	  position: absolute;
	  height: 0;
	  top: 0;
	  left: 0;
	  width: 100%;
	   padding-bottom: 100%;
	}
	
	html .bottom-nav {
	  float: left;
	  height: 0;
	  width: 32%;
	  margin-right: 2%;
	  padding-bottom: 32%;
	  position: relative;
	    background-size: cover;
	}
	html .bottom-nav:nth-child(4n) {
	  margin-right: 2%;
	}
	
	.bottom-nav:nth-child(3n) {
	  margin-right: 0;
	}	
	
	
	html .arrow-up {
		right: 17%;
		left:auto;
		margin-left:0;
	 	margin-right: -30px;
	}
	
	article.case-study {
	  width: 100%;
	  position: relative;
	  padding-bottom: 30px;
	  margin-top: 30px;
	  background-size: 100% auto;
	}
	
	article.case-study .inner {
  width: 95%;
  padding: 0 0 0 5%;
  overflow: hidden;
}
	article.case-study h1 {
  background-position: 95% 40px;
}

article.case-study.active h1 {
  background-position: 95% 56px;
}
	
	article.case-study::after {
	  content: "";
	  background-repeat: no-repeat;
	  color: red;
	  width: 100%;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  height: 53px;
	  display: block;
	  -moz-transform: scaleY(-1);
	  -o-transform: scaleY(-1);
	  -webkit-transform: scaleY(-1);
	  transform: scaleY(-1);
	  filter: FlipV;
	  -ms-filter: "FlipV";
	  background-size: 100% auto;
	}
	article.case-study img {
		width:100%;
		height:auto;
	}