@font-face {
    font-family: 'londonbetween';
    src: url('../fonts/londonbetween-webfont.eot');
    src: url('../fonts/londonbetween-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/londonbetween-webfont.woff') format('woff'),
         url('../fonts/londonbetween-webfont.ttf') format('truetype'),
         url('../fonts/londonbetween-webfont.svg#londonbetweenregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'londonmm';
    src: url('../fonts/londonmm-webfont.eot');
    src: url('../fonts/londonmm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/londonmm-webfont.woff') format('woff'),
         url('../fonts/londonmm-webfont.ttf') format('truetype'),
         url('../fonts/londonmm-webfont.svg#londonmmregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'londonmm', sans-serif !important;
	color: #666666;
}

@media (max-width: 992px) {
    body {
    	text-align: center;
    }

    .text-left, .text-right {
    	text-align: center;
    }
}

p {
	font-size: 16px;
}

img {
	max-width: 100%;
}

footer {
	background-color: #474747;
	color: #888;
	padding-top: 10px;
	padding-bottom: 50px;
	font-family: londonbetween, sans-serif;
}

footer .col-md-2, footer .col-md-3 {
	margin-bottom: 10px;
}

@media (max-width: 992px) {
    footer {
    	padding-bottom: 0;
    }
}

.centered {
	text-align: center;
}

.branded {
	color: #e117a6;
}

hr {
	border-top: 1px solid #666;
	width: 60%;
}

ul {
	padding: 0
}

.nav-follow {
  z-index: 1000;
  margin-top: 70px;
  margin-left: 120px;
  position: absolute;
}
.nav-follow li {
  float:left;
  position:relative;
  z-index:100001;
  list-style-type:none;
}
.nav-clicks {
  cursor:pointer;
}
.container {
	padding-top: 40px;
	padding-bottom: 40px;
}

.button, .button:hover {
	display: inline-block;
	background-color: #e117a6;
	padding: 19px 20px 15px 20px;
	border-radius: 27px;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	border: none;
}

.navbar {
	height: 90px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0 0 8px rgba(0, 0, 0, .5);
	border-bottom: none;
}

.navbar .container {
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-brand {
	margin-top: 7px;
}

.nav-elem a {
	color: #e017a6 !important;
	font-weight: bold;
	margin: 10px;
	font-family: londonbetween, sans-serif;
    font-size: 16px;
}

.nav-elem a span {
	display: block;
	color: #afafaf;
	font-weight: 100;
	font-family: londonmm, sans-serif;
}

.icon-bar {
	background-color: #e117a6 !important;
}

@media (max-width: 768px) {
	.navbar {
		height: 50px;
	}

	.navbar-brand {
		margin-top: 0;
		padding: 8px;
		padding-bottom: 0;
	}

	.navbar-brand img {
		height: 35px;
	}

	.navbar-collapse {
		background-color: rgba(255, 255, 255, .95);
		border-bottom: 1px solid rgba(0, 0, 0, .5);
	}

	.navbar-header {
		height: 50px;
	}

	.nav-elem a span {
		display: inline;
	}
}

@media (max-width: 992px) {
	.nav-elem a span {
		font-size: 12px;
	}

	.nav-elem {
		text-align: left;
	}

    .nav-elem a {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

#hero-bg {
	background-image: url('../images/bg_clouds.jpg');
	background-position: left bottom;
	background-size: cover;
}

#hero-content {
	padding-top: 120px;
}

#hero-image {
	text-align: center;
}

#content-social {
	margin-top: 70px;
}

#content-social * {
	margin-bottom: 70px;
}

#contact-form {
	margin-top: 90px;
	padding-top: 70px;
}

#contact-form form {
	padding-bottom: 100px;
}

.social-icons {
	display: inline-block;
	margin-bottom: 50px;
	margin-top: 40px;
}

.social-icons img {
	margin-right: 20px;
}

.control-label {
	text-align: left !important;
}

@media (max-width: 990px) {
	.control-label {
		display: block;
	}
}

.form-control {
	background-color: #f7f7f7;
	border-color: #dfdfdf;
	box-shadow: none;
}

.bg-secondary {
	background-image: url('../images/bg_light.jpg');
	/*background-size: contain;*/
	background-repeat: repeat;
	box-shadow: inset 0 3px 8px rgba(0, 0, 0, .1),
		inset 0 -3px 8px rgba(0, 0, 0, .1);
}

#engagement-content {
	padding-bottom: 30px;
}

#map {
	margin-top: 100px;
	height: 368px;
	background-image: url('../images/map.jpg');
	background-position: center;
	margin-bottom: 40px;
}

#hero-who {
	position: relative;
}

#bg-who {
	width: 100%;
}

.brands img {
	transform: translateZ(0);
}

#brands-container {
	position: relative;
}

#brands-container:before {
    content:"";
    display:block;
    box-shadow:inset 0 3px 8px rgba(0, 0, 0, .1), inset 0 -5px 8px rgba(0, 0, 0, .1);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 20;
}

#brands-content {
	padding-bottom: 30px;
	position: relative;
	box-shadow: none;
}

#brands-content:before {
	display: block;
	content: "";
	position: absolute;
	background-image: url('../images/grad_left.png');
	background-repeat: repeat-y;
	width: 100px;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 10;
}

#brands-content:after {
	display: block;
	content: "";
	position: absolute;
	background-image: url('../images/grad_right.png');
	background-repeat: repeat-y;
	width: 100px;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}

/* HEADS */

	#who-text {
        margin-top: 90px;
		position: absolute;
		top: 2%;
		left: 4%;
		width: 32%;
		font-size: 20px;
		font-size: 1.8vw;
		font-weight: 100;
	}

	#who-heading {
        margin-top: 90px;
		position: absolute;
		top: 2%;
		right: 4%;
		width: 32%;
        text-align: right;
        font-size: 50px;
	}

	.head-image-top, .head-image {
		position: absolute;
		transform: scale(.97);
		-webkit-transform: scale(.97);
		transition: transform .5s;
		-webkit-transition: -webkit-transform .5s;
	}

	.head-image-color {
		opacity: 0;
		transition: all .5s;
		-webkit-transition: all .5s;
	}

	.head-image-top:hover, .head-image:hover {
		transform: scale(1);
		-webkit-transform: scale(1);
	}

	.head-image-top:hover .head-image-color, .head-image:hover .head-image-color {
		opacity: 1;
	}

	.head-image-top {
		width: 9%;
		height: 14.3%;
	}

	.head-image {
		width: 8.2%;
		height: 13%;
	}

	.head-image img, .head-image-top img {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	.head-caption {
		display: none;
		color: #e117a6;
	}

	@media (max-width: 1000px) {
        #who-text {
            position: absolute;
            font-size: 20px;
            font-size: 1.5vw;
            text-align: left;
            padding-left: 10px;
            padding-right: 10px;
        }

        #who-heading {
            /*top: 20%;*/
        }
	}

    @media (max-width: 768px) {
        #who-text {
            margin-top: 0;
        }

        #who-heading {
            /*top: 20%;*/
        }
    }

@media (max-width: 768px) {

		#bg-who {
			display: none;
		}

		#who-heading {
			margin-top: 100px;
            text-align: center;
		}

		#who-text {
			font-size: 14px;
			text-align: center;
		}

		#who-heading, #who-text {
			position: static;
			width: 100%;
		}

		.head-image-top, .head-image {
			position: relative;
			display: inline-block;
			width: 30%;
			left: 0 !important;
			top: 0;
			height: auto;
			margin: 0 auto;
		}

		.head-image-top img:first-of-type, .head-image img:first-of-type {
			position: static;
		}

		.head-image-top img:last-of-type, .head-image img:last-of-type {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
		}

		.tooltip, .tooltip * {
			visibility: hidden; !important;
		}

		.head-caption {
			display: block;
		}
	}

	#head-image-1 { /* Nick */
		left: 40.6%;
		top: 17.8%;
	}

	#head-image-2 { /* Jase */
        left: 49.9%;
        top: 17.8%;
	}

	#head-image-3 { /* Pam */
        left: 36%;
        top: 29.3%;
	}

	#head-image-4 { /* Krisz */
		left: 3.5%;
		top: 44.5%;
	}

	#head-image-5 { /* Snna */
		left: 10.2%;
		top: 46.3%;
	}

    #head-image-6 { /* Karim */
        left: 45.3%;
        top: 29.3%;
    }

	#head-image-7 { /* Ada */
		left: 27.2%;
		top: 44.6%;
	}

	#head-image-8 { /* Alice */
		left: 35.2%;
		top: 50.4%;
	}

	#head-image-9 { /* Nuno */
		left: 43.3%;
		top: 50.3%;
	}

	#head-image-10 { /* Harriet */
		left: 50.4%;
		top: 47.9%;
	}

	#head-image-11 { /* Tim */
        left: 54.6%;
        top: 29.3%;
	}

	#head-image-12 { /* Clara */
		left: 67.5%;
		top: 52.1%;
	}

	#head-image-13 { /* Norman */
		left: 75.7%;
		top: 51.9%;
	}

	#head-image-14 { /* Greg */
		left: 84.3%;
		top: 51%;
	}

    #head-image-15 { /* Eugenio */
        left: 59%;
        top: 50.5%;
    }

    #head-image-16 { /* Emilia */
        left: 59.2%;
        top: 17.8%;
    }

    #head-image-17 { /* Zack */
        left: 17.3%;
        top: 44.6%;
    }

    #head-image-18 { /* Emma */
        left: 63.8%;
        top: 30%;
    }

    #head-image-19 { /* Adriana */
        top: 66%;
        left: 45.15%;
    }

    #head-image-20 { /* Simone */
        top: 66%;
        left: 53.4%;
    }
    #head-image-21 { /* Simone */
        top: 66%;
        left: 61.4%;
    }

	.tooltip, .tooltip * {
		background: none !important;
		font-family: londonbetween, sans-serif;
		font-weight: bold !important;
	}

	.tooltip-arrow {
		display: none;
	}

	.tooltip-inner {
		color: #e117a6;
		font-size: 14px;
	}

/* Fancybox */

	.fancybox-skin {
		background-color: #fff !important;
	}

	.fancybox-image {
		width: 40%;
	}

	.stats-label {
        text-align: left;
		display: inline-block;
		width: 32%;
        font-size: 14px;
	}

	.progress {
		display: inline-block;
		width: 66%;
		height: 17px;
		margin-bottom: 0;
		border-radius: 8px;
	}

	.progress-bar {
		background-color: #e117a6 !important;
		font-size: 12px;
	}

#timeline .row {
	margin-bottom: 50px;
}

#timeline .row:first-of-type {
	margin-top: 50px;
}

.timeline-entry {
	padding-left: 0px !important;
}

.timeline-date {
	width: 75%;
	max-width: 200px;
}

.timeline-pin {
	width: 22%;
	max-width: 64px;
}

@media (max-width: 768px) {
	.timeline-pin {
		display: none;
	}
}

@media (max-width: 992px) {
	#timeline img {
		margin-bottom: 25px;
	}
}

#what-main{
	margin-top: 90px;
}

#what-main ul {
    list-style: none;
}

#what-main li {
    /*padding-left: 1em;*/
    text-indent: -.7em;
    margin-top: 20px;
}

#what-main li:before {
    margin-left: 15px;
    content: "• ";
    color: #e117a6;
}

#diagram {
	width: 100%;
	display: block;
	background-image: url('../images/what_diagram_narrow.png');
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
}

@media (min-width: 700px) {
	#diagram {
		background-image: url('../images/what_diagram_big.png');
		background-size: 100%;
	}
}

#why-main {
	background:  url('../images/lamps_small.jpg') repeat-x, url('../images/tiles_small.jpg') repeat;
	padding-top: 200px;
}

@media (min-width: 992px) {
    .align-middle {
        margin-top: 25%;
    }
}

h1 {
	margin-top: 10px;
	font-size: 50px;
	font-weight: bold;
}

h3 {
	font-size: 20px;
	font-weight: bold !important;
}

.heading-small {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-md-5ths img {
	max-width: 100%;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* BLOG */

a {
    text-decoration: none !important;
}

.entry-title, .entry-title a, .entry-meta a, .entry-content a, .post-navigation a, .nav-links a {
    color: #e117a6 !important;
}
.side-nav {
	margin-top:120px;
}
.inner-bar {
  background-color:white;
  width:100%;
  height:150%;
  z-index:-1;
  float:left;
  bottom:-150%;
  position:absolute;
}

.back-link a {
    color: #afafaf;
}

.entry-title {
    font-size: 40px;
}

.entry-meta span {
    margin-right: 10px;
}

.entry-meta span:after {
    content: "|";
    margin-left: 10px;
}

.entry-meta span:last-child:after {
    display: none;
}

.post-edit-link:after {
    content: "|";
    margin-left: 10px;
    margin-right: 10px;
    color: black;
}

.categories-links, .author.vcard, .screen-reader-text {
    display: none;
}

.entry-content, .post-navigation, .nav-links {
    margin-top: 15px;
}

footer.entry-meta {
    background-color: #afafaf;
    height: 1px !important;
    padding: 0 !important;
}

.nav-links a[rel="next"] {
    float: right;
}

article {
    margin-bottom: 40px;
}

article:last-of-type {
    /*margin-bottom: 0;*/
}

article:last-of-type footer {
    display: none;
}

/*.more-link span {
    display: none;
}

.more-link {

}*/