/* gateway */
span.phonenumber,
.phonenumber {
    display: none!important;
}
	body {
		padding-top: 0;
	}
	.page-header {
		margin-top: 57px;
		margin-bottom: 1px;
	}
	.headbodywrap {
		background: none
	}
	.glyphicon {
		padding-right: 5px;
	}
	#Homewrap #mainbodyshell {
		padding: 0
	}
	#Homewrap .headbodywrap {
		padding-top: 0px!important;
	}

/* menu */

	.navbar {
		background: rgb(255, 255, 255)!important
	}
	#menucontents .nav>li>a {
		color: #4E4E50;
	}

/* banner */

	#rotatingcarousel .carousel-inner .item {
		padding: 200px 0;
		min-height: 600px
	}
	.schemelogo {
		display: inline-block;
		margin-bottom: 20px
	}
	#unauth_rotating h3 {
		color: #00583d!important;
	}
/* footer */

	#footer {
		background: #FFF
	}
	#footershell li {
		margin: 0 0 5px 10px;
		line-height: 40px;
	}
	#footershell {
		padding-top: 26px;
		height: auto
	}
	#pbpv-row {
		background: #FFF
	}
	.contact-footer {
		margin: 0 0 30px
	}

/* other */

	.ms-office-modal {
		margin-top: 20px;
	}
	#pwmodal {
		margin-top: 14%;
	}
	hr {
		border-top: 1px solid #fff;
	}
	input#password {
		letter-spacing: 3px;
	}
	.text-center .welcometext {
		text-align: left;
	}
	.homelogo {
		display: none;
	}
/* single page layout */

	#gw_help h3, p {
		color: #525761!important
	}
	#Homewrap.gatewaywrap #mainbody {
		display: none;
	}
	.colour1shell, .colour2shell, .colour3shell {
		padding: 100px 0;
	}
	#mainbodyshell {
		padding-bottom: 0;
	}
	#mainbodyshell .container {
		background: none;
	}
	#gw_help {
		padding: 50px 0 0;
		background: #f5f5f5
	}
	#gw_whatsitabout {
		background: #FFF;
		padding: 60px 0 30px;
	}
	#gw_welcome {
		height: auto;
		margin: 0 auto;
		width: 100%;
		position: relative;
		padding: 60px 0;
	}
	#gw_getinvolved {
		height: auto;
		margin: 0 auto;
		width: 100%;
		position: relative;
		padding: 80px 0;
		background: #00583d;
	}
	#gw_features {
		padding: 60px 0;
		background: #FFF
	}
	#gw_yourrewards {
		padding: 60px 0;
		background: #009964
	}
	#gw_help, #gw_help a {
		color: #00583d;
	}
	#gw_help a:hover {
		border-bottom: none!important;
	}
	#gw_help h2, #gw_help h3, #gw_help h4, #gw_yourrewards h2, #gw_yourrewards h3, #gw_yourrewards h4 {
		color: #4A2C4D;
	}
	#gw_welcome #rotatingbanner {
		padding-bottom: 50px;
	}
	#gw_welcome #rotatingbanner h1 {
		font-size: 60px;
		color: #4A2C4D
	}
	#gw_welcome #rotatingbanner h2 {
		font-size: 100px;
		color: #4A2C4D
	}
	#gw_welcome #rotatingbanner h3 {
		color: #FFF
	}
	#gw_getinvolved p {
		margin-top: 30px
	}
	#gw_getinvolved h2 {
		margin-bottom: 30px;
		font-size: 60px;
		color: #FFFFFF
	}
	#gw_getinvolved h3 {
		color: #FFFFFF
	}
	.alignmiddletext p {
		font-size: 25px;
		margin: 0;
		color: #FFFFFF
	}
	.next-section a {
		color: #FFF;
		opacity: 0.5
	}
	#goldbenefits .thumbnail, #platinumbenefits .thumbnail {
		padding: 30px 0 0
	}
	#gw_yourrewards .thumbnail {
		padding: 0
	}
	.sectionarrow .glyphicon-arrow-right {
		color: #FFF;
		font-size: 60px;
		text-align: center;
		padding-top: 100px
	}
	.gatewayfeatures .thumbnail {
		background: none;
		border: none;
		color: #FFF;
		margin-bottom: 0;
		padding: 30px 0
	}
	.gatewayfeatures .thumbnail .caption {
		padding: 30px;
	}
	body.gatewaywrap {
		padding: 0
	}
	.navbar {
		background: none;
		margin-top: 0;
	}

/* rotating homepage */

	#rotatingbanner .carousel-inner .item {
		padding: 75px 0;
	}
	.container>.navbar-header, .container>.nhitavbar-collapse {
		margin: 1px
	}
	.alignmiddleinner img {
		border-radius: 5px;
	}
	.alignmiddletext {
		height: 165px;
		width: 165px;
		vertical-align: middle;
		overflow: hidden;
		display: table-cell;
		background: none;
		color: #00583d
	}
	.alignmiddletext p {
		font-size: 25px;
		margin: 0;
	}
	.col-xs-6 .alignmiddleouter {
		margin-top: 30px;
	}
	.carousel-control.left, .carousel-control.right {
		background-image: none;
	}
	#retailercarousel .carousel-control {
		width: 5%
	}
	#rotatingbanner {
		margin: 0px 0 0px;
		background-color: #84D2E3!important;
	}
	#rotatingcarousel .caption {
		background: rgba(255, 255, 255, 0.7);
		padding: 50px 0;
		border-radius: 10px;
	}
	#rotatingcarousel .caption h3 {
		color: #FFF
	}
	#rotatingcarousel .caption h2 {
		font-size: 3em
	}
	#Accountwrap.gatewaywrap .unauthcontentwrap.text-center {
		text-align: left
	}
	#rotatingcarousel .caption .well {
		border: none;
		border-left: solid 1px #CCC;
		background: none;
		border-radius: 0px;
		-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
		box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
	}
	#Accountwrap .headbodywrap {
		background: url("https://gwrrewards.peoplevalue.co.uk/resources/Contents/images/client/gwrrewards/seasons/landscape_spring.png")no-repeat;
		background-position: center bottom;
		background-size: 100%!important;
		background-repeat: no-repeat;
		width: 100%!important;
	}
	#Accountwrap #mainbody {
		margin: 0px auto 40px;
	}
	#Accountwrap .headbodywrap {
		padding-top: 30px;
		min-height: 100vh;
	}
	#Accountwrap #frame {
		background-color: rgba(250, 249, 245, 0.9);
		max-width: 80vw;
		margin: 0 auto;
	}
	/* #Accountwrap {
		background: #84d2e3
	} */
	#rotatingbanner h1 {
		margin: 0;
		font-size: 40px;
		color: #00583d;
	}
	.well {
		max-width: 80vw;
		margin: 0 auto 20px;
	}
	#rotatingbanner h2 {
		margin: 25px 0 10px;
		font-size: 40px;
		color: #2A7051;
	}
	.alignmiddletext p {
		color: #ffffff!important
	}
	.forgpass {
		color: #00583d!important
	}
	.forgpass a {
		color: #00583d;
		text-decoration: underline;
		font-weight: bold
	}
	.btn-border {
		color: #ffffff;
		font-size: 30px;
		padding: 10px 20px 6px;
		background: #f79147;
		border-radius: 6px
	}
	#gw_login {
		margin-top: 0;
		max-width: 450px;
		display: inline-block
	}
	.btn-lg {
		font-size: 18px!important
	}
	.btn-group-lg>.btn, .btn-lg {
		border: none;
	}
	.btn-lg :hover {
		background-color: #6a9c86;
	}
	.banner1 {
		background: url(https://gwrrewards.peoplevalue.co.uk/resources/Contents/images/client/gwrrewards/seasons/landscape_spring.png) no-repeat right;
		background-size: cover;
		/* background-position: bottom; */
	}
	
	
	.sky {
		height: 350px;
		/* background: rgba(132, 210, 227, 0.3)!important; */
	}
	#unauth_rotating #frame {
		background: rgba(259, 249, 245, 0.8)!important;
		max-width: 33.3%;
		margin: auto;
            position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    padding: 30px;
    border-radius: 30px;
	}
	#sso {
		margin: 20px 0
	}
	.alternativelogin {
		margin: 20px 0
	}
	#unauth_rotating h2 {
		font-size: 2.5em
	}
	#rotatingbanner .carousel-inner .item {
		height: 54vh;
		/* padding: 0 0 400px */
	}
	.gatewaywrap .caption {
		background: url(https://gwrrewards.peoplevalue.co.uk/resources/Contents/images/client/gwrrewards/homeassets/cloud.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 70px;
		text-align: center;
		margin: 90px;
		width: 450px;
	    height: 206px;
	}
	.gwrlogo {
		max-width: 300px;
		width: 100%;
	}

/* TABLET and SMALL SCREEN */

	@media (max-width: 991px) {
		#gw_welcome #rotatingbanner h2 {
			font-size: 60px;
		}
		#gw_whatsitabout {
			padding: 60px 0 30px;
		}
		#clubbenefits .face.back {
			border: none;
		}
		#goldbenefits .face.back {
			border: none;
		}
		#platinumbenefits .face.back {
			border: none;
		}
		.flipcard .front img {
			opacity: 0.3
		}
	}
	@media (min-width: 767px) and (max-width: 1498px){
			#Accountwrap #frame {
			background-color: rgba(250, 249, 245, 0.9);
			max-width: 100vw;
			margin: 0 auto;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.alignmiddletext p {
			font-size: 20px
		}
	}
	@media (max-width: 767px) {
		.sky {
			height: 120px;
			background: #ffffff!important;
			margin: 0 0 30px;
		}
		.gatewaywrap .caption {
			background: none!important;
			width: auto!important;
			padding: 0 50px 70px;
		}
		.text-center.schemelogo.caption {
			margin: 10px 0!important;
		}
		.gatewayfeatures h2, .gatewayfeatures h3 {
			text-align: center;
		}
		.headbodywrap {
			padding-top: 10px;
		}
		.text-center.schemelogo.caption {
		    margin: 30px auto 0px!important;
		}
	}