/* -------------------------------- 

Primary style

-------------------------------- */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

body {
  font-size: 100%;
  font-family: "Officina","Source Sans Pro", sans-serif;
  color: #333;
  color: rgba(255, 255, 255, 0.9);
  background-color: white;
  width: 100%;
  overflow-x: hidden !important;
  padding-top: 9em; 
}
body.overflow-hidden {
  /* when primary navigation is visible, the content in the background won't scroll */
  overflow: hidden;
}
.page-wrapper {
  width: 100%;
  overflow-x: hidden !important;
}
a {
  color: white;
  text-decoration: none;
}
h1,h2,h3,h4,h5 { font-family: "Officina Bold", sans-serif; font-weight: normal; }

/* -------------------------------- 

Modules - reusable parts

-------------------------------- */
.ar { font-family: 'Ge'; direction: rtl; }
.ar-b, #btnAr { font-family: 'Ge Medium'; direction: rtl; }
.eng { font-family: "Officina"}
.eng-b { font-family: "Officina Bold"}
.container {
	width: 90%;
	max-width: 80em;
	margin: 0 auto;
}
.in-container {
	width: 90%;
	max-width: 80em;
	margin: 0 auto;
}
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}

div.icon-scroll {
  display: inline-block;
  vertical-align: middle;
}

div.icon-scroll a {
  display: inline-block;
  border-radius: 50%;
}

div.icon-scroll a:hover .icn-left, div.icon-scroll a:hover .icn-top, 
div.icon-scroll a:hover .icn-bottom, div.icon-scroll a:hover .icn-right{
  background: #3fa5f0;
}

div.icon-scroll a:hover .icn-left:after, div.icon-scroll a:hover .icn-top:after, 
div.icon-scroll a:hover .icn-bottom:after, div.icon-scroll a:hover .icn-right:after {
  border-top: 0.125em solid #fff;
  border-right: 0.125em solid #fff;
}

.icn-left {
  display: inline-block;
  width: 4em;
  height: 4em;
  border: none;
  border-radius: 50%;
  background: #1a1a1a;
  text-align: center
}

.icn-left:after {
  content: '';
  display: inline-block;
  margin-top: 1.5em;
  margin-left: 0.4em;
  width: 1em;
  height: 1em;
  border-top: 0.125em solid #fff;
  border-right: 0.125em solid #fff;
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.icn-top {
  display: inline-block;
  width: 4em;
  height: 4em;
  border: none;
  border-radius: 50%;
  background: #1a1a1a;
  text-align: center
}

.icn-top:after {
  content: '';
  display: inline-block;
  margin-top: 1.6em;
  width: 1em;
  height: 1em;
  border-top: 0.125em solid #fff;
  border-right: 0.125em solid #fff;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.icn-bottom {
  display: inline-block;
  width: 4em;
  height: 4em;
  border: none;
  background: #1a1a1a;
  border-radius: 50%;
  text-align: center
}

.icn-bottom:after {
  content: '';
  display: inline-block;
  margin-top: 1.2em;
  width: 1em;
  height: 1em;
  border-top: 0.125em solid #fff;
  border-right: 0.125em solid #fff;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.icn-right {
  display: inline-block;
  width: 4em;
  height: 4em;
  border: none;
  border-radius: 50%;
  background: #1a1a1a;
  text-align: center
}

.icn-right:after {
  content: '';
  display: inline-block;
  margin-top: 1.5em;
  margin-left: -0.4em;
  width: 1em;
  height: 1em;
  border-top: 0.125em solid #fff;
  border-right: 0.125em solid #fff;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* -------------------------------- 

Main components 

-------------------------------- */
html, body {
  height: 100%;
  background: #f0f0f0;
}

.cd-header {
  position: fixed;
  top: 0;
  left: 0;
  border-top: 0.4em solid #F8BD00;
  background: rgba(255, 255, 255, 0.98);
  height: auto;
  width: 100%;
  z-index: 103;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-header.menu-is-open {
  
}

.cd-logo {
  display: inline-block;
  position: relative;
  margin: .5em;
}

.cd-logo img {
  display: block;
  width: auto !important;
  max-height: 5.5em
}

.language {
  position: relative;
  float: right;
  /*margin-right: 2.6em;*/
  text-align: right;
  color: #333;
  font-family: 'Officina Medium';
  text-transform: uppercase;
  font-size: 0.9em;
  line-height: 4.5em;
}

.language span {
  border-bottom: 2px solid #F8BD00;
  display: inline-block;
  line-height: normal;
  margin: 0 1em;
}

.language a {
  color: #333;
  height: 100%;
  padding: 0;
  display: inline-block;
  margin: 0 0 0 1em;
}

.language a:hover {
  color: #F8BD00;
}

nav.is-visible {
  float: none;
  display: block;
}

.cd-secondary-nav {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10em;
  /* hidden on small devices */
  display: none;
}
.cd-secondary-nav li {
  display: inline-block;
  margin-left: 2.2em;
}
.cd-secondary-nav a {
  display: inline-block;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
}
.cd-primary-nav-trigger {
  display: none;
  position: absolute;
  right: 0.875em;
  top: 0.875em;
  height: 4em;
  width: 5em;
  background-color: #F8BD00;
}

.cd-primary-nav-trigger .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 2em;
  height: 0.25em;
  background-color: #fff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}

.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}

.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -0.5em;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 0.5em;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color: #1a1a1a;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
.menu-is-open .cd-primary-nav-trigger {
  background-color: white;
}

.cd-primary-nav-trigger:hover,
.menu-is-open .cd-primary-nav-trigger:hover {
 background-color: #F8BD00;	
}

.cd-primary-nav-trigger .cd-menu-icon,
.cd-primary-nav-trigger .cd-menu-icon::before, 
.cd-primary-nav-trigger .cd-menu-icon::after,
.menu-is-open .cd-primary-nav-trigger .cd-menu-icon,
.menu-is-open .cd-primary-nav-trigger .cd-menu-icon::before, 
.menu-is-open .cd-primary-nav-trigger .cd-menu-icon::after,
nav, header  {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.cd-primary-nav-trigger:hover .cd-menu-icon,
.cd-primary-nav-trigger:hover .cd-menu-icon::before, 
.cd-primary-nav-trigger:hover .cd-menu-icon::after,
.menu-is-open .cd-primary-nav-trigger:hover .cd-menu-icon::before, 
.menu-is-open .cd-primary-nav-trigger:hover .cd-menu-icon::after  {
  background-color: #fff;
}
.menu-is-open .cd-primary-nav-trigger:hover .cd-menu-icon{
  background-color: rgba(255,255,255,0);
}
nav{ float: right; }
.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: relative;
  height: auto;
  width: auto;
  background: transparent;
  z-index: 103;
  padding: 0; /*10em 0 0;*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: visible;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-primary-nav li {
  font-size: 16px;
  font-size: 1em;
  font-weight: normal
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0.75em 0 0;
  display: inline-block;
  text-transform: capitalize;
} 
.cd-primary-nav li:after {
  content: '|';
  margin-left: 0.75em;
}
.cd-primary-nav li:nth-last-child(1) { margin-right: 0 }
.cd-primary-nav li:nth-last-child(1):after { display: none; }
.cd-primary-nav a {
  font-family: "Officina Medium";
  color: #333;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
  line-height: 125%; /*1.5em;*/
}
.no-touch .cd-primary-nav a:hover,
.cd-primary-nav li.active a {
  color: #F8BD00;
}
.cd-primary-nav .cd-label {
  color: #F8BD00;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2em 0;
}
.cd-primary-nav .cd-social {
  display: inline-block;
  margin: 0 .4em;
}
.cd-primary-nav .cd-social a {
  width: 2.75em;
  height: 2.75em;
  padding: 0;
  background-image: url("../img/cd-socials.svg");
  background-repeat: no-repeat;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-primary-nav .cd-facebook a {
  background-position: 0 0;
}
.cd-primary-nav .cd-instagram a {
  background-position: -44px 0;
}
.cd-primary-nav .cd-dribbble a {
  background-position: -88px 0;
}
.cd-primary-nav .cd-twitter a {
  background-position: -132px 0;
}
.cd-primary-nav.is-visible,
#nav-text.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  /*-webkit-transform: perspective(1px) skew(0deg,5deg);
  -ms-transform: skew(0deg,10deg); 
  -o-transform: skew(0deg,10deg); 
  transform: perspective(1px) skew(0deg,5deg);*/
}
.nav-wrapper { width: auto; float: right; }
.nav-wrapper, .nav-right {
  position: relative;
  /*-webkit-transform: perspective(1px) skew(0deg,-5deg);
  -ms-transform: skew(0deg,-10deg); 
  -o-transform: skew(0deg,-10deg); 
  transform: perspective(1px) skew(0deg,-5deg);*/
  display: inline-block;
}
.nav-right {
  color: #fff;
  font-size: 18px;
  font-size: 1.5rem; /*1.75rem;*/
  font-family: "Officina Medium";
  text-transform: uppercase;
  text-align: right;
  width: 30%;
  float: right;
  line-height: 180%;
  margin: 5em 1.5em 0 0;
  display: none;
}
.nav-right .active {
  text-decoration: underline;
}
.nav-right a[class^="icn-"],
.body-text a[class^="icn-"],
.social a[class^="icn-"] {
  display: inline-block;
  width: 1.125em;
  height: 1.125em;
  background-size: contain;
  margin: 0.75em 0 0 0.75em;
}
.social { float: right; }
.social a[class^="icn-"] { margin-top: 0.25em }
.body-text a[class^="icn-"] { width: 1.5em; height: 1.5em; margin: 1em 0.75em 0 0; }
.nav-right a.icn-facebook { background-image: url(../img/icns/icn-facebook.png); }
.nav-right a.icn-facebook:hover { background-image: url(../img/icns/icn-facebook-h.png); }
.nav-right a.icn-twitter { background-image: url(../img/icns/icn-twitter.png); }
.nav-right a.icn-twitter:hover { background-image: url(../img/icns/icn-twitter-h.png); }
.nav-right a.icn-vimeo { background-image: url(../img/icns/icn-vimeo.png); }
.nav-right a.icn-vimeo:hover { background-image: url(../img/icns/icn-vimeo-h.png); }
.nav-right a.icn-instagram { background-image: url(../img/icns/icn-instagram.png); }
.nav-right a.icn-instagram:hover { background-image: url(../img/icns/icn-instagram-h.png); }
.nav-right a.icn-pinterest { background-image: url(../img/icns/icn-pinterest.png); }
.nav-right a.icn-pinterest:hover { background-image: url(../img/icns/icn-pinterest-h.png); }

.body-text a.icn-facebook { background-image: url(../img/icns/icn-facebook-g.png); }
.body-text a.icn-facebook:hover { background-image: url(../img/icns/icn-facebook-h.png); }
.body-text a.icn-twitter { background-image: url(../img/icns/icn-twitter-g.png); }
.body-text a.icn-twitter:hover { background-image: url(../img/icns/icn-twitter-h.png); }
.body-text a.icn-vimeo { background-image: url(../img/icns/icn-vimeo-g.png); }
.body-text a.icn-vimeo:hover { background-image: url(../img/icns/icn-vimeo-h.png); }
.body-text a.icn-instagram { background-image: url(../img/icns/icn-instagram-g.png); }
.body-text a.icn-instagram:hover { background-image: url(../img/icns/icn-instagram-h.png); }
.body-text a.icn-pinterest { background-image: url(../img/icns/icn-pinterest-g.png); }
.body-text a.icn-pinterest:hover { background-image: url(../img/icns/icn-pinterest-h.png); }

.social a.icn-facebook { background-image: url(../img/icns/icn-facebook.png); }
.social a.icn-facebook:hover { background-image: url(../img/icns/icn-facebook-h.png); }
.social a.icn-twitter { background-image: url(../img/icns/icn-twitter.png); }
.social a.icn-twitter:hover { background-image: url(../img/icns/icn-twitter-h.png); }
.social a.icn-vimeo { background-image: url(../img/icns/icn-vimeo.png); }
.social a.icn-vimeo:hover { background-image: url(../img/icns/icn-vimeo-h.png); }
.social a.icn-instagram { background-image: url(../img/icns/icn-instagram.png); }
.social a.icn-instagram:hover { background-image: url(../img/icns/icn-instagram-h.png); }
.social a.icn-pinterest { background-image: url(../img/icns/icn-pinterest.png); }
.social a.icn-pinterest:hover { background-image: url(../img/icns/icn-pinterest-h.png); }

#skewed { 
  position: relative;
  bottom: -8.5%; /*-10%;*/
  width: 100%;
  height: 20%;
  background-color: #000;
  border-bottom: 0.4em solid #F8BD00;
  z-index: 103;
  -webkit-transform: perspective(1px) skew(0deg,3deg);
  -ms-transform: skew(0deg,6deg); 
  -o-transform: skew(0deg,6deg); 
  transform: perspective(1px) skew(0deg,3deg);
}
.cd-section {
  height: 100vh;
}
.cd-section h2 {
  line-height: 100vh;
  text-align: center;
  font-size: 2.4rem;
}
.cd-section:first-of-type > div {
  background-color: #000;
}
.cd-section:first-of-type > div::before {
  /* alert -> all scrolling effects are not visible on small devices */
  /*content: 'Effects not visible on mobile!';*/
  position: absolute;
  width: 100%;
  text-align: center;
  top: 20px;
  z-index: 2;
  font-weight: bold;
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #6a7083;
}
[data-animation="parallax"] .cd-section > div, [data-animation="fixed"] .cd-section > div, [data-animation="opacity"] .cd-section > div {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cd-intro {
  position: relative;
  height: 100%;
  /*background: url("../img/cd-background-img.jpg") no-repeat center center;*/
  background-size: cover;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#top { 
  background: #333;/*url(../img/slider/slide-1.jpg);*/
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
#main-image { height: auto; background: #f0f0f0; position: relative; }
#main-image img { width: 100%; position: relative; }
#top .caption, #main-image .caption {
  position: absolute;
  color: #fff;
  bottom: 0;
  background: #F8BD00;
  text-align: center;
  padding: 1em;
  width: 100%;
}
#top .caption h1, #main-image .caption h1 { font-size: 1.75em; line-height: 120%; font-family: "Officina" }
#top.home { background-image: url(../img/slider/slide-1.jpg); }
#top.inside { /*height: 70%; height: 70vh;*/ height: 55%; height: 55vh; max-height: 26em }
#top.about { background-image: url(../img/assets/about.jpg); }
#top.library { background-image: url(../img/assets/home-library.jpg); }
#top.initiatives { background-image: url(../img/assets/initiatives.jpg); }
#top.initiatives2 { background-image: url(../img/assets/initiatives2.jpg); }
#top.international-initiatives { background-image: url(../img/assets/international-initiatives.jpg); }
#top.media { background-image: url(../img/assets/media.jpg); }
#top.faq { background-image: url(../img/assets/faq.jpg); }
#top.contact { background-image: url(../img/assets/contact.jpg); }
#top.events { background-image: url(../img/assets/events.jpg); }
#top.honors { background-image: url(../img/assets/honors.jpg); }
#top.exhibitions { background-image: url(../img/assets/exhibitions.jpg); }
.cd-section .overlay, #main-image .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent !important;
  background-image: url(../img/slider/overlay.png);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
#top.contact.cd-section .overlay { 
  height: 10em; background-image:none;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );
}
#top .slide-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent !important;
  background-image: url(../img/slider/overlay.png);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}
#top .slide-caption h1 { 
  font-size: 2.75em; 
  position: absolute; 
  left:15%; 
  width: 70%; 
  top: 35%; 
  letter-spacing: normal; 
  line-height: 120%; 
  text-transform: none; 
  text-shadow: 0 0.1em 0.2em #333;
}
.thin-line { width: 100%; height: 0; border-top: 1px solid #fff; position: relative; z-index: 3}
.line { width: 100%; height: 0; border-top: 0.4em solid #fff; position: relative; z-index: 3}
.thin-line.yellow, .line.yellow { border-color: #F8BD00 }
.thin-line.grey, .line.grey { border-color: #ddd }
#news .title-wrapper { 
  border-bottom: 0.4em solid #F8BD00;
  background: #333;
  -webkit-transform: perspective(1px) skew(0deg,-3deg);
  -ms-transform: skew(0deg,-6deg); 
  -o-transform: skew(0deg,-6deg); 
  transform: perspective(1px) skew(0deg,-3deg);
}
#news .title-wrapper h1 {
  -webkit-transform: perspective(1px) skew(0deg,3deg);
  -ms-transform: skew(0deg,6deg); 
  -o-transform: skew(0deg,6deg); 
  transform: perspective(1px) skew(0deg,3deg);
}
.title-wrapper { 
  position: relative;
  width: 100%;
  height: 8em;
  padding: 4em 4em;
  position: relative;
  z-index: 2;
}
.title-wrapper h1 {
  font-size: 2.5em;
  color: #fff;
}
#news ul { background-color: transparent; padding: 0; }
#news ul li { width: 23.95%; margin-right: 1.4%; display: inline-block; vertical-align: top; overflow: hidden; height: auto;   border-bottom: 0.4em solid #F8BD00; }
#news ul li img { 
  width: 100%;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
}
#news ul li:nth-child(4) { margin-right: 0 }
#news ul li a { background-color: #fff; display: block; color:#4D4D4D; }
#news ul li a .news-caption { 
  width: 100%; 
  padding: 1em;
  height: auto;
  overflow: hidden; 
  background-color: #fff; 
  margin: 0;
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
  -ms-transition: background 0.5s ease-in-out;
}
#news ul li a:hover .news-caption {
  background: #333;
} 
#news ul li a .news-caption b { font-family: "Officina Bold"; font-weight: normal; color: #000; text-transform: uppercase; line-height: 120%; }
#news ul li a .news-caption p { 
    margin: 0.5em 0; 
    line-height: 120%; 
    font-size: 0.9em; 
    vertical-align: middle; 
    text-align:justify;
}
#news ul li a .news-caption dd { display: none; font-family: "Officina Bold"; font-weight: normal; text-transform: uppercase; text-align: right; color: #F8BD00; margin: 0.5em 0 1em; }
#news ul li a:hover img { opacity: 0.7; }
#news ul li a:hover,#news ul li a:hover .news-caption { background-color: #000; color: #ccc }
#news ul li a:hover .news-caption b { color: #fff; }
#libraries { background: #333; padding-top: 3em }
#libraries .title-wrapper { 
  border-bottom: 0.4em solid #F8BD00;
  background: #333;
  padding-bottom: 2.5em;
  height: 4em;
  -webkit-transform: perspective(1px) skew(0deg,3deg);
  -ms-transform: skew(0deg,6deg); 
  -o-transform: skew(0deg,6deg); 
  transform: perspective(1px) skew(0deg,3deg);
}
#libraries .title-wrapper h1 {
  text-align: right;
  margin-top: -1em;
  -webkit-transform: perspective(1px) skew(0deg,-3deg);
  -ms-transform: skew(0deg,-6deg); 
  -o-transform: skew(0deg,-6deg); 
  transform: perspective(1px) skew(0deg,-3deg);
}
#libraries .libmaps,
#libraries .media-centre { background: #F8BD00; margin-top: -2.5em}
ul.tabs{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.tabs li{
  width: 24.62%; 
  margin-right: 0.5%;
  background: #fff;
  color: #333;
  display: inline-block;
  padding: 5em 1em 1em;
  cursor: pointer;
  text-align: center;
  font-family: "Officina Bold";
  font-size: 1.125em;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.media-centre ul.tabs li{ width: 33%; }
ul.tabs li:hover {
  color: #fff;
  background: #333;
}
ul.tabs li:nth-last-child(1) { margin-right: 0}
ul.tabs li.current, ul.tabs li.current:hover{
  background: #F8BD00;
  color: #fff;
}
.tab-content{
  display: block;
  background: #F8BD00;
  color: #fff;
  padding: 0.4em 0 0 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.tab-content img { width: 100% }
.tab-content.current{
  display: block;
}
.map {
  width: 100%;
  min-height: 30em;
}
#map { 
  width: 100%; min-height: 35em 
}

.gm-style-iw {
  padding: 0.75em 0.4em 0.4em;
  line-height: 1.5em;
}
.gm-style-iw h2 {
  font-size: 1.125em;
  color: #F8BD00;
  text-transform: uppercase;
  font-family: "Officina Bold";
}
.gm-style-iw a {
  font-size: 1.125em;
  color: #222;
  text-transform: uppercase;
  font-family: "Officina";
}
.gm-style-iw a:hover {
  color: #F8BD00
}
.slash {
  width: 100%;
  height: 7.5em;
  background-color: #333;
  border-top: 0.4em solid #F8BD00;
  margin-top: -5em;
  position: relative;
  z-index: 3;
  -webkit-transform: perspective(1px) skew(0deg,3deg);
  -ms-transform: skew(0deg,6deg); 
  -o-transform: skew(0deg,6deg); 
  transform: perspective(1px) skew(0deg,3deg);
}
.slash.back {
  -webkit-transform: perspective(1px) skew(0deg,-3deg);
  -ms-transform: skew(0deg,-6deg); 
  -o-transform: skew(0deg,-3deg); 
  transform: perspective(1px) skew(0deg,-3deg);
}
h1.body-title, .body-text h1 {
  width: 100%;
  background: #333;
  color: #fff;
  font-size: 3em;
  margin-top: -1.5em;
  padding-left: 1.75em;
  padding-bottom: 1.25em;
  position: relative;
  z-index: 3;
  border-bottom: 0.15em solid #F8BD00;
}
h1.body-title.text-right {
  padding-left: 0;
  padding-right: 1.75em;
}
.body-text ol li { list-style-type: decimal; }
.body-text img { max-width: 100% }
.body-left-img,
.body-right-img {
  border: 0.4em solid #fff;
  width: 40%;
  max-width: 20em;
  float: right;
  margin: -7.5em 2em 2em 4em;
  position: relative;
  z-index: 4;
}
.body-right-img.vert,
.body-left-img.vert {
  max-width: 15em;
}
.body-left-img {
  float: left;
  margin: -7.5em 4em 2em 2em;
}
.body-text {
  color: #333;
  font-size: 1.25em;
  line-height: 150%;
  padding: 2em 4em;
  background: #fff;
}
.body-text .body-left-img,
.body-text .body-right-img { margin: 2em 0 2em 2em; border: 0.4em solid #f0f0f0 }
.body-text .body-left-img { margin: 2em 2em 2em 0;}
.body-text a { color: #F8BD00; }
.body-text a:hover { color: #333; }
.body-text p { margin: 2em 0; text-align: justify; }
.body-text.text-faq p { margin: 1em 0 }
.body-text h1 { background: none; color: #333; border: none; margin-top: 0; padding: 1em 0 0.5em; font-size: 2.75em }
.body-text h2 { background: none; color: #333; border: none; margin-top: 0; padding: 1em 0 0.5em; font-size: 1.75em; line-height: normal; }
.body-text h3 { background: none; color: #333; border: none; margin-top: 0; padding: 1em 0 0.5em; font-size: 1.25em; line-height: normal; }
.body-text.darkgray h1,.body-text.darkgray h2  { color: #FFF}
#achievements {
  width: 100%;
  margin: 0;
  padding: 0;
}
#achievements li {
  display: inline-block;
  float: none;
  margin: 0;
  width: 20%;
  background: #F8BD00;
  color: #333;
  text-align: center;
  padding: 1em;
  vertical-align: top;
}
#achievements li:nth-child(2n) {
  background: #fdd367;
}
#achievements li img {
  width: 50%;
  padding-bottom: 1em;
}
#achievements li h2 {
  color: #000;
  font-size: 1.75em;
}
.cd-main-content {
  position: relative;
  z-index: 1;
  background: #fff;
  margin-top: -2.5em;
  padding-top: 2.5em;
}
.cd-main-content p {
  line-height: 1.6;
  margin: 2em 0;
  width: 100%;
  text-align: justify;
}
.cd-main-content p.case-description {
  width: 75%;
}
.cd-main-content p.first {
  font-size: 1.5em;
  color: #666;
  color: rgba(102,102,102,0.8)
}
.cd-main-content h1 {
	font-size: 3.5em;
	font-weight: 700;
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0.1em 2em 0 0;
	line-height: normal;
	border-bottom: 0.075em white solid;
	width: auto;
	display: inline-block;
	left: 0;
}
.cd-main-content h2 {
	font-size: 2.5em;
	font-weight: 700;
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0.1em 2em 0 0;
	line-height: normal;
	width: auto;
	display: inline-block;
	left: 0;
}
.white { background: white !important; }
.gray { background: #fafafa !Important;}
.darkgray { background: #333 !Important; color: #fff !important; }
.bg-yellow { background: #F8BD00 !important; }
.fixed { position: fixed; }
.static { position: static; }
/*.static.home {margin-bottom: -6em}*/

/* MEDIA CENTRE */
/* ----------------------------- */
#instafeed, #gallery { background: #F8BD00; width: 95%; padding: 0 0.5em; margin: 0 auto}
#instafeed a, #gallery a { width: 32.5%; display: inline-block; border: none; padding: 0.4em; background: #fff; margin: 0 0.5% 0.5em 0; }
#instafeed a img, #gallery a img { width: 100%; /*border-left: 2px solid #F8BD00; border-right: 2px solid #F8BD00;*/ background: #fff }
#instafeed a p, #gallery a p { width: 100%; background: #fff; margin: 0; padding: 0.5em; text-align: center; color: #333; font-family: "Officina Bold"; } 
#instafeed a:hover img, #gallery a img:hover { opacity: 0.75; }
#instafeed a:nth-child(3n), #gallery a:nth-child(3n) { margin-right: 0 }
#gallery.inside { margin-top: -4em; padding: 7em 0 0; }
#press-releases { width: 90%; margin: 0 auto}
#press-releases a { color: #333; display: block; padding: 2em 3em; margin-bottom: 1em; background: #fff; }
#press-releases a:hover { background: #eee }
/* CONTACT */
/* ----------------------------- */

#map_canvas { width: 100%; height: 100%; max-height: 30em; background: rgb(229, 227, 223); line-height: 1.2; z-index: 1; }
#map_canvas strong { font-family: 'Avenir-Heavy'; line-height: 2; font-size: 1.25em; }

/* FOOTER */
/* ----------------------------- */
#social .col-xs-6 {
  width: 49.3%;
  display: inline-block;
  float: left;
  margin-right: 1.4%;
  background: #fff;
}
#social .col-xs-6:nth-last-child(1) { margin-right: 0 }
#social .col-xs-6 .header {
  line-height: 250%;
  background: #F8BD00 url(../img/icns/icn-facebook.png) 0.5em no-repeat;
  background-size: auto 60%;
  text-align: right;
  padding: 0 1em;
  font-family: "Officina Bold"
}
#social .col-xs-6:nth-last-child(1) .header {
  background: #F8BD00 url(../img/icns/icn-twitter.png) 0.5em no-repeat;
  background-size: auto 60%;  
}
#social .facebook-wrapper,
#social .twitter-wrapper {
  width: 100%;
  height: 15.2em;
  overflow: auto;
  text-align: center;
}
#social .facebook-wrapper { overflow: hidden; }
#social .facebook-wrapper iframe { margin-top: -69px !important; font-size: 12px !important; margin: 0 auto; }
#social .twitter-wrapper iframe { margin-top: -57px !important; font-size: 12px !important }
footer {
	width: 100%;
	background: #222;
  color: #ccc;
	font-size: 1em;
	line-height: normal;
	padding: 1em 0;
	position: relative;
	z-index: 1;
}

.btn { 
	padding: 0.75em 3.75em 0.75em 1.5em; 
	text-transform: uppercase; 
	background: #F8BD00 url(../img/icns/icn-next.png) right no-repeat; 
	background-size: auto 100%;
	font-family: "Officina Bold"; 
	display: inline-block
}
.btn:hover { background-color: #fff; color: #1a1a1a; background-image: url(../img/icns/icn-next-h.png); }
.clearfix { clear: both }
.fullwidth { width: 100%; max-width: none }
.uppercase { text-transform: uppercase }
.pull-left { float: left; max-width: 66%; }
.pull-right { float: right; max-width: 30%; }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.space10 {
	width: 100%;
	height: .75em;
}
.space20 {
	width: 100%;
	height: 1.5em;
}
.space40 {
	width: 100%;
	height: 3em;
}
.white { background-color: #fff }
a,
.nav-wrapper a,
div.icon-scroll a span,
.next-case, .btn,
#instafeed a img, #gallery a img {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
#cta {
	width: 100%;
	background: #333;
	padding: 1.25em 0;
	text-align: center;
	bottom: 0;
	z-index: 999999;
}
#cta .btn { 
	padding: 0.75em 2.5em; 
	text-transform: uppercase; 
	background: #F8BD00; color: #fff;
	
	font-family: "Officina Bold"; 
	display: inline-block;
	margin: 0;
}
#cta .btn:hover { background: #fff; color: #333; }

/* -------------------------------- 

Slider

-------------------------------- */
#home-slider { font-size: 1em }
.slide-caption {
	position: absolute;
	top: 0;
	left: 25%;
	width: 50%;
	height: 100%;
	background: rgba(0,0,0,0.65);
	padding: 2em 5em;
	text-align: center;
}
.slide-caption h1 { 
	font-size: 1.9em; 
	color: #fff; 
	padding: 0; 
	text-transform: uppercase; 
	letter-spacing: 0.25em; 
	border: none;
	text-align: center !important;
}
.slide-caption p { color: #fff; font-family: 'Avenir-Light' !Important; font-size: 1em !Important; margin: 2.5em 0 !important }
.slide-caption .btn { background: #fff url(../img/icns/icn-next-h.png) right no-repeat;background-size: auto 100%; color: #333 }
.slide-caption .btn:hover { background: #F8BD00 url(../img/icns/icn-next.png) right no-repeat;background-size: auto 100%; color: #fff }
.owl-pagination { bottom: 0; position: absolute; }

/* PRELOADER */

#blank { 
  background: #fff; 
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9998;
}

.pageload-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 9999;
}

.pageload-overlay.show {
  visibility: visible;
}

.pageload-overlay svg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.pageload-overlay svg path {
  fill: #fff;
}

.pageload-overlay .loader-img {
  width: 120px;
  height: 120px;
  top: 50%;
  left: 50%;
  margin: -60px 0 0 -60px;
  position: relative;
  display: none;
}

.pageload-overlay.show .loader-img {
  
}

/*.pageload-overlay::after,
.pageload-overlay::before {
  content: '';
  position: fixed;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
  transition: opacity 0.15s, visibility 0s 0.15s;
}

.pageload-overlay::after {
  background: #333;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-animation: moveRight 0.6s linear infinite alternate;
  animation: moveRight 0.6s linear infinite alternate;
}

.pageload-overlay::before {
  background: #999;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-animation: moveLeft 0.6s linear infinite alternate;
  animation: moveLeft 0.6s linear infinite alternate;
}

@-webkit-keyframes moveRight {
  to { -webkit-transform: translateX(20px); }
}

@keyframes moveRight {
  to { transform: translateX(20px); }
}

@-webkit-keyframes moveLeft {
  to { -webkit-transform: translateX(-20px); }
}

@keyframes moveLeft {
  to { transform: translateX(-20px); }
}

.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}*/
.cd-primary-nav ul li:nth-child(6) { display: none; }
.cd-primary-nav ul li:nth-child(7) { padding-bottom: 1.4em }