.page-node-4505{
	background:#e76236;
	font-family:"Roboto", sans-serif;
}

.page-node-4505 #block-block-1{display:none}

.mobolise-confirmation-message{
	font-size:36px;
	text-align:center;
	color:#000;
	padding:30px;
}

.page-node-4505 .fa-check-circle-o{
	display:none;
}

.mobolise-header{
	background-color:#fff;
	height:80px;
	text-align:center;
}

.mobolise-header img{
	max-width:200px;
	padding-top:10px
}

.white-text{color:#fff !important;}
.black-text{color:#000;}

.orange-bgd{background-color:#e76236;}


.mobolise-page h1{
	font-size:60px;
	font-weight:bold;
}
.mobolise-page h2,
.page-node-4505 .block-webform h2{
	margin:0;
	font-size: 35px;
	font-weight:bold;
	padding:20px 0 0;
	line-height: 40px;
}
.mobolise-page h3{
	font-size:26px;
}


.mobolise-page .sub-title{
	text-align:center;
	margin-bottom: -10px;
}

.mobolise-page .sub-title h2{
	width:70%;
	margin:0 auto;
	position:relative;
	top:-40px;
}

.mobolise-page .sub-title h3{
	position:relative;
	top:-45px;
}


.mobolise-page .banner-wrapper,
.mobolise-page .video-wrapper{
	position:relative;
}
.mobolise-page .banner-wrapper{
	margin-bottom:100px;
}

.mobolise-page .page-title{
	text-align:center;
	width:100%;	
}


.mobolise-page .row-3{
	margin:0;
	padding-bottom:70px
}
.mobolise-page .row-3 .left-col{
	padding:0;
}
.mobolise-page .row-3 .right-col .black-text{
	padding-bottom: 30px;
}

.mobolise-page .row-3 .right-col h2{
    padding-bottom:30px;
}

.mobolise-page .row-3 .right-col .white-text h3{
	color:#fff;
	font-weight:300;
	font-size:24px;
}

.mobolise-page .row-3 .right-col ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.mobolise-page .row-3 .right-col li {
  padding-left: 16px;
  text-indent: -14px;
  font-size:24px;
}

.mobolise-page .row-3 .right-col li:before {
  content: "\00BB \0020";
  padding-right: 5px;
  font-size:42px;
  font-weight:bold;
  position:relative;
  top:5px;
}




/*==============   WEBFORM stuff   ===================*/
.page-node-4505 .block-webform{
	/* margin-left: 4px; */
	/* margin-right:-15px; */
	background-color: #000;
	width: 100vw;
	position: relative;
	left: calc(-1 * (100vw - 100%) / 2);
}



.page-node-4505 .block-webform .content{margin-left:auto; margin-right:auto;}
@media (min-width: 1200px){.page-node-4505 .block-webform .content{width: 1170px;}}
@media (min-width: 992px){ .page-node-4505 .block-webform .content {width: 970px;}}
@media (min-width: 768px){ .page-node-4505 .block-webform .content {width: 750px;}}




.page-node-4505 .block-webform h2{
    color:#fff;
    text-align:center;
    font-size:50px;
	font-weight:bold;
	padding:50px 0 30px;
}
.page-node-4505 .block-webform .form-item label{
	color:#e5e5e5;
	position: initial !important;
	overflow: visible;
}

.page-node-4505 .block-webform .form-item ::placeholder,           /* Chrome, Firefox, Opera, Safari 10.1+ */
.page-node-4505 .block-webform .form-item :-ms-input-placeholder,  /* Internet Explorer 10-11 */
.page-node-4505 .block-webform .form-item ::-ms-input-placeholder, /* Microsoft Edge */
.page-node-4505 .block-webform .form-item input{
	color:#444;
	opacity: 1; /* Firefox */
}

.webform-component--which-webform-type-labels{
	text-align:center;
}



.page-node-4505 .which-webform > .form-item label{
	width:100%;
	padding:15px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:35px;
	height:350px;
}


.page-node-4505 .which-webform input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}


/*++++++   SHARED BUTTON STUFF   ++++++*/
.page-node-4505 .which-webform > .form-item label:hover{
	cursor:pointer;
}
.page-node-4505 .which-webform > .form-item label:after{
	display:block;
	font-weight:normal;
	font-size:16px;
	width: 60%;
	margin:10px auto;
}

.page-node-4505 .which-webform > .form-item{
	margin-right:7.5%;
	margin-left: 7.5%;
}


/*++++++   LEFT HAND SIDE  BUTTON   ++++++*/
.page-node-4505 .which-webform > .form-item:before{
	font-size: 22px;
	text-align:center;
	width:100%;	
	display:block;
	padding-bottom:10px;
}
.page-node-4505 .which-webform > .form-item:nth-child(1):before{
	content:'I am an';
	color:#e76236;
}

.page-node-4505 .which-webform > .form-item:nth-child(2):before{
	content:'I represent an';
	color:#f19c38;
}

.page-node-4505 .which-webform > .form-item:nth-child(1) label{
	border-radius:10px;
	background: url(../img/individual-white.png) center 30%  / 35% no-repeat #e76236;
	margin-bottom:30px;
	transition: background-color 0.5s ease;
}

.page-node-4505 .which-webform > .form-item label{
	padding-top: 180px;
}


@media(min-width:550px){
    .page-node-4505 .which-webform > .form-item label{padding-top: 220px;}
}


.page-node-4505 .which-webform > .form-item:nth-child(1) label:hover{
	background: url(../img/individual-white.png) center 30%  / 35% no-repeat #e76236e3;
}

.page-node-4505 .which-webform > .form-item:nth-child(1) label:after{
	content:'seeking opportunities in the creative and tech industries';
}



/*++++++   RIGHT HAND SIDE  BUTTON   ++++++*/
.page-node-4505 .which-webform > .form-item:nth-child(2) label{
	border-radius:10px;
    background: url(../img/organisation-white.png) center 30%  / 35% no-repeat #f19c38;
	transition: background-color 0.5s ease;
}
.page-node-4505 .which-webform > .form-item:nth-child(2) label:hover{
	background: url(../img/organisation-white.png) center 30%  / 35% no-repeat #f19c38de;
}

.page-node-4505 .which-webform > .form-item:nth-child(2) label:after{
	content:'seeking ways to support and hire diverse talent';
}


.page-node-4505 .block-webform .statement{
	font-size:13px;
	color:#c0c0c0;
	line-height:10px;
	padding:30px;
}

.page-node-4505 .block-webform .webform-component-field-wrapper{
	width:60%;
	margin:0 auto;
}


.page-node-4505 .block-webform .webform-component--individual--nationality{
	margin-bottom:30px;
	display:block
}

.page-node-4505 .block-webform .individual-wrapper,
.page-node-4505 .block-webform .organisation-wrapper{
	margin-bottom:100px;
}

.page-node-4505 .block-webform .webform-component--form-type > label,
.page-node-4505 .block-webform .webform-component--individual > label,
.page-node-4505 .block-webform .webform-component--organisation > label{
	display:none;
}
.page-node-4505 .block-webform .form-actions{
	position:relative;
	top: -20px;
	text-align:center;
	margin-bottom:30px;
}
.page-node-4505 .block-webform .form-actions input{
	width:300px;
	margin:0 auto;
	height:50px;
	display:none;
}

.mobolise-footer{
	background-color:#e76236;
	height:80px;
	text-align:center;
}
.mobolise-footer img{
	max-width:200px;
	padding-top:10px;
}




/*++++++   WEBFORM SUCCESS MESAGE   ++++++*/

.page-node-4505 .alert-success{
	overflow:auto;
	background-color:transparent;
	border:none;
}

.mobolise-confirmation-message-wrapper h2{
	margin:10px 0 40px;
	font-size: 30px;
	font-weight: bold;
}
.mobolise-confirmation-message-wrapper{
	background-image: url(../img/thanks-bgd2.jpg);
	background-size: cover;
	border: solid 2px #eeeeee1a;
	display: block;
	overflow: auto;
	background-repeat: no-repeat;
	max-width: 900px;
	margin: 0 auto;
	text-align:center;
	padding:30px;
}

.mobolise-confirmation-message-wrapper .text-wrapper{
	max-width:500px;
	margin:0 auto;
}

.mobolise-confirmation-message-wrapper h3.black-text{
	font-weight:bold;
}
.mobolise-confirmation-message-wrapper h3.white-text{
	margin-bottom:40px;
}




	


/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-+*/
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-+*/
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-+*/
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-+*/
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-+*/
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-+*/
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-+*/
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+-+-+*/

@media(min-width:768px){
    
    .page-node-4505 .container{padding-left:5px;}

	.mobolise-page .page-title{
        position:absolute;	
        top:40%;		
	}
	.mobolise-page .banner-wrapper{
		margin-bottom:-10px;
	}


	.mobolise-page .row-3 .right-col .black-text{
	    padding-top:0;
	}

	.page-node-4505 .which-webform > .form-item{
		display:inline-block;
		width:40%;
		margin-right:0;
	}
	.page-node-4505 .which-webform > .form-item:nth-child(1){
		margin-left:6%;
		margin-right:0;
	}
	.page-node-4505 .which-webform > .form-item:nth-child(2){
		margin-right:5%;
	}
	.page-node-4505 .which-webform > .form-item:nth-child(1) label{
		margin-bottom:0;
	}
	.page-node-4505 .which-webform > .form-item label{
		padding-top:180px;
	}

	.page-node-4505 .which-webform > .form-item label:after{
		width: 85%;
	}
	.mobolise-confirmation-message-wrapper{
		background-size:50%  100%;
		background-position:right;
		background-color:#f95821;
	}
}

@media(min-width:992px){
	.mobolise-page .row-3 .right-col h2{
        padding-right:50px;
	}
	.mobolise-page .row-3 .right-col li { 
	    max-height: 45px; 
	}

	.page-node-4505 .which-webform > .form-item{width: 47%; margin:0;}
    .page-node-4505 .which-webform > .form-item:nth-child(1){margin-left:0; margin-right:3%;}
    .page-node-4505 .which-webform > .form-item:nth-child(2){margin-right:0;}
}


@media(min-width:1200px){
	.page-node-4505 .which-webform > .form-item:nth-child(1) label,
	.page-node-4505 .which-webform > .form-item:nth-child(2) label{
		padding-top: 180px;
	}
	.mobolise-page .row-3 .right-col h2{
        padding-right:130px;
	}
}


@media(max-width:2000px){
	.mobolise-page .banner-wrapper{
		width: 100vw;
		position: relative;
		left: calc(-1 * (100vw - 100%) / 2);
	}
}