/* ############ FONTS ############ */

@font-face {
    font-family: 'ReplicaBold';
    src: url('../fonts/ReplicaBold.eot');
    src: url('../fonts/ReplicaBold.eot') format('embedded-opentype'),
         url('../fonts/ReplicaBold.woff2') format('woff2'),
         url('../fonts/ReplicaBold.woff') format('woff'),
         url('../fonts/ReplicaBold.ttf') format('truetype'),
         url('../fonts/ReplicaBold.svg#ReplicaBold') format('svg');
}

@font-face {
    font-family: 'ReplicaLight';
    src: url('../fonts/ReplicaLight.eot');
    src: url('../fonts/ReplicaLight.eot') format('embedded-opentype'),
         url('../fonts/ReplicaLight.woff2') format('woff2'),
         url('../fonts/ReplicaLight.woff') format('woff'),
         url('../fonts/ReplicaLight.ttf') format('truetype'),
         url('../fonts/ReplicaLight.svg#ReplicaLight') format('svg');
}

/* ############ GLOBAL ############ */

html, body {
	height: 100%;
	font: normal 16px/1.4 georgia,serif;
	color: #99a4ab;
	cursor: default;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

html {
       overflow-y: scroll;
}

body {
	background: #fff;
	position: relative;
}

* {
	box-sizing: border-box;
}

::-moz-selection {
    background: #e8e1dc;
    text-shadow: none;
}

::selection {
    background: #e8e1dc;
    text-shadow: none;
}

a {
	text-decoration: none;
}

a:hover{
	opacity:0.6;
}

b, strong {
	font-family: georgia, serif;
	font-weight: normal;
}

p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
    -webkit-margin-before: 0.0em;
    -webkit-margin-after: 0.0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
h3, h4, h5, h6 {
	font-family: georgia,serif;
	font-weight: normal;
	text-transform: none;
}

h1{
	font-size:30px;
	font-family: 'ReplicaLight';
	color:#333544;
}
h2{
	font-size:18px;
	font-family: 'ReplicaBold';
}

h3{
	font-size:30px;
	font-family: 'ReplicaLight';
	color:#a0a0be;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

p {
	font-family: 'ReplicaLight';
}

ol, ul, li {
	list-style: none;
	margin: 0;
}

ul, menu, dir, li {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

section {
	z-index: 12;
	position: relative;
}

.mobi {
	display: none;
}

.visible {
	-webkit-transition: all 1s;
    transition: all 1s;
	opacity: 1 !important;
}

.clearfix:after{
	display:table;
	clear:both;
	content:"";	
}

.inner, .relative {
  max-width: 1500px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-right: 50px;
  padding-left: 50px;
}
.relative {
	position:absolute;
	top: 72px;
	-webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    z-index: 0;
}
.relative.show {
	opacity: 1;
    z-index: 2;
}
/* line 214, ../sass/partials/_elements.scss */
.inner:after {
  content: "";
  display: table;
  clear: both;
}

/* HEADER */

#update-inner {
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    padding-left: 50px;
    padding-right: 50px;
    width: 100%;
    position: absolute;
    z-index: 11;
    padding-top: 15px;
    height: 100%;
}
#update-box {
	
}

body.home{
	background-image: url(../images/background.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat: no-repeat;
	height:100%;
	width:100%;
}

body.home header{
	/* background-image: url(../images/background.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat: no-repeat;*/
	height:100%;
	width:100%;
	z-index: -10;
}

body.home header .inner{
	position:relative;
	padding-top:15px;
	height: 100%;
}

body.home header .inner h1,
#update-box h1 {
	margin:50px 0 0 0;
}

body.home header .inner h3,
#update-box h3 {
	margin:-10px 0 50px 0;
	float:left;
}
#update-box h3 span {
	position: relative;
}

#update-box h3 span img {
	position: absolute;
	right: -40px;
    top: -10px;
}

body.home header .inner img.details,
#update-box img.details  {
	display:block;
	width:38px;
	height:16px;
	/*float:left;
	margin:-17px 0 0 10px;*/
}

header .menu-container{
	position:fixed;
	right:0;
	top: 0;
	z-index:999;
	height:100%
}

header .menu-container img.menu-button{
	display:block;
	width:27px;
	height:50px;
	position:relative;
	float:left;
}

header .menu-container ul.menu{
	margin-top:0px;
	padding:2px 0 0 0px;
	position:relative;
	width:315px;
	height:100%;
	background-color:#8958ff;
	float:left;
	display:none;
	border-left:solid 7px #333544;
}

header .menu-container ul.menu li{
	font-family: 'ReplicaLight';
	font-size:24px;
	width:100%;
	padding-left:20px;
    border-bottom: dashed 1px #e1e1e7;
    padding: 10px 10px 13px 22px;
	height:57px;
}

header .menu-container ul.menu li a{
	color:#e1e1e7;
}

header .menu-container ul.menu li a:hover{
	opacity:0.6;
}

.menu-arrow{
	width:53px;
	height:53px;
	margin:22px 10px 0 22px;
	position:absolute;
}

.menu-pen{
	width:53px;
	height:53px;
	margin:22px 10px 0 86px;
	position:absolute;
}

header .inner img.xura-logo {
    display: block;
    position: absolute;
    width: 600px;
    top: 50%;
    left: 50%;
	margin-top:-57px;
	margin-left:-300px;
}

/* body.home header .inner.arrow {
	height:100%;
	position:absolute;
}*/

#update-inner img.arrow-white{
	position:absolute;
	bottom:50px;
	left: 50px;
}

/* header .inner img.arrow-white{
	margin:20% 0 0 0%;
} */


/* INDEX WELCOME */

body.home section.welcome,
section.welcome {
	background-color:#333544;
	position: relative;
    z-index: 12;
}

body.home section.welcome .inner{
	height:auto;
	position:relative;
}

section.welcome h2{
	font-size:38px;
	color:#8958ff;
	margin-top: 0;
    padding-top: 0;
	margin-bottom: 0;
	line-height: 1;
}

section.welcome p{
	font-size:30px;
	color:#e1e1e6;
	width:54%;
	line-height: 1.15;
}

section.welcome img.arrow-purple{
	position: absolute;
    bottom: 50px;
}
    


/* INDEX LOGO */

.color-block{
	position:absolute;
}

section.logo, section.iconography, section.assets{
	background-color:#e1e1e6;
	position: relative;
	-webkit-transition: all .5s;
    transition: all .5s;
    /* height: 73%; */
}
section.logo.clicked {
	height: 100%;
}

body.home section .inner {
	-webkit-transition: all 1s;
    transition: all 1s;
	opacity:1;
	z-index: 1;
	height:691px;
	/*padding: 50px;*/
}

section.logo .inner.clicked {
	opacity:0;
	z-index: 0;
}

section .twenty-five-percent{
	width:25%;
	position:relative;
	float:left;
}

body.home section .twenty-five-percent{
	width:25%;
	position:relative;
	float:left;
	height:599px;
	padding:50px 0 0 0;
}

section.logo h2, section.iconography h2, section.assets h2{
	font-size:18px;
	color:#333544;
	margin: 0;
}

section p{
	font-size:18px;
	color:#333544;
	margin:0 0 10px;
	width:85%;
	line-height:1.2;
}

section p.top-bottom-margin{
	margin:10px 0;
}

p.margin-bottom{
	margin:0 0 10px 0;
}

p.margin-bottom-arrow{
	margin:0 0 190px 0;
}

#iconography-box p.margin-bottom-arrow{
	margin:10px 0 190px 0;
}

#download-box p.margin-bottom-arrow{
	margin:0px 0 190px 0;
}

section .read-more{
	float:left;
	padding:8px 60px 8px 15px;
	margin-top:10px;
	background-color:#8958ff;
	font-family: 'ReplicaBold';
	font-size:20px;
	color:#e1e1e6;
	border-radius:5px;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 5px; 
	/* Firefox 1-3.6 */
	-moz-border-radius: 5px; 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 5px; 
	background-image:url('../images/arrow_white_small_right.png');
	background-position:88% 53%;
	background-repeat:no-repeat;
	background-size:17px 18px;
	width: 180px;
}

img.arrow-down{
    position: relative;
	clear:both;
	float:left;
}

body.home #welcome img.arrow-down{
	margin-top:;
}

section .seventy-five-percent{
	width:75%;
	float:left;
	position:relative;
}

section .full-width-box{
	width:100%;
	position:absolute;
}

section .seventy-five-percent img.xura-logo{
	display: block;
    margin: 0 auto;
	width:60%;
	margin-top:23%;
}

section.logo .seventy-five-percent img.grey-circle{
	position:absolute;
	display: block;
	cursor:pointer;
	opacity: 0.2;
}
	
section.logo .seventy-five-percent .rollover{
	left: 72%;
    top: 58%;
	cursor:pointer;
	width:80px;
	position:absolute;
}

.rollover-original{
	left: 72%;
    top: 58%;
	cursor:pointer;
	width:80px;
	position:absolute;
	opacity:1;
}

.rollover-reveal{
	left: 72%;
    top: 58%;
	cursor:pointer;
	width:80px;
	position:absolute;
	display:block;
	opacity:0;
}

section.logo .seventy-five-percent p.rollover-text{
	font-family: 'ReplicaBold';
	font-size:18px;
	color:#8958ff;
	position:absolute;
    margin: -8px 0 0 36px;
}

section.logo .seventy-five-percent p.for-more{
	display: block;
	font-size:18px;
	color:#8958ff;
	position:absolute;
	margin: 8px 0 0 36px;
}


section.logo .seventy-five-percent .rollover-reveal:hover{
	opacity:1;
} 

section.logo .seventy-five-percent .rollover-reveal:hover .rollover-original{
	opacity:0;
	display:none;
}

/* SWIFFY */

section.swiffy-animation{
	width:100%;
	background-color:#e1e1e6;
	display:none;
}

#swiffycontainer{
	width: 1500px; 
	height: 871px; 
	margin:0 auto;
}

iframe {
	width:100%;
	height:100%;
	position: absolute;;
	top:0;
	display: none;
	-webkit-transition: all 1s;
    transition: all 1s;
	z-index: 0;
	opacity:0;
}
section.logo .iframe-read {
	position:absolute;
	left: 50%;
	bottom:50px;
	margin-left: -90px;
	-webkit-transition: all 1s;
    transition: all 1s;
	z-index: 0;
	opacity:0;
}
iframe.show {
	display: block;
	opacity:1;
	z-index: 1;
}
section.logo .iframe-read.show {
	opacity:1;
	z-index: 1;
}
.close {
	position:absolute;
	top:0;
	right: 2px;
	width: 56px;
	cursor: pointer;
}

/* INDEX COLOUR */

section.colour, section.tone-of-voice{
	background-color:#8958ff;
	position: relative;
	-webkit-transition: all .5s;
    transition: all .5s;
}

section.colour h2,
section.tone-of-voice h2,
section.our-brand h2 {
	font-size:18px;
	color:#e1e1e6;
	margin: 0;
}

section.colour p,
section.tone-of-voice p,
section.our-brand p {
	color:#e1e1e6;
}

section.colour .read-more, section.tone-of-voice .read-more{
	background-color:#e1e1e6;
	color:#8958ff;
}

section .read-more.white-button{
	background-image:url('../images/arrow_purple_small_right.svg');
}

/* INDEX TYPOGRAPHY */

section.typography, section.infographics{
	background-color:#333544;
	position: relative;
	-webkit-transition: all .5s;
    transition: all .5s;
}

section.typography h2, section.infographics h2{
	font-size:18px;
	color:#e1e1e6;
	margin: 0;
}

section.typography p, section.infographics p{
	color:#e1e1e6;
}


/* INDEX IMAGERY */

section.imagery{
	background-color:#ffffff;
	position: relative;
	-webkit-transition: all .5s;
    transition: all .5s;
	background-image:url("../images/index_imagery_02.jpg");
	background-repeat:no-repeat;
	background-size:cover;
}

section.imagery h2{
	font-size:18px;
	color:#333544;
	margin: 0;
}

section.imagery p{
	color:#333544;
}

body.home section#imagery-box .slideshow-use-of-imagery img, body.home section#imagery-box .slideshow-intro-imagery img {
    width: 100%;
	
}

/* body.home section#imagery-box .inner {
    height:auto;
} */

body.home section#imagery-box .twenty-five-percent {
    position: absolute;
    z-index: 1;
}

body.home section#imagery-box img.arrow-down {
    position: absolute;
    bottom: 50px;
    z-index: 1;
}

section.imagery {
    max-height: 691px;
}

body.home section#imagery-box .inner, body.home section#imagery-box #swiffycontainerimage{
		height:691px;
	}

	
/* TONE OF VOICE */

body.home section#tone-of-voice-box .inner, body.home section#tone-of-voice-box #swiffycontainertov{
		height:691px;
	}
	
	body.home section#tone-of-voice-box #tovContent .twenty-five-percent {
		height: 599px;
	}






/* SHARE/UPDATED */

.home section.share-updated{
	position: relative;
	z-index: 100;
}
section.share-updated{
	background-color:#333544;
}
section.share-updated p{
	margin-bottom: 0;
}

section.share-updated .inner, section.footer .inner,
body.home section.share-updated .inner, body.home section.footer .inner  {
	height:auto;
}

.thirty-three-percent{
	width:30%;
	margin-right:5%;
	float:left;
	margin-top:3%;
	margin-bottom:3%;
	padding:1.4% 0 1.4% 0;
}

.thirty-three-percent.download-assets{
	background-color:#8958ff;
}

.thirty-three-percent.download-assets a{
	background-image:url("../images/arrow_white_down.png");
	background-repeat:no-repeat;
	background-position:90% center;
	background-size: 35px 32px;
}

.thirty-three-percent.download-assets a:hover{
	/* background-image:url("../images/arrow_white_up.png"); */
	opacity:1;
}

.thirty-three-percent.share a{
	background-image:url("../images/arrow_purple_diagonally_up.gif");
	background-repeat:no-repeat;
	background-position:90% center;
	background-size: 27px 27px;
}

.thirty-three-percent.share a:hover{
	/* background-image:url("../images/arrow_purple_diagonally_down.gif"); */
	opacity:1;
}

.thirty-three-percent.updated a{
	background-image:url("../images/white_pen.png");
	background-repeat:no-repeat;
	background-position:90% center;
	background-size: 38px 37px;
}

.thirty-three-percent.updated a:hover{
	/* background-image:url("../images/white_pen_hover.png"); */
	opacity:1;
}

.thirty-three-percent.share{
	background-color:#e1e1e6;
}

#share-updated .thirty-three-percent{
	padding:0 0 0 0;
}

#share-updated .thirty-three-percent a{
	display:block;
	padding:18px 0;
	width:100%;
	cursor:pointer;
}

.thirty-three-percent.updated{
	background-color:#a0a0be;
	margin-right:0%;
}

.thirty-three-percent p.line-one{
	padding-left:5%;
	font-family: 'ReplicaBold', arial, sans-serif;
	font-size:20px;
}

.thirty-three-percent p.line-two{
	font-family: 'ReplicaLight', arial, sans-serif;
	padding-left:5%;
	padding-right: 30px;
}

img.arrow-purple-diagonally-up, img.white-pen{
	float:right;
	width:40px;
	height:40px;
	margin: -41px 20px 0px 0px;
	font-size:20px;
}

.download-assets p{
	color:#e1e1e6;
}

.share p{
	color:#8958ff;
}

.updated p{
	color:#e1e1e6;
}

body.imagery section .seventy-five-percent {
    padding: 50px 0;
	margin:0px;
}

body.our-brand #intro-area,
body.bringing-it-all-together #intro-area {
	height: 600px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.l-purple {
	background-color: #a0a0be;
}

.brochure-box {
	margin: 110px 0 110px;
	text-align: center;
}
.brochure-box img {
	margin: 0 5%;
}
.separator {
	margin-top: 30px;
	width: 100%;
	display: inline-block;
}

#more-opportunities,
#brochures {
	background-image: url('../images/more-opportunities.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 640px;
	display: table;
}
#brochures {
	background-image: url('../images/bringing1.jpg');
	background-size: contain;
	margin-top: 115px;
}
#more-opportunities .inner {
	display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}
#more-opportunities h2 {
	font-size: 46px;
	color: #333544;
	margin-top: 0;
}
#more-opportunities h2 span {
	color: white;
}

#expressive-values,
#functional-values {
	padding: 0 0 230px;
}
#expressive-values .slideshow-tov,
#functional-values .slideshow-tov {
	text-align: center;
	margin-top: 100px;
}
#expressive-values .slideshow-tov .slick-slide,
#functional-values .slideshow-tov .slick-slide {
	padding: 0;
}
#expressive-values .slideshow-tov h2,
#functional-values .slideshow-tov h2 {
	font-size: 110px;
	margin-top: 0;
	line-height: 1;
	color: #8958ff;
}
#expressive-values .slideshow-tov p,
#functional-values .slideshow-tov p {
	width: 100%;
	font-size: 26px;
}

#beyond {
	background-image: url('../images/beyond.png');
	background-size: auto 110%;
	background-position: 100px center;
	background-color: #E1E1E6;
	background-repeat: no-repeat;
	min-height: 800px;
}
#beyond .twenty-five-percent {
	margin-left: 250px;
}

#no-boundaries {
	min-height: 734px;
	width: 100%;
	background-image: url('../images/no-boundaries.png');
	background-size: cover;
	background-position: center center;
}





#expressive-values .slick-prev,
#expressive-values .slick-next,
#functional-values .slick-prev, 
#functional-values .slick-next,
#how-we-talk .slick-prev,
#how-we-talk .slick-next {
    bottom: 60px;
}
#tov-examples-box .seventy-five-percent,
#expressive-values .seventy-five-percent,
#functional-values .seventy-five-percent,
#how-we-talk .seventy-five-percent {
    padding: 50px 0;
}
#expressive-values .slideshow-tov,
#functional-values .slideshow-tov,
#how-we-talk .slideshow-tov {
    margin-top: 50px;
    text-align: center;
}
#expressive-values,
#functional-values,
#how-we-talk {
    padding: 0;
}





.purple-text {
	color: #8958FF !important;
}
.dark-grey {
	color: white !important;
	background-color: #333544 !important;
}

body.imagery section#use-of-imagery .twenty-five-percent,
body.imagery section#intro-imagery .twenty-five-percent,
body.home section#our-brand .inner {
    position:relative;
	z-index:1;
}

.slideshow-brand,
.slideshow-use-of-imagery {
	max-width: 100%;
    position: absolute !important;
    top: 0;
    width: 100%;
}

#use-of-imagery {
	min-height: 470px;
	position: relative;
}

body.home section#our-brand {
	min-height: 691px;
	position: relative;
}

body.imagery section#use-of-imagery img, body.imagery section#intro-imagery img {
    width:100%;
}

#image-bank-02 .seventy-five-percent{
	padding:50px 0;
}

#image-bank-02 .seventy-five-percent img{
	width:31%;
	margin:0% 2% 2% 0%;
}

#image-bank-02 .seventy-five-percent img:nth-child(3n+3){
	margin-right:0%
}

/* INDEX ASSETS */

img.assets-icon{
	float: right;
    position: absolute;
    right: 80px;
    top: 168px;
}

.slideshow-brand div {
	width: 100%;
	height: 100%;
	min-height: 800px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


/* SWIFFY READ MORE BUTTONS */

#logoCTA, #colourCTA , #typoCTA, #imageCTA, #iconCTA, #infogCTA, #tovCTA{
	position: absolute;
    top: 76%;
    left: 50%;
    margin-left: -91px;
}

section#colour-box .inner #colourCTA .read-more{
    float: left;
    padding: 8px 60px 8px 15px;
    margin-top: 10px;
    background-color: #8958ff;
    font-family: 'ReplicaBold';
    font-size: 20px;
    color: #e1e1e6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: url('../images/arrow_white_small_right.png');
    background-position: 88% 53%;
    background-repeat: no-repeat;
    background-size: 17px 18px;
    width: 180px;
}
/* SWIFFY CLOUDS */

#swiffycontainertop {
	width:100%;
	height:100%;
    position: absolute;
	z-index:10;
	overflow: hidden;
}

#swiffycontainertop div,
#swiffycontainertop div canvas {
	position: fixed !important;
}



/* FOOTER */

section.footer{
	background-color:#8958ff;
	padding-top:2%;
	padding-bottom:2%;
}

section.footer ul{
	display:inline-block;
	font-family: 'ReplicaLight', arial, sans-serif;
	font-size:20px;
	color:#e1e1e6;
	padding-left:40px;
}

section.footer ul li{
	display:inline-block;
	margin-right:10px;
}

section.footer ul li.jump{
	font-family: 'ReplicaBold', arial, sans-serif;
}

section.footer ul li a{
	color:#e1e1e6;
}

img.footer-logo{
	float:right;
	margin-top: 6px;
	
}

/****** POP UPS ******/

.full-screen-pop-up{
	height:100%;
	width:100%;
	background-color:#333544;
	background-color: rgba(51,53,68,0.7);
	position:fixed;
	display:block;
	top:0;
	left:0;
	z-index:1000;
	overflow: auto;
}

.full-screen-pop-up.detail{
	display:none;
}

.full-screen-pop-up.assets{
	display:none;
}

.full-screen-pop-up.updated{
	display:none;
}

.full-screen-pop-up.share{
	display:none;
}

.pop-up{
	position:absolute;
	max-width:466px;
	width:100%;
	display:block;
	padding:25px;
	background-color:#e2e1e7;
	position: absolute;
    top: 50%;
    left: 50%;
	z-index:1001;
}

.pop-up.share-this-page{
	margin-top: -244px;
    margin-left: -218px;
	background-image:url("../images/share_icon.png");
	background-position:400px 25px ;
	background-repeat:no-repeat;
	background-size:40px;
}

.pop-up.keep-me-updated{
	margin-top: -192px;
    margin-left: -218px;
	background-image:url("../images/updated_icon.png");
	background-position:400px 25px ;
	background-repeat:no-repeat;
	background-size:23px;
}

.pop-up.assets-password{
	margin-top: -128px;
    margin-left: -218px;
	background-image:url("../images/assets_icon.png");
	background-position:400px 25px ;
	background-repeat:no-repeat;
	background-size:30px;
}

.pop-up.details{
	top: 0;
	margin-top: 100px;
    margin-left: -218px;
	background-image:url("../images/detail_icon.png");
	background-position:400px 25px ;
	background-repeat:no-repeat;
	background-size:30px;
	padding-bottom:20px;
}

.pop-up p{
	width: 100%;
	font-size:20px;
	font-family: 'ReplicaBold', arial, sans-serif;
}

.pop-up p.title{
	color:#333544;
	padding:0 0 0 0;
}

.pop-up.details p.title{
	padding:0 0 40px 0;
	border-bottom: solid 1px #8958ff;
}

.pop-up.assets-password p.title{
	color:#333544;
	padding:0 0 65px 0;
}

.pop-up p.sub-title{
	color:#8958ff;
	padding:0 0 30px 0;
}

.pop-up p.description{
	font-family: 'ReplicaLight', arial, sans-serif;
	color:#a19ec9;
	padding:0 0 30px 0;
}

.update-section{
	padding:10px 0 10px 0;
	border-bottom: dotted 1px #8958ff;
}

.update-section p.date{
	font-family: 'ReplicaBold', arial, sans-serif;
	font-size:12px;
	color:#333544;
}

.update-section p.heading{
	font-family: 'ReplicaBold', arial, sans-serif;
	font-size:18px;
	color:#333544;
}

.update-section p.copy{
	font-family: 'ReplicaLight', arial, sans-serif;
	font-size:18px;
	line-height:18px;
}

form input{
	width:100%;
	padding:10px;
	margin-bottom:10px;
	border:none;
	font-family: 'ReplicaLight', arial, sans-serif;
	font-size:20px;
	color:#a19ec9;
	-webkit-appearance: none;
    border-radius: 0;
}

form textarea{
	width:100%;
	padding:10px;
	margin-bottom:10px;
	border:none;
	font-family: 'ReplicaLight', arial, sans-serif;
	font-size:20px;
	color:#a19ec9;
	-webkit-appearance: none;
    border-radius: 0;
}

form input[type=button]{
	padding:10px 40px 10px 10px;
	background-color:#8958ff;
	font-family: 'ReplicaBold', arial, sans-serif;
	color:#e5e0e7;
	margin-bottom:0px;
	background-image:url("../images/submit_arrow.gif");
	background-repeat:no-repeat;
	background-size:9px;
	float: left;
}

p.cancel-button{
	padding:10px;
	background-color:#a0a0be;
	font-family: 'ReplicaBold', arial, sans-serif;
	color:#e5e0e7;
	margin-bottom:0px;
	background-image:url("../images/cancel2.gif");
	background-repeat:no-repeat;
	background-size:9px;
	background-position: 88px 19px;
	max-width:112px;
	display: inline-block;
	float: right;
	cursor:pointer;
}
.wpcf7-form p.cancel-button {
	margin-top: -55px;
}

.assets-password input[type=submit] {
	width: auto;
	margin-top: 0;
	-webkit-appearance: none;
    border-radius: 0;
    color: white;
    font-family: 'ReplicaBold', arial, sans-serif;
}

.pop-up.details p.cancel-button{
	margin-top:11px;
}

.pop-up.share-this-page form input[type=submit]{
	max-width:100px;
	background-position:78px 17px ;
	margin-top: 0;
	background-color: #8958ff;
	color: white;
	font-family: 'ReplicaBold', arial, sans-serif;
}

.pop-up.keep-me-updated form input[type=submit]{
	max-width:200px;
	background-position:90px 17px ;
	margin-top: 0;
	background-color: #8958ff;
	color: white;
	font-family: 'ReplicaBold', arial, sans-serif;
}

.pop-up.assets-password form input[type=button]{
	max-width:120px;
	background-position:98px 17px ;
	margin-top: 0;
	background-color: #8958ff;
	color: white;
	cursor: pointer;
	font-family: 'ReplicaBold', arial, sans-serif;
}

.close-pop-up{
	position:absolute;
	top:-70px;
	left:410px;
	cursor:pointer;
}

div.wpcf7-response-output {
	border: none !important;
	margin: 20px 0 0 !important;
	padding: 0 !important;
}


/****** SECONDARY PAGES ******/

/* INTRO-AREA FOR ALL SECONDARY PAGES*/

section#intro-area .twenty-five-percent{
    position:absolute;
	z-index:1;
}

section.intro{
	padding-top:50px;
}



#side-nav {
	position: fixed;
	right: 50px;
	top: 40%;
	z-index: 100;
}
#side-nav ul {

}
#side-nav ul li {
	text-align: right;
}
#side-nav ul li a {
	position: relative;
	 font-family: "ReplicaLight";
}
#side-nav ul li a:hover {
	opacity: 1;
}
#side-nav ul li a:hover span,
#side-nav ul li.active a span {
	color: #a0a0be;
	opacity:1;
}
#side-nav ul li a span {
	color: #a0a0be;
	opacity:0;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#side-nav ul li a::after {
	position: absolute;
	right: -20px;
	top: 5px;
	content: "";
	width: 12px;
	height: 12px;
	background-color: #a0a0be;
	border-radius: 150px;
}
#side-nav ul li a:hover::after,
#side-nav ul li.active a::after {
	background-color: #8958ff;
}

/*.home .welcome p:last-of-type {
	margin: 0 0 10px;
}*/

.home section#bringing-box {
	background-image: url('../images/Xura_image_01.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%l;
	height: 100%;
	max-height: 600px;
} 
.home section#bringing-box .inner {
	height: 600px;
}
.home section#bringing-box .inner .twenty-five-percent {
	height: 499px;
}

/* LOGO PAGE */

.welcome p:last-of-type {
	margin: 0 0 190px;
}

.banner{
	width:100%;
	background-color:#8958ff;
	height:50px;
	position:fixed;
	z-index:100;
}

.xura-white{
	margin:0px 0 0 0;
	padding:18px 10px 15px;
	border-right:solid 1px #e1e1e6;
}

ul.top-nav{
	display:inline-block;
	font-family: 'ReplicaLight', arial, sans-serif;
	font-size:20px;
	color:#e1e1e6;
	position:absolute;
	margin:11px 0 0 20px;
}

ul.top-nav li{
	display:inline-block;
	margin-right:10px;
}

ul.top-nav li.solid a{
	color:#333544;
}

section .inner{
	height:auto;
}

.box{
	width:100%;
	position: relative;
	-webkit-transition: all .5s;
    transition: all .5s;
	background-image:;
}

.box.d-grey{
	background-color:#5d5d5d;
}

.box.white{
	background-color:#ffffff;
}

.box h2{
	margin:50px 0 0;
}

.d-grey h2, .d-grey p, .white h2, .white p{
	color:#333544;
}

.black{
	background-color:#333544;
}

.black h2, .black p, .black p a{
	color:#e1e1e6;
}

.l-grey{
	background-color:#e1e1e6;
}

.l-grey h2, .l-grey p, .l-grey p a,
.l-purple h2, .l-purple p, .l-purple p a {
	color:#333544;
}

.purple{
	background-color:#8958ff;
}

.purple h2, .purple p {
	color:#e1e1e6;
}

body.logo section.welcome img.arrow-purple{
	margin-top:14%;
}

section.welcome .inner{
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
}

.graphic{
	width:90%;
	margin:0 auto;
	display:block;
	margin-top:50px;
	margin-bottom:50px;
}

.graphic.exclusion-zone{
	max-width:630px;
	margin-top:150px;
	margin-bottom:150px;
}

.graphic.reversed-logo{
	max-width:630px;
	margin-top:250px;
	margin-bottom:250px;
}

.graphic.mono-logo{
	margin-top:50px;
	max-width:1040px;
}

.graphic.sizing{
	max-width:890px;
	margin-top:100px;
	margin-bottom:100px
}

.graphic.sizing.incorrect-uses{
	max-width:890px;
	margin-top:50px;
	margin-bottom:50px
}

.graphic.sizing.mobile{
	display:none;
}

/* COLOUR PALETTE PAGE */
#extra-colours .thirty-percent, #secondary-colours-usage .thirty-percent, #colour-palette-usage .fifty-percent{
    padding: 150px 2% 150px 2%;
}

#secondary-colours-box .thirty-percent {
    padding: 100px 2% 50px 2%;
}

#secondary-colours-usage{
	border-top:solid 3px #ffffff;
}

#colour-palette-usage{
	border-top:solid 3px #e1e1e6;
}
#primary-colours-box .seventy-five-percent {
    padding-top: 100px;
    padding-bottom: 70PX;
}

.fifty-percent{
	display:block;
	position:relative;
	float:left;
	width:50%;
	padding:50px 8% 50px 8%;
}
.hundred-percent{
	display:block;
	position:relative;
	float:left;
	width:100%;
	padding:50px 0;
}

.colour-detail img{
	width:100%;
}

.colour-detail .text{
	position:absolute;
	top:42%;
	left:30%;
}

.colour-detail .text p{
	width:100%;
}

.colour-detail .text.dark p{
	color:#333544;
}

.thirty-percent{
	display:block;
	position:relative;
	float:left;
	width:33.3%;
	padding:50px 2% 50px 2%;
}

.thirty-percent.colour-detail .text{
	top:37%;
	left:26%;
}

#extra-colours .thirty-percent.colour-detail .text {
    top: 40%;
    left: 26%;
}

p.colour-name{
	font-family: 'ReplicaBold', arial, sans-serif;	
}

.center-image{
	padding-top:20%;
}

/* .seventy-five-percent{
	margin-bottom:3%;
} */

p.colour-name-2{
	width:100%;
	text-align:center;
	font-size:18px;
	font-family: 'ReplicaBold';
	margin-top:40px;
	height:65px;
}

p.turquoise{
	color:#00e5d6;
}

p.magenta{
	color:#d756f7;
}

p.blue{
	color:#00b9ff;
}
.please-note, section h5 {
	font-family: 'ReplicaBold';
	opacity:0.6;
	font-size: 15px;
}

.bold, b, strong {
	font-family: 'ReplicaBold';
	padding-top:10px;
}

/* TYPOGRAPHY PAGE */

#typography-box{
    border-top: solid 1px #8958ff;
}

h4{
	font-family: 'ReplicaBold';
	color:#8958ff;
}

.graphic.seven-hundred_px{
	max-width:700px;
    margin-top: 150px;
    margin-bottom: 150px;
}

.purple-font{
	color:#8958ff;
	font-family: 'ReplicaBold';
}

/* IMAGERY PAGE */

section.welcome p.margin-top{
	margin-top:10px;
}

#intro-area h1{
	font-family: 'ReplicaBold';
	color:#8958ff;
	font-size:50px;
	padding-top:33px;
	width:130%;
	line-height: 100%;
}

#intro-area h1.black-heading{
	color:#333544;
}

p.assets-button, p.share-button, p.updated-button,
#intro-area a {
	position:absolute;
	z-index:99;
	bottom:25px;
	font-family: 'ReplicaLight';
	font-size:14px;
	border-radius: 4px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	cursor:pointer;
	background-size:19px 19px;
	background-repeat:no-repeat;
	margin-bottom: 10px;
}

p.assets-button,
#intro-area a {
	background-color:#a0a0be;
	padding:10px 0px 10px 10px;
	width:145px;
	color:#333544;
	background-image:url("../images/assets_arrow_down.gif");
	background-position: 120px 8px;
	line-height: 1.2;
}

p.assets-button:hover,
#intro-area a:hover {
	background-image:url("../images/assets_arrow_up.gif");
	background-position: 120px 8px;
	opacity: 1;
}

p.share-button{
	background-color:#8958ff;
	padding:10px 0px 10px 10px;
	width:77px;
	color:#e1e1e6;
	margin-left:165px;
	background-image:url("../images/share_arrow_up.gif");
	background-position: 49px 8px;
}

p.share-button:hover{
	background-image:url("../images/share_arrow_down.gif");
	background-position: 49px 8px;
}

p.updated-button{
	background-color:#e1e1e6;
	padding:10px 0px 10px 10px;
	width:150px;
	color:#8958ff;
	margin-left:262px;
	background-image:url("../images/updated_pen_down.gif");
	background-position: 124px 8px;
}

p.updated-button:hover{
	background-image:url("../images/updated_pen_up.gif");
	background-position: 124px 8px;
}

body.imagery section#use-of-imagery img.xura-purple{
    position: absolute;
    z-index: 1;
    width: 600px;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -57px;
}

body.iconography  section#service-icons-box .seventy-five-percent, body.iconography section#legibility-box .seventy-five-percent  {
    padding-top: 100px;
    padding-bottom: 70px;
}

#swiffycontainerimage{
	height:691px;
}

/* ICONOGRAPHY PAGE */

.service-icons img{
	max-width:100%;
	margin:0 auto;
	display:block;
}

.service-icons{
	
}

p.icons-name{
	text-align:center;
	width:100%;
}	

.no-h2{
	margin-top:50px;
}

/* #legibility-box .seventy-five-percent .service-icons{
	padding-top:17%;
} */

#supporting-icons-box .seventy-five-percent{
	padding-top:50px;
}

#supporting-icons-box .seventy-five-percent img{
	margin-right:8%;
	width:11%;
    margin-bottom: 60px;
}

.supporting-icon-imagery-container{
	width:85%;
	display:block;
	margin:0 auto;
}

/* ICONOGRAPHICS PAGE */

#examples-box img.graphic{
	max-width:606px;
}

#examples-2-box  .seventy-five-percent{
	padding:50px 0;
}

#examples-3-box img.example-3{
	max-width:600px;
	display:block;
	margin:0 auto;
	width:100%;
}

#examples-3-box  .seventy-five-percent{
	padding:50px 0 50px 0;
}



/* TONE OF VOICE PAGE */

#tov-examples-box .seventy-five-percent, #how-we-talk .seventy-five-percent{
	padding:50px 0 50px 0;
}

#tov-examples-box .fifty-percent{
    padding: 0% 1% 0% 1%;
}

#mobile-navigation ul{
		display:none;
	}
	
iframe.brand-film {
	width:100%;
	height:100%;
	position: relative;
	/* top:0; */
	display: block;
	-webkit-transition: all 1s;
    transition: all 1s;
	z-index: 0;
	opacity:1;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe.brand-film .player .title {
    padding: 0px;
}


/* ASSETS */

body.page.assets section#intro-area .inner {
    height: 691px;
	position:relative;
}

body.page.assets img.assets-icon{
    position: absolute;
    left: 50%;
    top: 50%;
	margin-left:-125px;
	margin-top:-188px;
}

#download-file-box {
	border-top: solid 1px #8958ff;
	border-bottom: solid 1px #8958ff;
}

body.page.assets  section#download-file-box .inner {
    padding:50px 50px 200px 50px;
}

#download-file-box .fifty-percent{
	width:48%;
	margin: 0 4% 0 0;
	padding:0px;
	float:left;
}

#download-file-box .fifty-percent.right{
	margin:0 0 0 0%;
}

#download-file-box h5{
	font-family: 'ReplicaBold';
	border-bottom:solid 1px #8c5bff;
	font-size:30px;
	margin-bottom:8px;
	margin-top:50px;
	color:#8c5bff;
	float:left;
}

#download-file-box .item{
	width:100%;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:dotted 1px #8958ff;
	display:block;
	position:relative;
	float:left;
}

#download-file-box .item img{
	float:left;
}

#download-file-box .item .title {
	font-family: 'ReplicaLight';
	float:left;
	font-size:30px;
	width:auto;
	padding-left:20px;
	padding-top:11px;
	color: white;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	position: static;
}

#download-file-box .item p.file-size{
	font-family: 'ReplicaLight';
	float:right;
	font-size:30px;
	width:auto;
	padding-top:11px;
	color:#8c5bff;
}

*{
	outline:0;
}

.page-id-12 .slick-prev,
.page-id-12 .slick-next {
    bottom: auto;
    margin-top: -24px;
    top: 50%;
}
.page-id-12 .slick-next {
    margin-right: 0;
    right: 70px;
}

@media only screen and (max-width: 992px) {
	.slick-next {
		right: -38px !important;
	}
	.slick-prev {
		left: -38px !important;
	}
}
@media only screen and (max-width: 480px) {
	.slick-next {
		right: 0 !important;
	}
	.slick-prev {
		left: 0 !important;
	}
}


@media only screen and (max-width: 1500px) {
	
	#download-file-box .fifty-percent {
		width: 100%;
	}
	
}

@media only screen and (max-width: 1390px) {
	
	body.home section#imagery-box .inner, body.home section#imagery-box #swiffycontainerimage{
		height:492px;
	}
	
}

@media only screen and (max-width: 1315px) {
	
	body.home section#tone-of-voice-box .inner, body.home section#tone-of-voice-box #swiffycontainertov{
		height:520px;
	}
	
	body.home section#tone-of-voice-box #tovContent .twenty-five-percent {
		height: 428px;
	}
	
}


@media only screen and (max-width: 1280px) {
	
	#swiffycontainerimage{
		height:535px;
	}
	
}

@media only screen and (max-width: 1200px) {
	
	body.home section#imagery-box .inner, body.home section#imagery-box #swiffycontainerimage{
		height:492px;
	}

	.thirty-percent.colour-detail .text {
		top: 33%;
		left: 22%;
	}
	
	.colour-detail .text {
		top: 37%;
		left: 30%;
	}
	
	/* body.home section#imagery-box .inner {
		height: 450px;
	} */
	
}

@media only screen and (max-width: 992px) {
	
	#extra-colours .thirty-percent, #secondary-colours-usage .thirty-percent, #colour-palette-usage .fifty-percent {
		padding: 50px 2% 50px 2%;
	}
	
	body.home section#tone-of-voice-box #tovContent .twenty-five-percent {
		height: 333px;
	}

	#intro-area h1.black-heading {
		color: #8958ff;
	}
	
	body.page.imagery section#intro-area {
		background-image:url("../images/bank_carousel_04.jpg");
		background-size:cover;
	}
	
	#intro-area h1{
		width:100%;
	}
	
	#swiffycontainerlogo, #swiffycontainercolour, #swiffycontainertypo, #swiffycontainerimage, #swiffycontainericon, #swiffycontainerinfog, #swiffycontainertov{
		display:none;
	}
	
	body.page section#intro-area .inner, body.page.assets section#intro-area .inner {
		height: 300px;
	}
	
	body.home section#tone-of-voice-box .inner, body.home section#tone-of-voice-box #swiffycontainertov{
		height:425px;
	}
	
	body.home section#imagery-box .inner, body.home section#imagery-box #swiffycontainerimage{
		height:425px;
	}
	
	body.info-graphics section#examples-2-box .seventy-five-percent img{
		margin: 0 auto;
		display: block;
	}
	
	body.iconography section#service-icons-box .seventy-five-percent, body.iconography section#legibility-box .seventy-five-percent  {
		padding-top: 0px;
		padding-bottom: 50px;
	}
	
	#primary-colours-box .seventy-five-percent {
		padding-top: 0px;
		padding-bottom: 50PX;
	}
	
	body.imagery section#use-of-imagery img.xura-purple{
		width: 200px;
		margin-left: -100px;
		margin-top: -19px;
	}
	
	.graphic.seven-hundred_px {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.slideshow-index-imagery.slick-initialized.slick-slider{
		display:none;
	}
	
	/* body.home section#imagery-box .inner {
		height: 425px;
	} */
	
	body.home section#imagery-box .inner p{
		width:85%;
	}
	
	
	body.home section .twenty-five-percent {
		width: 100%;
	}
	
	section#assets-box .seventy-five-percent {
		width: 100%;
		position: relative;
	}
	
	body.home section#assets-box .twenty-five-percent{
		width: 100%;
	}
	
	img.assets-icon {
		top: -354px;
	}
	
	section.welcome p {
		width: 80%;
	}
	
	section .twenty-five-percent {
		width: 100%;
	}
	
	section .seventy-five-percent {
		width: 100%;
	}
	
	.thirty-percent {
		padding: 6% 2% 4% 2%;
	}
	
	#supporting-icons-box .seventy-five-percent {
		padding-top: 9%;
	}
	
	#examples-2-box .fifty-percent {
		padding: 2% 1% 1% 1%;
	}
	
	.graphic.exclusion-zone {
		margin-top: 80px;
	}
	
	/* .graphic.reversed-logo {
		margin-bottom: 16%;
	} */

	#share-updated .thirty-three-percent a {
		min-height: 124px;
	}

	.thirty-three-percent.download-assets a, .thirty-three-percent.share a, .thirty-three-percent.updated a{
		background-position: 90% 85%;
	}
	
	.thirty-three-percent p.line-one{
		width: 90%;
	}
	
	.thirty-three-percent p.line-two{
		width: 80%;
	}
	
	section .full-width-box, img.assets-icon {
		display: none;
	}
	
	/*section .inner {
		height: 425px;
	}*/

	body.home section .twenty-five-percent {
		height: 332px;
	}
	
}

@media screen and (max-width:1380px) {
	section.footer ul li {
		float: left;
		clear: both;
		margin-right:15px;
	}
	
	section.footer ul li.clear{
		clear:left;
	}
	
	img.footer-logo {
		float: left;
		margin:100px 0 20px 0;
		width:250px;
	}
}


@media only screen and (max-width: 768px) {
	
	#side-nav {
		display: none;
	}
	#colour-palette-usage .fifty-percent.blank-padding-bottom{
		padding-bottom:0px;
	}
	
	#colour-palette-usage .fifty-percent.blank-padding-top{
		padding-top:0px;
	}
	
	#secondary-colours-box .thirty-percent {
		padding: 50px 2% 0px 2%;
	}
	
	header .inner img.xura-logo {
		width: 400px;
		margin-top:-38px;
		margin-left:-200px;
	}
	
	#tov-examples-box img{
		display:block;
		margin:0 auto;
	}
		
	#tov-examples-box img.bottom-spacing{
		padding-bottom:50px;
	}
	
	#tov-examples-box .seventy-five-percent, #how-we-talk .seventy-five-percent{
		padding-top:20px;
	}
	
	#examples-2-box  .seventy-five-percent{
		padding-top:0px;
	}
	
	#supporting-icons-box .seventy-five-percent img {
		margin-right: 7%;
	}
	
	#examples-2-box  .seventy-five-percent img.bottom-spacing {
		padding-bottom:50px;
	}
	
	.graphic.seven-hundred_px {
		margin-top: 0px;
	}
	
	body.home section.welcome .inner {
		min-height: 600px;
		position: relative;
		height:auto;
	}
	
	section.welcome img.arrow-purple {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.graphic.sizing{
		margin:0 auto;
		margin-top:50px;
	}
	
	.graphic.sizing.last{
		margin-bottom:50px;
	}
	
	ul.top-nav li.solid {
		display: none;
	}
	
	section.welcome p, section p {
		width: 100%;
	}
	
	section.welcome p.top-bottom-margin {
		margin: 50px 0;
	}
	
	section.welcome p.margin-bottom{
		margin: 50px 0;
	}
	
	/* .graphic.exclusion-zone, .graphic.reversed-logo, .graphic.mono-logo{
		margin: 40px 0 50px 0;
	} */
	
	section.welcome p.top-bottom-margin {
		margin: 30px 0;
	}
	
	body.home p.margin-bottom {
		margin: 0 0 30px 0;
	}
	
	section p.margin-bottom{
		margin: 30px 0;
	}
	
	.graphic.sizing.desktop{
		display:none;
	}
	
	.graphic.sizing.mobile{
		display:block;
	    max-width: 350px;
	}
	
	.thirty-percent {
		width: 100%;
	}
	
	.thirty-three-percent {
		width: 100%;
	}
	
	#share-updated .thirty-three-percent a {
		min-height: auto;
	}
	
	.thirty-three-percent.download-assets a, .thirty-three-percent.share a, .thirty-three-percent.updated a {
		background-position: 90% 50%;
	}
	
	section.share-updated {
		background-color: #333544;
		padding: 30px 0;
	}
	
	section.share-updated .thirty-three-percent {
		margin-top: 1%;
		margin-bottom: 1%;
	}
	
	.colour-detail img {
		max-width: 350px;
		display: block;
		margin: 0 auto;
	}
	
	.thirty-percent.colour-detail .text {
		top: 37%;
		left: 29%;
	}
	
	.fifty-percent {
		width: 100%;
	}

	#wpcf7-f26-o2 .cancel-button {
		margin-top: 0;
		float: left;
	}

	.pop-up {
		margin-top: 100px !important;
		margin-bottom: 100px !important;
		top: 0 !important;
	}

	body {
		overflow-x: hidden;
	}

	#expressive-values .slideshow-tov h2, #functional-values .slideshow-tov h2 {
		font-size: 30px;
	}
	#expressive-values .slideshow-tov p, #functional-values .slideshow-tov p {
		font-size: 14px;
	}
	.slideshow-tov .slick-next {
		right: 0 !important;
	}
	.slideshow-tov .slick-prev {
		left:0 !important;
	}
	#expressive-values .slideshow-tov, #functional-values .slideshow-tov {
		margin-top: 0;
	}
	#beyond .twenty-five-percent {
		margin-left: 0;
	}
	#beyond {
		background-position: center center;
		background-size: contain;
		min-height: 600px;
	}
	#no-boundaries {
		background-repeat: no-repeat;
	    background-size: contain;
	    min-height: 190px;
	    background-color: #8857FF;
	}
	#brochures {
		background-size: cover;
	}
	.brochure-box img {
		display: inline-block;
	    margin: 0 0 30px;
	    width: 100%;
	}
	.brochure-box {
	    margin: 55px 0 30px;
	}

	#expressive-values .slick-prev,
	#expressive-values .slick-next,
	#functional-values .slick-prev,
	#functional-values .slick-next,
	#how-we-talk .slick-prev,
	#how-we-talk .slick-next {
		bottom: -20px;
	}

	#expressive-values .slick-next,
	#functional-values .slick-next,
	#how-we-talk .slick-next {
		right: 66.2% !important;
	}

	#expressive-values .slick-prev,
	#functional-values .slick-prev,
	#how-we-talk .slick-prev {
		left: 66.2% !important;
	}
	
	
}

@media only screen and (max-width: 600px) {
	
	.pop-up {
		width: 300px;
	}
	
	.pop-up.share-this-page, .pop-up.assets-password, .pop-up.keep-me-updated ,.pop-up.details {
		margin-left: -150px;
	}
	
	/*p.cancel-button {
    margin-left: 148px;
	}*/
	
	.close-pop-up {
		left: 246px;
	}
	
}

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

	body.page.assets section#download-file-box .inner {
	    padding: 50px 10px 100px;
	}
	#download-file-box .item .title {
		font-size: 20px;
		padding-top: 16px;
	}

	p.assets-button,
	#intro-area a {
		bottom:107px;
		width:150px;
		background-position: 124px 8px;
	}
	
	p.share-button{
		bottom:66px;
		width:150px;
		background-position: 124px 8px;
	}
	
	p.updated-button{
		bottom:25px;
	}
	
	p.share-button,	p.updated-button{
		margin-left:0px;
	}
	
	p.assets-button:hover, p.share-button:hover{
		background-position: 124px 8px;
	}
	
	#use-of-imagery p{
		display:none;
	}
	
	header .inner img.xura-logo {
		width: 300px;
		margin-top: -29px;
		margin-left: -150px;
	}
	
	body.home header .inner h1{
		font-size:24px;
	}
	
	.inner h1, body.home header .inner h3 {
		font-size:16px;
		margin: 0px 0 50px 0;
	}
	
	body.home header .inner img.details {
		margin: 4px 0 0 10px;
	}
	
	body.home section .inner {
		display:none;
	}
	.home section#bringing-box,
	body.home section#our-brand {
		display: none;
	}
	
	body.home section.welcome .inner, body.home section.footer .inner  {
		display:block;
	}
	
	#mobile-navigation ul{
		display:block;
	}
	
	#mobile-navigation ul li{
		border-bottom: solid 1px #a0a0be;
		background-color:#e1e1e6;
	}
	
	#mobile-navigation ul li a{
		padding: 10px 0 10px 20px;
		font-size:30px;
		font-family: 'ReplicaBold';
		color:#8958ff;
		width:100%;
		display:block;
		background-image:url("../images/mobile_menu_arrow.png");
		background-size:27px;
		background-repeat:no-repeat;
		background-position:95% center;
	}
	
	.inner, .relative {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	section.welcome img.arrow-purple {
		display:none;
	}
	
	header .menu-container ul.menu {
		width: 200px;
	}
	
	body.home header {
		min-height: 300px;
	}

	section.footer ul {
		padding-left: 0;
	}
	
}


@media only screen and (max-width: 400px) {
	
	.thirty-percent.colour-detail .text {
		top: 22%;
		left: 22%;
	}
	
	.thirty-percent.colour-detail .text p{
		font-size:18px;
	}
	
}