@import url('icons/css/fontello.css');

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

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

}
@font-face {
    font-family: 'andadabold';
    src: url('fonts/andada-bold-webfont.woff2') format('woff2'),
         url('fonts/andada-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'andadaregular';
    src: url('fonts/andada-regular-webfont.woff2') format('woff2'),
         url('fonts/andada-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




       
        
/**********************************
    General
***********************************/
body {
    margin:0;
    font-family: 'Rubik', sans-serif;
    font-size: 95%; 
    line-height:1.8;
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Domine", sans-serif;
	font-weight: bold;
	color: #000;
	margin: 1.0em 0em;
    line-height:1.4;
	
}       
h1 {font-size: 1.8em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.98em;}
h6 {font-size: 0.85em;}
.display h1 {
    font-weight: normal;
    font-size: 2.0em;
    line-height:1.4;
}
.display p {
    font-size: 1.5em;
    font-style: italic;
}
a {
	text-decoration: none;
	font-family: "Rubik", sans-serif;
	color: #000000;
	font-weight: 700;
    text-decoration: none;
	}
a:hover {
	color: #000000;
	text-decoration: underline;
	}
hr {border:none;border-top: rgba(0, 0, 0, 0.18) 1px solid;margin-top: 0.75em;margin-bottom: 0.75em;}    
img {max-width:100%;}
figure {margin:0}


/* FIX: Preventing Chrome from wrapping text with span-style (when editing) */
/*.display h1 span {font-size: 2.8em;line-height:1.4;}
.display p span {font-size: 1.5em;line-height:1.7;}
h1 span {font-size: 2.37em;line-height:1.7;}
h2 span {font-size: 1.83em;line-height:1.7;}
h3 span {font-size: 1.39em;line-height:1.7;}
h4 span {font-size: 1.1em;line-height:1.7;}
h5 span {font-size: 0.98em;line-height:1.7;}
h6 span {font-size: 0.85em;line-height:1.7;}
p span {font-size: 14px; line-height: 1.7;}
li span {font-size: 14px; line-height: 1.7;}*/

        
/**********************************
    Grid
***********************************/
.row {
	/*margin-left: auto;
	margin-right: auto;
	max-width: 1012px;*/
}
.row.full-width {
	max-width: 100% !important;
}
.restrict-width {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
.container {
    margin: 0 auto;
    max-width: 1200px !important;
    width: 100%;
}
.colour {
	padding-top: 3.5em;
	padding-bottom: 3.5em;
	position: relative;
	z-index: 10;
}
.colour.no-pad {
	padding-top: 0em;
	padding-bottom: 0em;
}
.colour.no-pad figure {
	margin-bottom: 0px;
}

.column {
	padding-left: 0.75em;
	padding-right: 0.75em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: auto !important;
}
.column.no-pad {
	padding-left: 0em !important;
	padding-right: 0em !important;	
}
	
@media (min-width: 720px) {
    .column {
        float: left;
        padding-left: 1.0rem; /* 1rem */
        padding-right: 1.0rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .column.full { width: 100%; }
    .column.two-thirds { width: 66.7%; }
    .column.two-fourth { width: 75%; }
    .column.two-fifth { width: 80%; }
    .column.two-sixth { width: 83.3%; }
    .column.half { width: 50%; }
    .column.third { width: 33.3%; }
    .column.fourth { width: 25%; }
    .column.fifth { width: 20%; }
    .column.sixth { width: 16.6%; }
    .column.flow-opposite { float: right; }  
	
	.right {text-align:right}
}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

   
/**********************************
    Elements
***********************************/

.center {text-align:center}

.left {text-align:left}

img.circle {border-radius:500px;margin-top:0;}
img.bordered {border: #ccc 1px solid;}

.embed-responsive {position: relative;display:block;height:0;padding:0;overflow:hidden;} 
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 55.5%;}
.embed-responsive iframe {position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}

.column > img, 
.column > figure, 
.column > .embed-responsive {
    margin-top: 1em;margin-bottom: 1em;
}

.list {position:relative;margin:1.5em 0;}
.list > i {position:absolute;left:-3px;top:-3px;font-size:2em;}
.list > h2, .list > h3 {margin: 0 0 0 50px}
.list > p {margin: 0 0 0 50px}

.quote {position:relative;margin:1.5em 0;}
.quote > i {position: absolute;top: -10px; left: -7px;font-size: 2em;color:rgba(51,51,51,0.44);}
.quote > small {margin-left:50px;opacity: 0.7;font-size: 1em;}
.quote > p {margin-left:50px;font-size: 1.5em;}

blockquote {
	max-width: 550px;
	text-align: left;
	margin: 20px;
	font-style: italic;
	padding: 20px;
	font-size: 20px;
	font-family: "Domine", sans-serif;
	border-left:5px solid #F08305;
}
.btn {
	padding: 11px 22px;
	font-size: 1.0em;
	border-radius: 0px;
	display: inline-block;
	margin-bottom: 0.5em;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid #000;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase; 
    font-family: "Rubik", sans-serif;
 
}

.btn.btn-primary {color: #000;background-color: transparent;}
.btn.btn-primary:hover {color: #ffffff;background-color: #000000;border-color: #000000;}
.btn.btn-default {color: #ffffff;background-color: #babcbb;}
.btn.btn-default:hover {color: #ffffff;background-color: #8c8e8d;border-color: #8c8e8d;}

.social a > i {text-decoration:none;color:#333;font-size:1.5em;margin:0 5px 0 0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.social a:hover > i {color:#08c9b9;}


/**********************************
    Header Image with Caption
***********************************/
figure.hdr {
	position: relative;
	width: 100%;
	overflow:hidden;
    background-color: transparent;   
}
figure.hdr img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 1.0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;	
}
figure.hdr:hover img {
	opacity: 0.85;

}
figure.hdr figcaption {
   	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%; 
	padding: 0 1.2em;
	color: #000;
	font-size: 1.55em;
	text-align: center;
	box-sizing: border-box;
	z-index:1;
}
/* Text */
figure.hdr h2 {
	font-weight: 300;
}
figure.hdr h2 span {
	font-weight: 800;
}
figure.hdr p {
	letter-spacing: 1px;
	font-size: 68.5%;
	text-transform: none;
}
figure.hdr h2, figure.hdr p {
	margin: 0;
	z-index:10000;
}
/* Cosmetic */
figure.hdr div {
	height: 100%; 
	z-index:0;
}
figure.hdr div::before,
figure.hdr div::after {
	position: absolute;
	content: '';
}
/* One */
figure.one div::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
figure.one div::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
/* Two */
figure.two div::before {
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
figure.two div::after {
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
/* Three */
figure.three figcaption {
	height: 70%; 
}
figure.three p {
	margin: 1em 0 0;
	padding: 2em;
	border: 1px solid #fff;	
} 
/* Four */
figure.four figcaption {
	height: 60%; 
	text-align: left;
}
figure.four p {
	position: absolute;
	right: 50px;
	bottom: 50px;
	left: 50px;
	padding: 2em;
	border: 7px solid #fff;
}
/* Five */
figure.five figcaption {
	height: 100%; 
	text-align: right;
}
figure.five h2 {
    position: absolute;
    left: 50px;
	right: 50px;
	top: 10%;
	border-bottom: 5px solid #fff;
}
figure.five p {
	position: absolute;
	right: 50px;
	bottom: 10%;
}
/* Six */
figure.six figcaption {
	height: 70%;
}
figure.six h2 {
    padding-bottom: 3%;
	border-bottom: 1px solid #fff;
}
figure.six p {
	padding-top: 6%;
}
/* Seven */
figure.seven figcaption {
	height: 90%;
	text-align:left;
}
figure.seven h2 {
	border-bottom: 3px solid #fff;
}
figure.seven p {
    padding-top: 1em;
}
/* Eight */
figure.eight figcaption {
	height: 100%; 
	text-align: right;
}
figure.eight h2 {
	position: absolute;
	left: 50%;
	right: 50px;
	bottom: 10%;
}
figure.eight p {
    position: absolute;
    left: 50px;
	right: 50%;
	top: 10%;
	padding-right:0.5em;
	border-right: 1px solid #fff;
}

/* MODIFICATIONS
===============================================*/


.column.two-thirds-maintain { width: 66.7%;	float: left; }
.column.two-fourth-maintain { width: 75%; float: left; }
.column.two-fifth-maintain { width: 80%; float: left; }
.column.two-sixth-maintain { width: 83.3%; float: left; }
.column.half-maintain { width: 50%;	float: left; }
.column.third-maintain { width: 33.3%; float: left; }
.column.fourth-maintain { width: 25%; float: left; }
.column.fifth-maintain { width: 20%; float: left; }
.column.sixth-maintain { width: 16.6%; float: left; }



.three-images img {
	width: 33.33%;
	}
.two-images img {
	width: 50%;
	}
.two-img-col img {
	width: 100%
	}
.three-img-col img {
	width: 100%
	}
.three-circles-half img {
	max-width: 30%;
	}
	
/* Page header one */
figure.header-one {
	margin-top: 0px !important;
	min-height: 60px;
	}
figure.header-one figcaption {
	height: auto;
	text-align: left;
	bottom: 0px;
	background-color: rgba(0,178,220,0.85);
}
figure.header-one figcaption H1 {
	color: #ffffff;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1.1em;
}
figure.header-one figcaption P {
	color: #ffffff;
	margin-top: 0.0em;
	margin-bottom: 0.2em;
}

.header-fine figure.hdr figcaption {
	top: 21%;
}
.header-fine figure {
	margin-bottom: 0px;
}


/* Page header two */
figure.header-two {
	margin-top: 0px !important;
	}
figure.header-two figcaption {
	height: auto;
	text-align: center;
	bottom: 0em;
	padding-bottom: 0.5em;
	background-color: rgba(0,167,204,0.85);
}
figure.header-two figcaption H1 {
	color: #000;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	font-size: 2.2em;
}
figure.header-two figcaption P {
	color: #000;
	margin-top: 1em;
	margin-bottom: 1em;
}
.header-secondary-item figure.hdr figcaption H1 {
	font-size: 1.8em;
}


@media (max-width: 719px) {
.clear-mobile {
	clear: both;	
}
.center-mobile {
	text-align: center;
	}
.two-img-col img {
	width: 50%
	}
.three-img-col img {
	width: 33.3%
	} 
.fourth-half {
	width: 50%;
	float: left; 
	}
.sixth-third {
	width: 33.3%;
	float: left;
	padding-left: 1.5%;
    padding-right: 1.5%; 
	}
.fourth-half-pad-L {
	width: 50%;
	float: left; 
	}
.fourth-half-pad-R {
	width: 50%; 
	float: left; 
	}
.third-half-full {
	width: 50%; 
	float: left; 	
}
/* Page header one */
figure.header-one figcaption {
	padding-left: 1.5em;
}
figure.header-one figcaption H1 {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	font-size: 1.2em;
}	
/* Page header two */
figure.header-two figcaption {
	padding-left: 1.0em;
	padding-right: 1.0em;
}
figure.header-two figcaption H1 {
	margin-top: 0em;
	margin-bottom: 0.4em;
	font-size: 1.4em;
}
figure.header-two figcaption P {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	font-size: 70%;
}
.header-secondary-item figure.hdr figcaption H1 {
	font-size: 1.3em;
}
}
@media (max-width: 600px) {
.two-img-col img {
	width: 70%
	}
.three-img-col img {
	width: 70%
	}
.three-circles-half img {
	max-width: 25%;
	}
.fourth-half-pad-L {
	width: 47.5%;
	padding-left: 2.5%;
	}
.fourth-half-pad-R {
	width: 47.5%;
	padding-right: 2.5%;
	float: left; 
	}
.header-two,.header-one {
	overflow: hidden
}
.header-two img,.header-one img {
	width: 150% !important;
	max-width: none !important;
	margin-left: -25%;
}
}
@media (max-width: 500px) {
figure.header-one figcaption {
	padding-left: 1em;
}
figure.header-one figcaption H1 {
	color: #ffffff;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	font-size: 0.9em;
}
/* Page header two */

figure.header-two figcaption {
	padding-left: 0.5em;
	padding-right: 0.5em;
	bottom: 0em;
	padding-bottom: 0.3em;
}
figure.header-two figcaption H1 {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	/*font-size: 1.2em;*/
}
figure.header-two figcaption P {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	/*font-size: 50%;*/
}	
}
@media (max-width: 400px) {
.third-half-full {
	width: 100%; 
	float: left; 	
}
.two-img-col img {
	width: 100%
	}
.three-img-col img {
	width: 100%
	}
.sixth-third {
	width: 50%;
	}
}


@media (max-width: 480px) {

.header-two,.header-one {
	overflow: hidden
}
.header-two img,.header-one img {
	width: 200% !important;
	max-width: none !important;
	margin-left: -50%;
}
}

/* Footer components
===========================*/
.f-corp-header,.f3-buttons {
	display: none;
}




.footer {
	position: relative;
	background-color: #eaeaea;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #676767;
	margin-top: 0px;
}


.footer a {
	color: #000;
        text-decoration:none;
	font-weight: normal;
}

.footer a:hover {
	color: #000000 !important;
	text-decoration: underline;
	}

.footer1-wrap {
	height: 30px;
}
.footer2-wrap {

}
.footer3-wrap {
	padding: 40px 0;
}
.F-header {
	border-bottom: solid 1px #676767;
	padding-bottom: 0.5em;
	font-size: 1.05em;
}



.F-powered {
	margin-top: 2px;
	margin-bottom: 10px;
	color: #909090;
	}
.f-copyright {
	margin-top: 30px;
}
.f-copyright span {
	padding-left: 40px;
}
.footer .btn {
	padding: 8px 10px;
	font-size: 1.2em;
	background-color: transparent;
	border-radius: 0px;
	text-align: left;
	margin-right: 10px;
}
.f-corp-header {
	font-size: 2em;
	color: #00A7CC;

}
.f-bsi-logo {
	text-align: right;
}
.f-bsi-logo img {
	width: 190px;
}

@media (max-width: 719px) {
.footer {
	text-align: center !important;	
}
.f-bsi-logo {
	text-align: center;		
}
.F-header {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.f-copyright span {
	padding-left: 0px;
	display: block;
}
}

/* DIVIDERS
==============================*/
.divider-section {
	height: 27px;
	background-image: url(images/divider-green.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.divider-section-green {
	background-image: url(images/divider-green.png);
}
.divider-section-blue {
	background-image: url(images/divider-blue.png);
}

/* Snippet Colours
======================================*/

.grey1 {
	background-color: #f0f0f0;	
}
.grey2 {
	background-color: #e2e2e2;	
}
.white {
	background-color: #ffffff;	
}
.column.narrow {
	padding: 0 25% !important;
}
@media screen and (max-width: 600px) {
.column.narrow {
	padding: 0 10% !important;
}	
}

/* Full Page Banner Anim
====================================*/
.column.h-banner {
	padding-left: 0px;
	padding-right: 0px;
}

/* Home
======================================*/
.colour.home-top {
	height: 100vh;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 18vh;
	background-color: #A3A3A3;
}
.home-top,.home-top h3,.home-top p {
	color: #FFFFFF;
    font-family: "Rubik", sans-serif;

}
.colour-light.home-top,.colour-light.home-top h3,.colour-light.home-top p {
	color: #00a7cc;

}
.home-logo img {
	width: 86%;
	max-width: 700px;
}
.home-top h3 {
	font-size: 1.2em;
	margin-top: 2em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	max-width: 460px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.47);
}
/* button code in main style sheet*/
.home-top .btn.btn-primary {
	margin: 1em;
}
.home-icons img {
	max-width: 85%;
}
.home-icons P {
	font-size: 0.92em;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.home-icons H4 {
	font-family: "Rubik", sans-serif;

}
.home-headers H2 {
	color: #00A7CC;
	font-size: 1.7em;
	margin: 1em 0em 0.2em 0em;
}
.home-headers H3 {
	color: #f08305;
	font-size: 2.35em;
	margin: 0em 0em 1em 0em;	
}
.home-logos H2 {
	margin-bottom: 2em;	
}
.home-top-buttons {
	padding-top: 3.5em;
}
@media screen 
and (max-width: 1024px)
and (orientation : landscape) {
.colour.home-top {
	padding-top: 10vh;
}	
.home-top-buttons {
	padding-top: 0em;
}
}
@media screen 
and (max-width: 374px) {
.colour.home-top {
	padding-top: 7vh;
}
.home-top-buttons {
	padding-top: 1em;
}
}
/* SLIDER
============================*/
.wbSliderHeader, .wbSliderSecondary {
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 999999999;
}
.wbSliderHeader {
	color: #FFFFFF !important;
	font-size: 4em !important;
	font-family: "Rubik", sans-serif;
	font-weight: bold;
}
.wbSlider {
	background-color: transparent !important;
}
.wbSliderHeader {
	position: absolute;
	bottom: auto;
	left: 0px;
	right: 0px;
	top: 0px;
}
.wbSliderSecondary {
	position: absolute;
	bottom: auto;
	left: 0px;
	right: 0px;
	top: 55%;
	}
@media screen and (max-width: 800px) and (orientation:landscape) {
.home-logo img {
    width: 60%;
    max-width: 500px;
}
.home-top h3 {
    font-size: 1.2em;
    margin: 1em 0em;
}
}

@media (min-width: 600px) {
.wbSliderHeader {
	color: #FFFFFF !important;
	font-size: 4em !important;
	padding-right: 550px !important;

}
}

@media (max-width: 500px) {
.wbSliderHeader {
	color: #FFFFFF !important;
	font-size: 2em !important;
}
.wbSliderSecondary {
	position: absolute;
	bottom: auto;
	left: 0px;
	right: 0px;
	top: 20%;
	}
}

@media (max-width: 400px) {
.wbSliderSecondary {
	position: absolute;
	bottom: auto;
	left: 0px;
	right: 0px;
	top: 35%;
	}
}
@media (max-width: 325px) {
.home-top h3 {
    font-size: 1.1em;

}
}
/* QUIZ MODULE
=========================================*/

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}


.passbg{background:transparent url("/images/quiz/pass.jpg") no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.failbg{background:transparent url("/images/quiz/fail.jpg") no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.timesupbg{background:transparent url("/images/quiz/timesup.jpg") no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.orangebg{background:rgba(253, 199, 70, 1);}
.border{border:2px solid #fff;}
.lightBox{background:rgba(255,255,255,0.9);padding:20px;border-radius:0px; -moz-border-radius:0px;border:1px solid #ddd;}

.timeoutContainer{height:100%;} /* allows for vertical alignment */
.scoreContainer{
	height: 100%;
	text-align: center;
} /* allows for vertical alignment */
.glow{text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
.white{color:#fff;}
.black{color:#111;}
.grey{color:#666;}
.orange{color:#f7c160;}
.cent{text-align:center;}

.p_16{font-size:16px;line-height:21px;}
.p_24{font-size:24px;line-height:30px;}
.p_30{font-size:30px;line-height:35px;}
.p_32{font-size:32px;line-height:40px;}
.p_42{font-size:42px;line-height:40px;}


.mcqRadioBtn{width:12px;height:12px;background:#fff;border:1px solid #999;border-radius:10px; -moz-border-radius:10px;}
.optionBox{
	background-color: #62D8F5;
	padding: 8px;
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	overflow: hidden !important;
	color: #FFFFFF;
}
.optionOverCss{background:#00b856;color:#000000;padding:8px;border:none;border-radius:50px; -moz-border-radius:0px;}
.optionOverCss p{color:#ffffff;}
.optionImage {
	display: inline-block;
}
@media (min-width: 850px) and (max-width: 950px) {
	#quizoptionContainer img {
		max-width: 215px;
	}
}

@media (min-width: 950px) {
	#quizoptionContainer img {
		max-width: 250px;
	}
}
@media (min-width: 720px) and (max-width: 767px) {
	#quizoptionContainer img {
		max-width: 180px;
	}
}

@media (min-width: 768px) and (max-width: 850px) {
	#quizoptionContainer img {
		max-width: 180px;
	}
}

.optionOutCss{background:#000000;color:#fff;padding:8px;border:none;border-radius:0px; -moz-border-radius:50px; border-radius: 50px;
   -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;}

.btnOverCss input{background:#fff;color:#4b4b40;}
.btnOutCss input{background:#4b4b40;color:#fff;
-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;}

.vertical-align {
  position: relative !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* timer */
.timerContainer{text-align: center;}
.timer{margin-top:150px;background:transparent none no-repeat 0px 0px;display:none;opacity:0.5;filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) ;-moz-opacity:0.5;position:relative !important;}

@media (max-width: 992px) {
  #col1{margin-top:110px;} /* pushes the question down allowing space for the timer */
  .timerRow{width:100%;}
  .timerContainer{text-align: center;width:100%;}
  .timer {margin-top:50px;zoom:0.35;-moz-transform: scale(0.35);-moz-transform-origin: top center;}
}

.imgOverCss img{
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
  -moz-box-shadow: 0px 0px 10px #666;-webkit-box-shadow:0px 0px 10px #666;box-shadow:0px 0px 10px #666;
}

.imgOutCss img{
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -moz-box-shadow: 0px 0px 0px #666;-webkit-box-shadow:0px 0px 0px #666;box-shadow:0px 0px 0px #666;
}

/*quiz new */

#goBtn #btn {
    text-align: left !important;
	font-family: "Rubik", sans-serif;
	font-weight: bold;
	margin: 0.6em 0em;
	line-height: 1.4;
	font-size: 1.2em;
}
#quiz-container {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: calc(100% - 20px) !important;
	height: 100%;
	z-index: 10;
	background-color: #FFFFFF;
	padding: 0px 0px 0 0px;
		margin-left: 0%;
        margin-right: 0%;
        width: 100% !important;
	/*
        background-image: url(images/Greenredeem-logo-mobile.png); */
	background-repeat: no-repeat;
	background-position: center top 20px;
	background-size: auto 60px;
}
#quiz-quit {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 80px;
	text-transform: uppercase;
	background-color: #f6861e;
	color: #ffffff;
	border: solid 1px #f6861e;
	text-align: center;
	z-index: 1000001;
	cursor: pointer;
}
p.quiz-question {
	margin: 1em 0;
	font-size: 1.4em;
	font-weight: bold;
}
#hcenter {
	height: auto !important;
}
#passimage img,#failimage img {
	width: 120px;
}
#passimg,#failimg {
	text-align: center;	
}
#passimg img,#failimg img {
	width: 160px;	
}
.quiz-congratulations-text {
	font-weight: bold;
	font-size: 1.3em;
	color: #009C49;
}
.quiz-failed-text {
	font-weight: bold;
	font-size: 1.3em;
	color: #f6861e;	
}
#getPointsBtn,#goBtn {
	display: block !important;
	text-align: center;
	width: 100% !important;
	left: auto !important;
}
#btn {
	font-family: "Rubik", sans-serif;	
}
.claim-points {
	padding: 10px 50px;
	font-size: 1.3em;
	border-radius: 50px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: none;
	white-space: normal;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #00b856;
	color: #000000;
	max-width: 240px !important;
}
.claim-points:hover {
	background-color: #000000 !important;
	color: rgba(255,255,255,1.00);	
}









/* nav */
#nav{position:absolute;z-index:99;}

/* preloader */
.preloader{
    width:34px;
    height:34px;
    display:inline-block;
    padding:0;
    
    border-radius:100%;
    border: 2px solid;
    border-top-color:rgba(0,0,0, 0.8);
    border-bottom-color:rgba(0,0,0, 0.2);
    border-left-color:rgba(0,0,0, 0.8);
    border-right-color:rgba(0,0,0, 0.2);
    outline: 1px solid transparent;

    -webkit-animation: preloader 1s linear infinite;
    animation: preloader 1s linear infinite;
}
@keyframes preloader{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes preloader{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

/*
@media (max-width: 1200px) {
#quiz-container {
	margin-left: 25%;
	margin-right: 25%;
	width: 50% !important;
}
}
@media (max-width: 1000px) {
#quiz-container {
	margin-left: 15%;
	margin-right: 15%;
	width: 70% !important;
}
}
@media (max-width: 700px) {
#quiz-container {
	margin-left: 5%;
	margin-right: 5%;
	width: 90% !important;
}
}
*/

/* GREENER LIVING SUM
============================*/
.colour.GL-section-1 {
	padding-top: 0px !important;
	margin: 0px 0px 0px -12px;
	overflow: hidden;	
}
.GL-section-1 .restrict-widthx {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.GL-section-1 .column {
	padding: 0px 0px 12px 12px;
}

.GL-section-1 .restrict-widthx {
	/*padding-right: 12px;*/		
}
.GL-section-1 .column > figure {
	margin: 0em;
	text-align: left;
}
.GL-section-1 .column figure.hdr H2 {
	color: #FFFFFF;
	font-size: 1.3em;
	text-transform: none;
}
.GL-section-1 .column figure.hdr P {
	display: none;
}
.GL-section-1 a H2 {
	color: #FFFFFF !important;
}
.GL-section-1 .column figure.hdr H3 {
	color: #FFFFFF;
	font-size: 0.75em;
	line-height: 1.2em;
}
.GL-section-2 .column {
	margin-bottom: 1em;	
}

.GL-section-1 figure.hdr figcaption {
	position: absolute;
	top: auto;
	bottom: 4%;
	left: 4%;
	width: 68%;
	height: auto;
	background-size: auto 30px !important;
	padding: 0.1em 0.5em 0.3em 0.5em;
	text-align: left;
}
.colour.GL-section-2 {
	padding-bottom: 4em;	
}
.GL-section-1 .column figcaption {
	background-color: rgba(0,156,73,0.85);
}
.GL-section-2 a P {
	font-family: "Rubik", sans-serif;
	color: #777777;
	margin-top: 0px;
}
.GL-filters-column .btn.btn-primary {
    color: #ffffff;
    background-color: #009c49;
	border-color: #009c49;
} 
.GL-filters-column .btn.btn-primary:hover {
    color: #ffffff;
    background-color: #00b2dc;
	border-color: #00b2dc;
}
.GL-sum-item-bg {
	background-color: #009C49;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/GL-view-article.png);
    background-repeat: no-repeat;
    background-position: center top 49%;
    background-size: auto 40px;	
	cursor: pointer;
}

.GL-sum-item-bg img {
	opacity: 1.0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	min-width: 100%;
	display: block;
}
.GL-sum-item-bg img:hover {
    opacity: 0.15;
}
.view-more {
	float: left;
	width: 100%;
}
.GL-section-2 figcaption H4 {
	font-size: 1.4em;
}
@media (max-width: 1200px) {
.GL-section-1 .column figure.hdr H2 {
	font-size: 1.0em;
}
.GL-section-1 .column figure.hdr P {
	font-size: 60%;
}
.GL-section-1 .column figure.hdr H3 {
	font-size: 0.5em;
}		
}
@media (max-width: 900px) {
.GL-section-1 figure.hdr figcaption {
	width: 90%;
	height: auto;
}
	
}
@media (max-width: 719px) {
.GL-section-1 .header-two img {
	width: 100% !important;
	max-width: none !important;
	margin: -13% 0% -13% 0%;
}
.GL-section-2 .header-two img {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0%;
}
.GL-section-1 .half figure.hdr figcaption {
	width: 75%;
}
.GL-section-1 .column figure.hdr H3 {
	font-size: 0.7em;
}
.GL-filters-column .btn.btn-primary {
    width: 40%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px 10px;
} 
}
@media (max-width: 600px) {
.GL-filters-column .btn.btn-primary {
    width: 80%;
	margin: 5px 5px;
} 	
}
	
@media (max-width: 450px) {
.GL-section-1 figure.hdr figcaption {
	width: 80%;
}
.GL-section-1 .column figure.hdr H2 {
	font-size: 0.80em;
}
.GL-section-1 .column figure.hdr H3 {
	font-size: 0.5em;
}
.GL-section-2 #summary-view H4 {
	font-size: 1.1em;
	line-height: 1.25em;
}
.GL-section-2 #summary-view P {
	font-size: 0.9em;
	line-height: 1.5em;
}
}
@media (max-width: 399px) {
#summary-view .column.fourth-half {
	width: 100%;
}
}

/* GREENER LIVING ITEM
============================*/
.colour.GL-item-section-1 {
	margin-top: 0px !important;	 
 }
.GL-item-section-1 .restrict-widthx {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}
.GL-item-section-1 figure.header-two {
	/*height: 65vh;
	overflow: hidden;*/
	background-color: #E1E1E1;
}
.GL-item-section-1 figure.header-two img {
}
.GL-item-figcaption-hold {
	/*position: relative;	
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;*/
}
.GL-item-section-1 figure.hdr figcaption {
	position: absolute;
	top: 10%;
	bottom: auto;
	left: 0;
	width: 66%;
	height: auto;
	padding-top: 1.5em;
	display: none;

}
.colour.GL-item-content-wrap,.GL-item-content-main.colour {
	padding-top: 0em;
	padding-bottom: 0em;	
}
.GL-item-content-main .colour {
	padding-top: 0em;
	padding-bottom: 0em;	
}
.colour.GL-section-2-ymal {
	background-color: #f0f0f0;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin-top: 4em;
}
.GL-item-content-extras {
	background-color: #f0f0f0;
	padding-top: 2em;
}
.GL-item-content-main {
	margin-top: -9em;
	background-color: rgba(255,255,255,1);
	padding-top: 1em;
}
.GL-item-content-main-date {
	background-color: #F08305;
	color: #FFFFFF;
	padding: 0.7em 1.5em;
	display: inline-block;
	position: absolute;
	top: -40px;
	left: 1em;
}
.GL-item-content-main-date a {
	color: #FFFFFF;
}
@media (max-width: 1000px) {	
.GL-item-section-1 .header-two img {
	width: 130% !important;
	max-width: none !important;
	margin-left: -15%;
}
}
@media (max-width: 719px) {
.GL-item-content-main-date {
	top: -60px;
	left: 0.75em;
}
.GL-item-content-main {
	margin-top: -5em;
	padding-top: 1em;
}
.GL-item-section-1 .header-two img {
	width: 200% !important;
	max-width: none !important;
	margin-left: -50%;
}
}
@media (max-width: 700px) {
.GL-item-section-1 figure.header-two {
	height: auto;
	overflow: hidden;	
}
.GL-item-section-1 figure.header-two img {
	margin-top: 0vh;	
}	
}
@media (max-width: 500px) {
.GL-item-content-main {
	margin-top: -5em;
}
}
@media (max-width: 400px) {
.GL-item-content-main-date {
	top: -55px;
	padding: 0.7em 0.7em;
	font-size: 0.85em;
}
.GL-item-section-1 .header-two img {
	width: 240% !important;
	max-width: none !important;
	margin-left: -70%;
}	
}

/* Reward Items
============================*/
.reward-item-header {
	text-align: left;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 0.5em;
}
.reward-item-wrap {
	margin-bottom: 2em;
	width: 100%;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	background-image: url(images/rewards-view.png);
	background-repeat: no-repeat;
	background-position: center top 40%;
	background-size: auto 40px;
	padding: 1px;
	text-align: center;
}
.reward-item-wrap img {
	opacity: 1.0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;	
	min-width: 100%;
}

.reward-item-wrap:hover img {
	opacity: 0.12;


}
.reward-item-wrap-more:hover img {
	opacity: 1.0;

}


.reward-item-wrap img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.reward-item-info-wrap {
	background-color: #FFFFFF;
	border: solid 1px #000;
	border-top: none;
}
.reward-item-info-wrap-more {
	background-color: #00b2dc;
	background-image: url(images/go-white.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: auto 30px;
}
.reward-item-info-points {
	background-color: #000;
	width: 70px;
	float: left;
	height: 75px;
	text-align: left;
}
.reward-item-info-desc {
	width: calc(100% - 70px);
	float: left;
	padding: 0.5em 1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.9em;
	font-weight: bold;
	color: #F08305;
	text-align: left;
	line-height: 1.2em;
}
.reward-item-info-desc span {
	color: #000000;
	display: block;	/*padding-right: 20px;*/
}
.reward-item-info-points div {
	color: #FFFFFF !important;
	line-height: 1.2em;
	margin-top: 13px;
}
.reward-item-info-points .reward-item-info-points-number {
	display: block;
	font-size: 1.5em;
	margin-left: 0px;
	text-align: center;
}
.reward-item-info-points .reward-item-info-points-text {
	display: block;
	font-size: 0.8em;
	padding-left: 3px;
	margin-top: 3px;
	text-align: center;
}
.earn-item-wrap.activity-completed {
	opacity: 0.3;
	background-image: url(images/earns-complete.png) !important;
}
.rw-sum-bonus-points img {
	max-height: 220px;
	min-width: inherit;
}
.rw-sum-bonus-points {
	background-color: #F08305;	
	background-image: url(images/earns-view.png);
}
.rw-sum-bonus-points .reward-item-info-points {
	background-color: #F08305;		
}
.rw-sum-bonus-points .reward-item-info-wrap {
    border: solid 1px #F08305;
    border-top: none;
}
/*summary point reduction*/
.reward-item-info-points-reduction {
	background-color: #F08305;
}
.reward-item-info-points-reduction .reward-item-info-points-number:first-of-type {
	color: rgba(255,255,255,0.48);
	font-size: 1.0em;
	text-decoration: line-through;
}
.reward-item-info-points-reduction .reward-item-info-points-number:nth-of-type(2) {
	/*color: #FDA035 !important;*/
}
.reward-item-info-points.reward-item-info-points-reduction div {
    margin-top: 1px;
}
.reward-item-info-points-reduction .reward-item-info-points-text {
    margin-top: 0px;
}
/*summary point reduction detail*/
.reward-item-dash-points-reduction span {
	font-size: 1.8em !important;
}
.reward-item-dash-points-reduction span:first-of-type {
	color: rgba(119,119,119,0.5);
	text-decoration: line-through;
	padding-right: 10px;
	font-family: "Rubik", sans-serif;
}

.reward-itempage-image-wrap .lSSlideOuter {
	margin-bottom: -15px;	
}



@media (max-width: 719px) {
.reward-item-header {
	text-align: center;
}	
}
/* Reward POPUP
============================*/
.online-redemption-reward-wrap .online-redemption-reward-img img {
	max-width: 85%;
}
.online-redemption-reward-img {
	float: left;
	width: 30%;
}
.online-redemption-reward-info {
	float: right;
	width: 70%;
}
.online-redemption-reward-info H2 {
	margin-top: 0.4em;
}
.online-redemption-code-wrap .online-redemption-code {
	float: left;
	width: 60%;	
}
.online-redemption-code-wrap .online-redemption-code input {
	max-width: 90% !important;	
}
.online-redemption-code-copy {
	float: left;
	width: 40%;		
}
.online-redemption-code-copy a {
	display: block;
	background-color: #00A3C2;
	color: #FFFFFF !important;
	padding: 0.35em 1em;
	text-align: center;
}
.online-redemption-code-site-link {
	display: block;
	background-color: #00A3C2;
	color: #FFFFFF !important;
	padding: 0.3em 0.2em;
	text-align: center;
	margin: 10px 0px;
}
@media (max-width: 600px) {
.online-redemption-reward-wrap .online-redemption-reward-img img {
	max-width: 100px;
}
.online-redemption-reward-img {
	display: none;
}
.online-redemption-reward-info {
	float: none;
	width: 100%;
	text-align: center;
}	
}

/* ADSERVE
============================================*/
.adserver {
	text-align: center;	
}
.adserver img {
	width: 100% !important;
	max-width: 400px;
	margin-bottom: 1.2em;
}

/* Header primary
========================================*/
.spends-rewards-header figure.hdr {
	max-height: 500px;
	overflow: hidden;
}
.spends-rewards-header figure.hdr figcaption {
	left: 0%;
	right: 0%;
	top: 0px;
	bottom: 0px;
	padding: 8% 0% 0em 0%;
	background-image: url(images/header-secondary-circles.png);
	background-repeat: no-repeat;
	background-position: right -20% top;
	background-color: transparent !important;
	text-align: left;
	background-size: auto 500px;
	overflow: hidden;
}
.earns-overview-header figure.hdr figcaption {
	background-image: url(images/header-secondary-circles2.png);
}
.blog-overview-header .earns-overview-header figure.hdr figcaption {
	background-image: url(images/header-secondary-circles3.png);
}

.spends-rewards-header figure.hdr figcaption H1,.spends-rewards-header figure.hdr figcaption P {
	max-width: 1200px;
	margin: 0px auto 0.35em auto;
	padding-left: 40%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.spends-rewards-header .btn-primary {
	color: rgba(255,255,255,1.00);
	font-size: 1em;
	text-transform: none;
	border: none;
	background-color: #000000;
	font-family: "Rubik", sans-serif;
	border-radius: 4px;
	display: block;
	width: 240px;
	margin-top: 20px;
	font-weight: bold;
}
@media (max-width: 1700px) {
.spends-rewards-header figure.hdr figcaption {
	background-position: right -240px top;
	background-size: auto 100%;
}
}
@media (max-width: 1400px) {
.spends-rewards-header figure.hdr figcaption {
	background-position: right -150px top;
	background-size: auto 100%;
	padding: 8% 0% 0em 0%;
}
.spends-rewards-header figure.hdr figcaption H1,.spends-rewards-header figure.hdr figcaption P {
	padding: 0 10% 0 45%;
}
.spends-rewards-header figure.hdr figcaption H1 {
	font-size: 1.7em;
}
.spends-rewards-header figure.hdr figcaption P {
	font-size: 60.5%;
}
}
@media (max-width: 900px) {
.spends-rewards-header figure.hdr img {
	width: 112% !important;
	max-width: none !important;
	margin-left: -6%;
}
.spends-rewards-header figure.hdr figcaption H1 {
	font-size: 1.3em;
}
.spends-rewards-header figure.hdr figcaption P {
	font-size: 0.6em;
}
.spends-rewards-header figure.hdr figcaption H1,.spends-rewards-header figure.hdr figcaption P {
	padding: 0 10% 0 45%;
	line-height: 1.3em;
}

}

@media (max-width: 700px) {
.spends-rewards-header figure.hdr img {
	width: 170% !important;
	max-width: none !important;
	margin-left: -35%;
}
.spends-rewards-header figure.hdr figcaption {
	background-position: right -200px bottom;
	background-size: auto 120%;
	padding: 10% 0% 0em 0%;
}
.spends-rewards-header figure.hdr figcaption H1,.spends-rewards-header figure.hdr figcaption P {
	padding: 0 5% 0 15%;
	line-height: 1.3em;
}
}
@media (max-width: 450px) {
.spends-rewards-header figure.hdr figcaption {
	background-position: right -200px bottom;
	background-size: auto 120%;
	padding: 15% 0% 0em 0%;
}
.spends-rewards-header figure.hdr img {
	width: 220% !important;
	max-width: none !important;
	margin-left: -60%;
}
.spends-rewards-header figure.hdr figcaption H1 {
	font-size: 1.1em;
}
.spends-rewards-header figure.hdr figcaption P {
	font-size: 0.5em;
}
.spends-rewards-header figure.hdr figcaption H1,.spends-rewards-header figure.hdr figcaption P {
	padding: 0 5% 0 5%;
}
}


@media (max-width: 700px) {
	.spends-rewards-header figure.hdr figcaption {
		text-align: center;
	}
	#donations-mobile-wrapper, #prize-draw-mobile-wrapper {
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	.spends-rewards-header .btn-primary {
		width: 90%;
	}
}

@media (max-width: 700px){
	.spends-rewards-header figure.hdr figcaption H1, .spends-rewards-header figure.hdr figcaption P {
		padding-left: 5%;
	}
}


/* Header secondary
========================================*/

.header-secondary figure.hdr figcaption {
	left: 0%;
	right: 0%;
	top: 0px;
	bottom: 0px;
	padding: 5% 7% 3em 8%;
	background-image: url(images/header-secondary-circles.png);
	background-repeat: no-repeat;
	background-position: left 10% top;
	background-color: transparent !important;
	text-align: left;
	background-size: auto 100%;
	overflow: hidden;
}

.header-secondary figure.hdr figcaption H1,.header-secondary figure.hdr figcaption P,.search-page-wrap {
	max-width: 1200px;
	margin: 0px auto;
	padding-right: 60%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.search-page-wrap {
	padding-top: 80px;
}
@media (max-width: 1500px) {

.header-secondary figure.hdr figcaption {
	padding: 5% 7% 3em 8%;
	background-position: left top;
	background-size: auto 100%;
}
.header-secondary figure.hdr figcaption H1,.header-secondary figure.hdr figcaption P,.search-page-wrap {
	padding-right: 70%;
}
.header-secondary figure.hdr img {
	width: 112% !important;
	max-width: none !important;
	margin-left: -6%;
}
}
@media (max-width: 1000px) {

.header-secondary figure.hdr figcaption {
	padding: 5% 7% 3em 8%;
	background-position: left bottom;
	background-size: auto 120%;
}
.header-secondary figure.hdr figcaption H1,.header-secondary figure.hdr figcaption P,.search-page-wrap {
	padding-right: 60%;
	line-height: 1.2em;
}
.header-secondary figure.hdr img {
	width: 120% !important;
	max-width: none !important;
	margin-left: -10%;
}
}
@media (max-width: 800px) {

.header-secondary figure.hdr figcaption {
	padding: 15% 7% 3em 8%;
	background-position: left bottom;
	background-size: auto 100%;
}
.header-secondary figure.hdr figcaption H1,.header-secondary figure.hdr figcaption P,.search-page-wrap {
	padding-right: 40%;
	line-height: 1.2em;
}
.header-secondary figure.hdr img {
	width: 200% !important;
	max-width: none !important;
	margin-left: -50%;
}
.search-page-wrap {
	padding-top: 40px;
}
}
@media (max-width: 500px) {

.header-secondary figure.hdr figcaption {
	padding: 15% 7% 3em 8%;
	background-position: left bottom;
	background-size: auto 120%;
}
.header-secondary figure.hdr figcaption H1,.header-secondary figure.hdr figcaption P,.search-page-wrap {
	padding-right: 0%;
	line-height: 1.2em;
}
.header-secondary figure.hdr img {
	width: 260% !important;
	max-width: none !important;
	margin-left: -80%;
}
}

/* Header third
========================================*/
.header-third .restrict-widthx {
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}
.header-third figure.hdr figcaption {
	left: 0%;
	right: 0%;
	top: 20%;
	bottom: 0px;
	background-color: transparent !important;
	text-align: left;
	overflow: hidden;
}
.header-third figure.hdr P,.header-third figure.hdr H1 {
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1500px) {
.header-third figure.hdr img {
	width: 112% !important;
	max-width: none !important;
	margin-left: -6%;
}
}
@media (max-width: 1000px) {
.header-third figure.hdr img {
	width: 120% !important;
	margin-left: -10%;
}
}
@media (max-width: 800px) {
.header-third figure.hdr img {
	width: 200% !important;
	margin-left: -50%;
}
}
@media (max-width: 500px) {
.header-third figure.hdr img {
	width: 260% !important;
	margin-left: -80%;
}
}
/* SPENDS
========================================*/
.colour.spends-buttons {
	background-color: #ffffff;	
}
.spends-buttons .btn-primary {
	color: #FFFFFF;	
	border-color: #00b2dc;
	margin: -2em 0.5em 2em 0.5em;
	background-color: #00b2dc;	
}
.colour.spends-rewards-wrap {
	padding-top: 0.5em;
}

.spends-draw-donate .btn-primary {
	display: inline-block;
	width: 80%;
	max-width: 250px;
	margin: 0.8em 0;
	background-color: #FFFFFF;
}
.spends-draw-donate H3 {
	color: #F08305;
	font-size: 2.4em;
}
.colour.spends-draw-donate {
	padding-bottom: 0px;	
}
.colour.spends-draw-donate img {
	margin-bottom: 0px !important;
	display: block;
}
@media (max-width: 1200px) {

}
@media (max-width: 1000px) {
}
@media (max-width: 500px) {
.spends-buttons .btn-primary {
	color: #FFFFFF;
	border-color: #F08305;
	margin: -2em 0.2em 2em 0.2em;
	background-color: #F08305;
	padding: 11px 9px;
	font-size: 0.8em;
}
}

/* SPENDS ITEM
==============================*/
.reward-item-dash-wrap {
	/*background-color: #E9E9E9;*/	
}
.reward-item-dash-wrap .column.third.flow-opposite {
	/*background-color: #E9E9E9;*/	
}
.reward-item-dash-wrap .column.two-thirds img {
	margin: 0px;
	display: block;
}
.reward-item-dash-wrap .reward-item-info-wrap {
	border: none;
	background-color: #f0f0f0;
	padding: 1px 20px 10px 20px;
	height: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.reward-item-dash-wrap .reward-item-info-wrap H1 {
	line-height: 1.2em;
	margin-bottom: 0.2em;
	font-size: 1.8em;
}
.reward-item-dash-wrap .reward-item-info-wrap H1 span {
	color: #F08305;
	font-size: 60%;
	display: block;
}
.reward-item-back-button {
	text-align: right;
	margin-top: 1.8em;
}
.reward-item-back-button .btn {
	padding: 4px 15px;
	font-size: 0.9em;
}
.reward-item-dash-points {
	font-weight: bold;
	font-size: 1.3em;
	color: #F08305;
	margin: 0em 10px 6px 0em;
	display: inline-block;
	vertical-align:bottom;
}
.reward-item-dash-qty {
	display: inline-block;
	vertical-align:bottom;	
}
.btn-back-history {
	display: none;
}
.reward-item-dash-points span {
	font-weight: bold;
	font-size: 2.2em;
	color: #F08305;
	line-height: 1em;
}
.reward-item-dash-qty select {
	width: 50px;
	padding: 5px;
}
.reward-item-dash-buy input[type=submit] {
	padding: 15px 45px;
	background-color: #F08305;
	color: #FFFFFF;
	border: none;
	margin-top: 10px;
	font-family: "Rubik", sans-serif;
	font-weight: bold;
	font-size: 1em;
}
.reward-item-dash-type span {
	font-family: "Rubik", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin-top: 2em;
	background-image: url(images/Rew-icon-online.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px auto;
	padding-left: 25px;
}
.reward-item-dash-type P {
	padding-left: 25px;
	line-height: 1.25em;
}
.reward-item-dash-type P {
	font-size: 0.85em;
	line-height: 1.2em;
	margin: 0.3em 0em 2em 0em;
}
.reward-item-dash-date {
	background-image: url(images/Rew-icon-date.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px auto;
	padding-left: 25px;	
	font-size: 0.85em;
	line-height: 1.2em;
	margin: 1em 0em;
}
.reward-item-dash-partner {
	background-image: url(images/Rew-icon-partner.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px auto;
	padding-left: 25px;	
	font-size: 0.85em;
	line-height: 1.9em;
	margin: 1.5em 0em;
}
.reward-item-terms {
	font-size: 80%;
}
.reward-item-desc H3,.reward-item-terms H4 {
	min-height: 35px;
	margin-top: 20px;
}
.colour.reward-item-test-wrap {
	padding-top: 1.5em;
}
.reward-item-map {

}
.reward-item-map #map {
	width: 100%;
	max-width: 100%;
	height: 300px;
	background-color: #f0f0f0;
}
@media (max-width: 719px) {

}
/* Donate Sum
==============================*/
.colour.Donation-sum {
	padding-top: 1.5em;
}
.Donation-sum figure {
	overflow: hidden;
}
.Donation-sum img {
	width: 300% !important;
	margin-right: -100%;
	margin-left: -100%;
	max-width: none !important;
}
@media (max-width: 500px) {
.Donation-sum .fourth-half {
	width: 100% !important;
}
}
/* Donate Item
==============================*/
.colour.donations-item-text {
	padding-top: 2em;
	padding-bottom: 0em;
}
.donate-boxes-inner {
	background-color: #F08305;
	color: #FFFFFF !important;
	min-height: 250px;
	text-align: center;
	padding: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.donate-boxes-number {
	font-weight: bold;
	font-size: 3.5em;
	margin: 0.4em 0 0.4em 0;
	
}
.donate-boxes-text {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2em;
}
.donate-box-2 .donate-boxes-inner {
	background-color: #009c49;
}
.donate-box-3 .donate-boxes-inner {
	background-color: #00a7ce;
}

.donate-item-item-wrap {
	background-color: #E9E9E9;
	margin-top: 8px;
	padding: 7px;
	position: relative;
}
.donate-item-item-wrap-selected {
	background-repeat: repeat-y;
	background-position: left 0%;
	background-size: 204px auto;
}
.donate-item-item-logo {
	float: left;
	margin-right: 30px;
	width: 190px;
}
.donate-item-item-logo img {
	width: 100%;
	max-width: 190px;
	display: block;
}
.donate-item-item-title {
padding-bottom:20px;
}
.donate-item-item-points span {
	font-weight: bold;
	font-size: 3.0em;
	color: #000000;		
}
.donate-item-item-go .btn {
	position: absolute;	
	right: 7px;
	bottom: 0px;
}

.donate-item-drop-wrap {
	background-repeat: repeat-y;
	background-position: left 0%;
	background-size: 204px auto;
	border-bottom: solid 1px #E1E1E1;
	border-right: 1px solid #E1E1E1;
}
.donate-item-drop-1,.donate-item-drop-2,.donate-item-drop-3 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.donate-item-drop-1 {
	width: 206px;
	float: left;
	padding: 20px 20px;
}
.donate-item-drop-2 {
	width: calc(75% - 206px);
	float: left;
	padding: 20px 30px;
}
.donate-item-drop-3 {
	width: 25%;
	float: left;
	padding: 30px 30px;
}
.donate-item-drop-enterpoints {
	font-weight: bold;
	font-size: 1.8em;
	color: #000000;
	line-height: 1.2em;
}
.donate-item-drop-input input:not([type=submit]):not([type=image]) {
	font-size: 1.8em;
	text-align: center;
	width: 100%;
	margin: 20px 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.donate-item-drop-go input[type=submit] {
	font-size: 1.0em;
	text-align: center;
	width: 100%;
	margin: 0px 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFFFFF;
	border-color: #FFFFFF;
	text-transform: uppercase;
	padding: 17px 5px;
	font-family: "Rubik", sans-serif;
	font-weight: bold;
}
.boost-multiplier {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 3em;
	text-align: center;
	padding: 0px;
	border-bottom: 5px solid #ffffff;
}
.donation-boost P {
	color: #FFFFFF;
	font-size: 0.8em;
	line-height: 1.2em;
}
@media (max-width: 850px) {
.donate-item-item-go .btn {
	position: relative;
	right: auto;
	bottom: auto;
	margin-top: 10px;
}
.donate-item-item-points span {
	font-size: 2.0em;
	line-height: 1.2em;
}
.donate-item-item-title H3 {
	margin-bottom: 0.0em;
}
}
@media (max-width: 719px) {
.donate-item-item-wrap-selected {
	background-image: none;
}
.donate-item-drop-wrap {
	background-image: none;	
}
.donate-item-drop-1 {
	float: none;
	background-color: #F08305;
	width: 100%;
}
.donate-item-drop-2 {
	width: 100%;
	padding: 20px 30px;
}
.donate-item-drop-3 {
	width: 100%;
	padding: 0px 0px 30px 0px;
	text-align: center;
}
}
@media (max-width: 500px) {
.donate-item-item-logo {
	float: none;
	margin-right: 0px;
	text-align: center;
}
.donate-item-item-logo img {
	max-width: 120px;
}
}

/* EARNS SUMMARY
===========================*/
.colour.earns-sum-wrap {
	padding-top: 1.5em;
}
.colour.earns-sum-wrap H2 {
	margin-bottom: 1.5em;
}

.earn-item-wrap {
	background-color: #f08305;
	position: relative;
}
.earn-item-wrap .reward-item-info-points {
	background-color: #f08305;
	/* background-image: url(images/earns-plus.png); */
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top 4px;;
	background-size: auto 8px;
}
.earn-item-wrap .reward-item-info-points-number {
	padding-top: 4px;	
}
.earn-item-wrap .reward-item-info-wrap {
    border: solid 1px #f08305;
    border-top: none;
}
.earn-item-quiz-wrap {
	background-image: url(images/earns-try-quiz.png);	
}
.earn-item-pledge-wrap {
	background-image: url(images/earns-make-pledge.png);	
}
.earn-item-video-wrap {
	background-image: url(images/earns-video.png);	
}
.earn-item-refer-wrap {
	background-image: url(images/earns-refer.png);	
}
.earn-item-quiz,.earn-item-pledge,.earn-item-video,.earn-item-refer {
        border-top-right-radius: 30px;
	position: absolute;
	bottom: 63px;
	left: 0px;
	width: 72px;
	height: 72px;
	background-image: url(images/earn-icon-quiz.png);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 999;
}
.earn-item-pledge {
	background-image: url(images/earn-icon-pledge.png);
}
.earn-item-video {
	background-image: url(images/earn-icon-video.png);
}
.earn-item-video {
	background-image: url(images/earn-icon-video.png);
}
.earn-item-refer {
	background-image: url(images/earn-icon-refer.png);
}
.earns-sum-wrap .reward-item-info-desc {
    padding: 0.7em 1em 0.4em 1em;
    font-size: 1.05em;
    color: #777777;
    line-height: 1.2em;
}


.points-code-wrap {
	background-color: #FFFFFF;
	padding: 1em 2em;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
.points-code-div {
	display: inline-block;
	margin-right: 20px;
	vertical-align:middle;
}
.points-code-text {
	font-family: "Rubik", sans-serif;
	font-weight: bold;
	margin-top: 0px;
}
.points-code-button input {
	padding: 15px 15px !important;
}
input.points-code-input {
	margin-bottom: 0px !important;
	margin-right: 0px !important;
	width: 80px !important;
	text-align: center;
}

@media (max-width: 719px) {
.points-code-text {
	width: 90%;
	margin-bottom: 10px;
}
.points-code-div {
	margin-right: 10px;
}
.points-code-button input {
	padding: 11px 8px !important;
}
}
@media (max-width: 450px) {
.points-code-wrap {
	padding: 1em 0.5em;
}

}



/* EARNS ITEM
===========================*/
.colour.earn-item-colour {
	padding-top: 0px;	
}
.earn-points-number {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000000;
	background-image: none;
/*
	background-image: url(images/earns-plus.png);
*/
    background-repeat: no-repeat;
    background-position: center top 10px;
    background-size: auto 8px;
	padding: 20px 20px;
	width: 70px;
	height: 70px !important;
	color: #FFFFFF;
	text-align: center;
	border-bottom-right-radius: 50%;
}
.earn-points-number span {
	display: block;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.1em;
}

.earn-carbon-saving {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #444444;
	background-image: url(images/pledge-footprint.png);
	background-repeat: no-repeat;
	background-position: center top 10px;
	background-size: auto 40px;
	padding: 25px 20px;
	width: 70px;
	height: 70px !important;
	color: #FFFFFF;
	text-align: center;
	border-bottom-left-radius: 50%;
	display: none;
}
.earn-carbon-saving.activate-carbon {
	display: block;
}
.earn-carbon-saving.footprint-only {
	background-size: auto 50px;
	padding: 13px 20px;
	height: 50px !important;
	width: 35px !important;
}

.earn-carbon-saving span {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1em;
	margin-top: 30px;
}


.er-item-quizbutton,button#quiz-start {
	background-color: #00b856;
	color: #000000;
	padding: 1em 3em 1em 2em;
	cursor: pointer;
	background-image: url(images/go-white.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: auto 22px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 3px;
	border: none;
	display: block;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Rubik", sans-serif;
	text-align: left;
	font-size: 1em;
}
.earn-item-colour figure.header-one figcaption {
	background-color: #000000;
}
.er-item-quizbutton:hover,button#quiz-start:hover {
	background-color: #00B2DC;
}
.Earns-item-content-extras {
	background-color: #FFFFFF;
	padding: 1.5em;
	text-align: center;
}
.earn-points-content {
	position: relative;
	/*height: 100vh;*/	
}

.er-other-email ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.er-other-email label {
    display: block;
    width: 250px;
}
.er-item-quizz-wrap {
	padding-bottom: 20px;
	text-align: center;
}
/* qizz updats 2018 */
#quiz-container #goBtn #btn {
    text-align: left !important;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    margin: 0.0em 0em;
    line-height: 1.4;
    font-size: 1.0em;
	padding: 15px 28px;
	min-height: 53px !important;
    border-radius: 50px;
}

/*ON THE GO
===============*/
.bar-code-wrapper {
	margin-bottom: 10px;	
}
.bar-code-button {
	background-image: url(images/onthego-but-barcode.gif);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 58px;
	background-color: #F08A1F;
	cursor: pointer;
	}
.kiosk-receipt-wrapper {
	width: 100%;
	min-height: 58px;
	background-color: #F08A1F;
	background-image: url(images/otg-enter-receipt.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: auto 38px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 10px 0px 130px;
	margin-bottom: 10px;
}
#receipt_input_wrapper {
	min-height: 58px;
}
#receipt_input_wrapper input {
	vertical-align: middle;
	margin: 7px 10px 7px 0px;
	display: inline-block;
	width: 130px;
}
#receipt_submit {
	border: solid 1px #fff;
	color: #FFFFFF;	
	background-color: transparent;
	padding: 10px 10px;
	font-family: "Rubik", sans-serif;
	display: inline-block;
	vertical-align: middle;
	margin: 7px 0px 7px 0px;
}


/*
#onthego_buttons {
	background-image: url(images/onthego-but-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
#receipt_input_wrapper {
	position: relative;	
	}

#receipt_input_wrapper input {
	width: 180px !important;
	height: 34px !important;
	border: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin: 0px;
	}
#onthego_buttons #receipt_entry {
	background-color: #F08A1F;
	padding: 4px;
	margin: 0px;
	}
#onthego_buttons #receipt_submit {
	width: 25px;
	height: 38px;
	background-color: #F08A1F;
	background-image: url(images/onthego-but-V.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 3px;
	top: 3px;
	cursor: pointer;
	}

#barcode_gotologin {
	background-image: url(images/onthego-but-barcode-login.gif);
	background-repeat: no-repeat;
	width: 228px;
	height: 58px;
	background-color: #F08A1F;
	cursor: pointer;
	margin-bottom: 60px;
	}
*/
/* ON THE GO MAP
================================*/
.otg-find-banner {
	margin-bottom: 12px;	
	}
#otg_myMap {
	width: 100%; 
	height: 350px; 
	float: left;
	}
#otg_location {
	float: right;
	position: relative;
	width: 100%;
	height: 348px;
	border: solid 1px #f08a1f;
	
	}
#otg_postcode_input_wrapper {
	background-color: #F08A1F;
	padding: 4px;
	margin: 0px;
	}
#otg_postcode_input_wrapper input {
	width: 65% !important;
	height: 34px !important;
	border: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin: 0px;
	}
#otg_postcode_input_wrapper button {
	width: 20%;
	height: 38px;
	background-color: #F08A1F;
	background-image: url(images/onthego-but-V.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	background-size: auto 40px;
	}
#otg_results {
	margin: 0px;
	padding: 0px;
	overflow-y: auto;
	height: 288px;
	}
.otg_kiosklist {
	list-style: none;
	border-bottom: 1px solid #ef7800;
	margin: 0px 10px 0px 10px;
	padding: 10px 12px 10px 27px;
	cursor: pointer;
	background-image: url(images/onthego-map-LI-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
.otg_kiosktitle {
	color: #EF7800;	
	font-family: 'Rubik', sans-serif;
	font-weight: bold;
	}
.otg_kioskmiles {
	display: block;
	font-family: 'Rubik', sans-serif;
	font-weight: bold;
}
/* PRIZE DRAW
===========================*/
.prize-item-wrap {
	background-color: #FFFFFF;
	color: #FFFFFF !important;
    border:2px solid #000000;
}
.prize-item-points {
	float: left;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.3em;
	padding: 30px;
}
.prize-item-amount {
	float: left;
	padding: 25px 40px 0px 40px;
}
.prize-item-amount input[type=number] {
	width: 50px !important;
	font-family: "Rubik", sans-serif !important;
	font-weight: bold;
	text-align: center;
}
.prize-item-go {
	float: left;
	padding: 15px;
	cursor: pointer;
	background-color: black;
	color: white;
	margin-top: 20px;
}
@media (max-width: 799px) {
.prize-item-points {
	font-size: 1.1em;
	padding: 15px;
	width: 95px;
}
.prize-item-points span {
	display: block;
}
.prize-item-amount {
	padding: 25px 10px 0px 20px;
}
.prize-item-amount input:not([type=submit]):not([type=image]) {
	width: 30px;
	padding: 4px;
}
.prize-item-go {
	padding: 15px;
}
}
@media (max-width: 550px) {
	.prize-text-wrap {
    width: calc(100% + 200px);
    margin-left: -210px;
    float: left !important;
	padding: 15px 0px !important;
}
.prize-item-points {
	font-size: 1.0em;
	padding: 20px 10px;
	width: 80px;
	margin-right: 10px;
}
.prize-item-points span {
	display: block;
}
.prize-item-amount {
	padding: 10px 10px 0px 20px;
	float: none;
}
.prize-item-amount input:not([type=submit]):not([type=image]) {
	width: 30px;
	padding: 4px;
}
.prize-item-go {
	padding: 5px 35px 5px 35px;
	float: none;
}
.prize-item-go img {
	max-height: 25px;
}
.prizedesc {
    clear: both;
    padding: 15px 0px 15px 0px !important;
}		
}
/*START ORIGNINAL*/
.prizewrapper {
	border-top: solid 1px #D0D0D0;
	padding-top: 10px;
	margin-top: 20px;
	clear: both;
	}
.prizeimg {
	width: 300px;
	float: left;
	margin-right: 30px;
	}
/*.prizeimg img {
	width: 300px;
	}*/
.prize-detail {
	float: left;
	width: calc(100% - 330px);
}
.prize-text-wrap {
	float: left;
	width: calc(100% - 180px);
	}
.baseprize,.firstprize,.secondprize,.thirdprize,.fourthprize,.fifthprize,.sixthprize,.seventhprize,.eighthprize,.ninthprize,.tenthprize {
	float: left;
	width: 115px;
	height: 115px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	margin-left: -60px;	
}

.baseprize {
/*	background-image: url(images/sweepstake-base.png); */
}
.firstprize {
/*	background-image: url(images/sweepstake-1st.png); */
	}
.secondprize {
/*	background-image: url(images/sweepstake-2nd.png); */
	}
.thirdprize {
/*	background-image: url(images/sweepstake-3rd.png); */
	}
.fourthprize {
/*	background-image: url(images/sweepstake-4th.png); */
	}
.fifthprize {
/*	background-image: url(images/sweepstake-5th.png); */
	}
.sixthprize {
/*	background-image: url(images/sweepstake-6th.png); */
	}
.seventhprize {
/*	background-image: url(images/sweepstake-7th.png); */
	}
.eighthprize {
/*	background-image: url(images/sweepstake-8th.png); */
	}
.ninthprize {
/*	background-image: url(images/sweepstake-9th.png); */
	}
.tenthprize {
/*	background-image: url(images/sweepstake-10th.png); */
	}
	
.prizeqty {
	float: left;
/*	background-image: url(images/sweepstake-X.png); */
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 75px;
	height: 50px;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 20px;
	}
.prizeqty span {
	color: #000000;
	font-size: 35px;
	font-weight: bold;
	}
.prize-detail H2 {
	/*float: left;*/
	margin-top: 1px;
	font-size: 35px;
	}
.prizedesc {
	clear: both;
	padding: 15px 0px;
	}
.prizeterms H3 {
	font-size: 13px;
	margin-top: 7px;
	margin-bottom: 2px;
	}

.sweepstakes-finished {
	
	}
.winnerimg img {
	width: 260px;
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 20px;
	}
.winnername {
	font-weight: bold;
	font-size: 18px;	/*float: left;*/
	margin-left: 20px;
	}
.winnerquote {
	margin-left: 20px;
	}
.winnerswrapper {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-top: 20px;
	background-color: #E7E7E7;
	clear: both;

	}
.winnerswrapper H2 {
	color: #FFFFFF;
	display: block;
	padding-top: 9px;
	padding-bottom: 12px;
	padding-left: 20px;
	background-image: url(images/sweepstake-winner-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
}
	
.sweepstakes .blog-summary-footer-numbers-item {
	margin-top: 30px;
	}
.sweepstakes .donations-item-points-wrap {
	background-image: url(images/sweepstakes-item-bg.gif);
}
@media (max-width: 800px) {
.prize-detail {
    float: left;
    width: calc(100% - 230px);
}
.prize-text-wrap {
    width: calc(100% + 200px);
	margin-left: -210px;
	float: none;
}
/*.prizeimg,.prizeimg img {
		width: 200px;
}*/
.baseprize,.firstprize,.secondprize,.thirdprize,.fourthprize,.fifthprize,.sixthprize,.seventhprize,.eighthprize,.ninthprize,.tenthprize {
	float: left;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	margin-left: -80px;
	background-size: cover;
}
.prize-detail H2 {
	margin-top: 3.5em;
    margin-bottom: 0px;
    font-size: 1.5em;
}
.prizeqty {
    width: 70px;
    height: 50px;
    padding-top: 65px;
    padding-left: 25px;
    padding-right: 15px;
}
.prizedesc {
    clear: both;
    padding: 15px 0px 15px 220px;
}
}
/*END ORIGNINAL*/

/*PARTNER
==============================*/
.partner-H3 {
	margin-bottom: 2em;
}
.partner-H3 H3 {
	margin-bottom: 1.5em;
}

/* LOGIN PAGE
==========================*/
.login-page-wrap label {
	display: block;
	margin-left: 5px;
	margin-bottom: 3px;
}
.login-page-wrap button[type=submit] {
	display: block;
	width: 150px;
	margin-bottom: 30px;
	margin-top: 10px;
}
/*404 error
====================*/
.error-buttons-four .btn {
	margin: 1em 1em;
}


/* faq items added by tony when tom wasnt available */

#faqgen_wrapper {
}

#faqcat_wrapper {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-bottom: 20px;
}
#faqques_wrapper {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-bottom: 20px;
}
#faqanswer_wrapper {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
	border: 1px solid #00bbd0;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #d7f0f4;
}
#faqgen_wrapper label {
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
}
#faqquestiontext {
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
}


/* PRIZE DRAW UPDATES 2018 MARCH
=========================================*/
div.countdown {
	max-width: 1200px;
    margin: 0px auto;
}	

div.countdown div {
	height: auto !important;

}
div.countdown {
	height: 160px !important;
	margin-top: 8px;
	text-align: left;
}
.countdown-days,.countdown-hours,.countdown-minutes,.countdown-seconds {
	float: left;
	width: 25%;
	text-align: center;
	border-left: solid 1px rgba(255,255,255,0.25);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 0px;
	line-height: 1.25em;
}
.countdown-seconds {
	border-right: solid 1px rgba(255,255,255,0.25);
}
.countdown-text {
	font-family: "Rubik", sans-serif;
	font-weight: bold;
	width: 290px;
	text-align: left;
}
.countdown-times {
	font-size: 2em;
	font-family: "Rubik", sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	width: 290px;
	text-align: center;
}
.countdown-wording {
	font-size: 0.5em;
	width: 290px;
	text-align: center;
}

.header-secondary.header-secondary-countdown figure.hdr figcaption {
    padding: 3% 7% 2em 8%;
    background-position: left top;
    background-size: auto 100%;
}


@media (max-width: 1500px) {
.header-secondary.header-secondary-countdown figure.hdr figcaption {
    padding: 2% 7% 2em 8%;
}

}
@media (max-width: 1200px) {
.header-secondary.header-secondary-countdown figure.hdr figcaption {
    padding: 2% 7% 2em 8%;
}
.header-secondary.header-secondary-countdown figure.hdr figcaption H1 {
	margin: 0.0em 0em;
	line-height: 1.15em;
	font-size: 1.5em;
}
}

@media (max-width: 1000px) {
.countdown-text {
	font-size: 0.75em;
}
.countdown-times {
	font-size: 1.5em;
	margin-bottom: 5px;
	width: 250px;
	text-align: center;
}
.countdown-wording {
	font-size: 0.4em;
	width: 250px;
}	
}
@media (max-width: 800px) {
.header-secondary.header-secondary-countdown figure.hdr figcaption {
    padding: 5% 7% 2em 8%;
}	
}


@media (max-width: 375px) {
.header-secondary.header-secondary-countdown figure.hdr figcaption {
    padding: 2% 7% 2em 8%;
}	
.header-secondary.header-secondary-countdown figure.hdr figcaption H1 {
	margin: 0.0em 0em;
	line-height: 1.15em;
	font-size: 1.2em;
}
}

/* donations */
.header-secondary-countdown-donations .countdown-times .countdown-days {
	font-size: 0.6em;
	line-height: 2em;
}
.header-secondary.header-secondary-countdown.header-secondary-countdown-donations figure.hdr figcaption H1 {
	line-height: 1.15em;
	font-size: 1.5em;
}
@media (max-width: 1100px) {
.header-secondary.header-secondary-countdown.header-secondary-countdown-donations figure.hdr figcaption H1 {
	line-height: 1.15em;
	font-size: 1.2em;
}
.header-secondary.header-secondary-countdown.header-secondary-countdown-donations .countdown-text {
	font-size: 0.75em;
}	
}


/* REWARD COLOUR OVER_RIDES
======================================*/

.reward-item-wrap.rewards-plus-override {
	background-color: #309277;
	padding: 3px;
}
.rewards-plus-override .reward-item-info-wrap {
    background-color: #FFFFFF;
    border: solid 1px #309277;
    border-top: none;
}
.rewards-plus-override .reward-item-info-points {
    background-color: #309277;
    width: 70px;
    float: left;
    height: 63px;
    text-align: left;
}

/* SCRATCH CARD
=========================*/
#scratch-card-wrap {
	max-width: 600px;
	margin: 0em auto;
}

.val-searchr-home-right #dropmenu:hover {
	height: 400px !important;
	overflow-y: scroll !important;
}

.show-on-mobile-inline, .show-on-mobile {
	display: none;
}
@media (max-width: 719px) {
	.column.third.myacc-mobile-wrap {
		width: 33%;
	}
	.column.two-thirds.myacc-mobile-wrap {
		width: 66%;
	}
	.colour-my-account .ma3-card-top {
		display: flex;
		align-items:center;
	}
	.ma3-intro-points-wrap {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.myacc-mobile-wrap {
		float: left;
	}
	.hide-on-mobile {
		display: none;
	}
	.show-on-mobile {
		display: block;
	}
	.show-on-mobile-inline {
		display: inline ;
	}

	.ma3-card-bottom.ma3-border-green, .ma3-card-bottom.ma3-border-orange {
		margin-bottom: 20px;
	}
	#account-ul {
		display: none;
	}
	#mobile-tabs {
		max-width: 100%;
	}
}

@media (min-width: 420px) {
	.column.third.myacc-mobile-wrap {
		width: 20%;
	}

	.column.two-thirds.myacc-mobile-wrap {
		width: 80%;
	}
}


.mobile-footer {
	display: none;
	position: fixed;
	background: white;
	width: 100%;
	height: 75px;
	bottom: 0;
	left: 0;
	z-index: 500;
	border-top: 1px solid black;
	text-align: center;
}
@media (max-width: 500px) {
	.mobile-footer {
		display: block;
		min-width: 320px;
		z-index: 5000;
	}
	.main-content {
		margin-bottom: 100px;
	}
	#goToTop {
		bottom: 85px !important;
	}
	.mobile-footer-button {
		width: 60px;
		height: 60px;
		background-size: 100% 100%;
		margin-top: 9px;
	}
	#mobile-account img.mobile-footer-button {
		background-image: url("/images/mobile-footer/5Account.png");
	}
	#mobile-account img.mobile-footer-button:hover,#mobile-account img.mobile-footer-button.mobile-current {
		background-image: url("/images/mobile-footer/5AccountActive.png");
	}
	#mobile-donations img.mobile-footer-button {
		background-image: url("/images/mobile-footer/4Donate.png");
	}
	#mobile-donations img.mobile-footer-button:hover,#mobile-donations img.mobile-footer-button.mobile-current {
		background-image: url("/images/mobile-footer/4DonateActive.png");
	}
	#mobile-blog img.mobile-footer-button {
		background-image: url("/images/mobile-footer/blog.png");
	}
	#mobile-blog img.mobile-footer-button:hover {
		background-image: url("/images/mobile-footer/blog_hover.png");
	}
	#mobile-activities img.mobile-footer-button {
		background-image: url("/images/mobile-footer/3Activities.png");
	}
	#mobile-activities img.mobile-footer-button:hover,#mobile-activities img.mobile-footer-button.mobile-current {
		background-image: url("/images/mobile-footer/3ActivitiesActive.png");
	}
	#mobile-spend img.mobile-footer-button {
		background-image: url("/images/mobile-footer/2PrizeDraw.png");
	}
	#mobile-spend img.mobile-footer-button:hover,#mobile-spend img.mobile-footer-button.mobile-current {
		background-image: url("/images/mobile-footer/2PrizeDrawActive.png");
	}
	#mobile-return img.mobile-footer-button {
		background-image: url("/images/mobile-footer/1Return.png");
	}
	#mobile-return img.mobile-footer-button:hover {
		background-image: url("/images/mobile-footer/1ReturnActive.png");
	}
}

#new-my-account-header .welcome-back-text {
	padding-top: 100px;
	float: left;
	padding-bottom: 20px;
}


#new-my-account-header .welcome-back-text span{
	font-size: 35px;
}
#new-my-account-header span.welcome-back-strapline {
	font-size: 20px;
}
#new-my-account-header .welcome-back-points {
	padding-top: 100px;
	float: right;
}
#new-my-account-header .welcome-back-points .points-header{
	font-size: 35px;
}

#new-my-account-header .points-wording {
	font-size: 15px;
	line-height: 1;
	margin-top: -10px;
	float: right;
}

@media (max-width: 720px) {
	#new-my-account-header .welcome-back-text {
		padding-top: 0!important;
		float: left;
	}
	#new-my-account-header .welcome-back-strapline {
		display: none;
	}
	#new-my-account-header .welcome-back-points {
		padding-top: 0 !important;
		float: right;
	}

}

@media (max-width: 600px) {
	#new-my-account-header .welcome-back-text span{
		font-size: 20px;
	}

}


.ui-dialog .ui-state-default, .ui-dialog .ui-widget-content .ui-state-default, .ui-dialog .ui-widget-header .ui-state-default {
    background: #000 50% 50% repeat-x !important;
}

[aria-invalid="true"] {
  outline: 2px solid red;
}

[aria-invalid="true"] ~ .errormessage {
  display: block;
}



#hs-eu-cookie-confirmation {
   display: none;
}


#forgotten-password {
	background-color: black;
	color: white;
	cursor: pointer;
	padding: 5px;
	border: 0;
}

#mobile-tabs:focus-visible {
	outline: black solid 1px !important;
}

#mobile-tabs option {
	color: black;
	background-color: white;
}

#mobile-tabs option:focus,#mobile-tabs option:hover, #mobile-tabs option:active,  #mobile-tabs option:checked,  #mobile-tabs option:target,  #mobile-tabs option:focus-visible     {
	color: white !important;
	background-color: black !important;
}

.keep-account-button .ui-button-text, .delete-account-button .ui-button-text {
	color: white;
}

.communityButton {
	background-color: orange;
	margin: 5px;
}
.welcome-back {
	font-family: 'Rubik', sans-serif;
	color:#FFFFFF;
	font-size:1.5em;
}



.welcome-back-strapline {
	font-family: 'Rubik', sans-serif;
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:300;
	margin-top:0;
}

.my-account-section-title {
	font-weight: bold;
	color: #000000;
	font-size: 1.3em;
	padding: 30px 15px 15px 25px;
	font-family: 'Rubik', sans-serif;
}

@media (max-width: 400px) {
	.prizeqty {
		padding-left: 0;
		padding-right: 0;
		width: 60px;
	}
	.prizeqty span {
		font-size: 25px;
	}
}


.btnntb{
	font-family: poppins, sans-serif;
	font-weight: 0;
	font-size: 14px;
	color: #000000;
	background-color: #ffffff;
	padding: 12px 30px;
	border: none;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	border-radius: 50px;
	transition : 2432ms;
	transform: translateY(0);
	display: flex;
	flex-direction:row-reverse;
	align-items: center;
	cursor: pointer;
}

.btnntb:hover{
	transition : 2432ms;
	transform : translateY(-5px);

}
.img-menu{
	width:35px;
}

.header-logo{
	width:200px;
	margin-top:0;
	margin-bottom:0;
}
.newactivity{
	color:#000000;
	font-size:18px;
	font-family:poppins,sans-serif;
	display: flex;
	align-items: center;
	margin-bottom:15px;

}

.earn-item-wrap .reward-item-info-points {background:#00624C ;}
.earn-item-video{background-image: url(https://account.greenredeem.co.uk/images/surrey-green-video.png); background-color: #00624C ; border-top-right-radius:30px;}
.earn-item-pledge{background-image: url(https://account.greenredeem.co.uk/images/surrey-green-pledge.png); background-color: #00624C ; border-top-right-radius:30px;}
.earn-item-quiz{background-image: url(https://account.greenredeem.co.uk/images/surrey-green-quiz.png);background-color: #00624C ; border-top-right-radius:30px;}
.earn-item-wrap .reward-item-info-wrap {border:1px solid #00624C ; }
.earn-item-wrap{background-color:#00624C }
.reward-item-info-desc {color:#00624C ; font-size:1.0em; }

.activity-card {
	background-color:#ffffff;
	margin: 0 5px 30px 5px;
	border-radius:20px;
	text-align:center;
	position: relative;
}

.activity-card-complete {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.4;
	background: #009938;
	z-index:9;
	color:#FFFFFF;
	font-size:24px;
	font-weight:600;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius:20px;
}

.activity-card-top {
	border-radius:20px;
	text-align:center;
	position: relative;
}

.activity-card-inner {
	padding: 5px 25px 40px 25px;
	margin-bottom:0px;
}

.activity-card-image{
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}

.activity-card-channel{
	font-family:poppins,sans-serif;
	font-weight: 500;
	color:#FF914D;
	font-size:16px;
}

.activity-card-title{
	font-family:poppins,sans-serif;
	font-weight: 600;
	color:#000000;
	font-size:18px;
	margin-top:-15px;
	padding-bottom:15px;
	height:40px;
}

.activity-card-description{
	font-weight: 400;
	color:#000000;
	font-size:14px;
	font-family:poppins,sans-serif;
	text-overflow:ellipsis;
	overflow:hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;

}

.activity-card-carbon{
	background: rgba(0, 0, 0, 0.8);
	color:#FFFFFF;
	font-size:16px;
	font-weight: 500;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	width:35%;
	padding:5px;
	position: absolute;
	top:0;
	right:0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family:poppins,sans-serif;
}

.btn-activity{
	font-family:poppins,sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #ffffff;
	background-color: #000000;
	padding: 12px 30px;
	box-shadow: rgba(0, 0, 0, 0.15) 0 2px 8px;
	border-radius: 50px;
	text-align: center;
	cursor: pointer;
	margin:30px 10px;
	border:2px solid #000000;
	text-decoration:none;

}
.btn-activity:hover{
	background-color: #FFFFFF;
	border:2px solid #000000;
	color:#000000;

}

.cf-icon{
	width:20px;
	margin-right:5px;
}