.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

body {
  font-family: "chevin-light",Helvetica,Arial,"Nimbus Sans L",sans-serif !important;
  color: #404044;
}
h1 {
  font-family: "chevin-light",Helvetica,Arial,"Nimbus Sans L",sans-serif !important;
  font-size: 1.6rem;
  text-align:center;
}
h2 {
  font-family: "chevin-light",Helvetica,Arial,"Nimbus Sans L",sans-serif !important;
  font-size: 1.6rem;
  text-align:center;
  color:#da202a;
}
@media (min-width: 768px) {
  h1 {
    font-size: 2rem;
  }
}
p {
  font-family: "chevin-light",Helvetica,Arial,"Nimbus Sans L",sans-serif !important;
  line-height: 1.3;
  font-size: 0.8rem;
  text-align:center;
}
@media (min-width: 768px) {
  p {
    font-size: 0.95rem;
  }
}
p.bold {
  font-weight: bold;
}
p.small {
  font-size: 0.6rem;
}
html, body.whatever {
  max-width: 100vw;
  min-height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
html, body.whatever {
  max-width: 100vw;
  min-height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  overflow-x: hidden;
}

body.whatever.thankyou main > header {
  height: 100%;
  background: #f3f2ef;
  padding-top:30px;
  position:relative;
}

@media (max-width: 767px) {
  body.whatever.thankyou main > header {

  }
}

body.whatever.thankyou main header #logo {
  
  width:10%;
  display:block;
  min-width:150px;
  
}

body.whatever.thankyou main header .letter {
  margin:5vw auto;
  width:10%;
  display:block;
  max-width:160px;
  
}

@media (max-width: 767px) {
  body.whatever.thankyou main header .letter {
    margin-top:20vw;
  }
}

body.whatever.thankyou main > header .arrow {
  margin: 4rem auto 5rem auto;
  width: 4rem;
  display:block;
  
}


@media (max-width: 767px) {
  body.whatever.thankyou main header .arrow {
  margin: 2rem auto 4rem auto;
  width: 2rem;
  display:block;
  }
}

body.whatever.thankyou main {
  padding-right: 0;
  height:100vh;
}

body.whatever.thankyou h1 {
  width:30vw;
  margin:0 auto;
  padding:0 20px;
  font-size:2.5rem;
  min-width:450px;
}

@media (min-width: 768px) {
  body.whatever.thankyou main > header, body.whatever.thankyou main > section, body.whatever.thankyou main > footer {
    margin-right: 0;
  }
}
body.whatever.thankyou main header {
  height: 100%;
  min-height: 80vh;
  background-size: 80% auto;
}
@media (max-width: 767px) {
  body.whatever.thankyou main header h1 {
    font-size: 1.1rem;
    width:100%;
    min-width:auto;
  }
}
@media (min-width: 768px) {
  body.whatever.thankyou main header {
    background-size: 50% auto;
  }
}

@media screen and (min-width: 768px) and (orientation: portrait) {
  body.whatever.thankyou main header {
    background-size: 70% auto;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  body.whatever.thankyou main header {
    background-size: 50% auto;
  }
  body.whatever.thankyou main header h1 {
    width: 50%;
  }
}
body.whatever.thankyou main header .arrow {
  transform: rotateZ(90deg);
}
body.whatever.thankyou main footer {
  width: 100%;
}
body.whatever {
  /* MAIN */
  /* CAROUSEL */
  /* Hidden descriptions for slider */
  /* SIDEBAR */
  /* FORM */
  /* FOOTER */
}
body.whatever * {
  box-sizing: border-box;
}
body.whatever main {
  width: 100%;
}
/*
@media (min-width: 768px) {
  body.whatever main > header, body.whatever main > section, body.whatever main > footer {
    margin-right: 320px;
  }
}
*/



@media (min-width: 768px) {
  /*body.whatever main > header,*/ body.whatever main > section, body.whatever main > footer {
    padding-right: 345px;
  }
}


body.whatever main > header {
  min-height: 50vh;
  background: #ffffff;
  
  background-position: right bottom;
  background-repeat: no-repeat;
  
  background-size: 90% auto;
}
@media (min-width: 768px) {
  body.whatever main > header {
    
    background-size: auto 50%;
  }
}

@media (max-width: 768px) {
  body.whatever main > header {
    
    min-height:auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.whatever main > header {
    background-size: auto 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 880px) {
  body.whatever main > header {
    background-size: auto 45%;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  body.whatever main > header {
    background-size: auto 40%;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  body.whatever main > header {
    min-height: 150vh;
    background-size: 70% auto;
  }
}




body.whatever main > header a {
  cursor: pointer;
}
body.whatever main > header h1 {
  max-width: 100%;
}
@media (min-width: 768px) {
  body.whatever main > header h1 {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  body.whatever main > header h1 {
    max-width: 50%;
  }
}

body.whatever main > header p {
  max-width: 50%;
}
@media (min-width: 768px) {
  body.whatever main > header p {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  body.whatever main > header p {
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  body.whatever main > header p {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  body.whatever main > header {
   
  }
}


body.whatever main > header .background--header {
  background-color:#f3f2ef;
  position:relative;
  width:100%;
  padding:8rem 345px 0.1rem 4rem;

 
}

@media (max-width: 767px) {
  body.whatever main > header .background--header {
    padding:1rem 1rem 0.1rem 1rem;
    background-color:#ffffff;
    background-image:url('http://www.royalmail.com/business/sites/default/files/partners_power_hero-background-mob_0.png');
    background-size:100% 100%;
    background-position:top;
   
  }
}

body.whatever main > header .bottom--header {
  
  position:relative;
  width:100%;
  padding:0.1rem 345px 2rem 4rem;

}

@media (max-width: 767px) {
  body.whatever main > header .bottom--header {
    background: #ffffff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #f3f2ef); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #f3f2ef); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #f3f2ef); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #f3f2ef); /* Standard syntax */
    padding:0.1rem 1rem 2rem 1rem;
   
  }
}



body.whatever main > header #logo--container {
  max-width: 50%;
}

@media (max-width: 1024px) {
  body.whatever main > header #logo--container {
  max-width: 100%;
  width:100%;
  margin-top: 70px;
}
}

body.whatever main > header #logo {
  width: 33%;
  margin:0 auto;
  display:block;
  min-width:190px;


}
@media (min-width: 768px) {
  body.whatever main > header #logo {
    width: 20%;
    max-width: 10vw;
   
    
  }
}

@media (max-width: 767px) {
  body.whatever main > header #logo {
    width: 20%;
    max-width: 8vw;
    min-width: 130px;
    display:block;
    margin:0 auto;
    
  }
}

body.whatever main > header #hero {
  width: 40%;
  position:relative;
  right:0;
  
  top:-9vh;
  min-width:376px;
  max-width:686px;
  float:right;

}

@media (max-width: 1024px) {
  body.whatever main > header #hero {
    position:relative;
    width:90%;
    margin:0 auto;
    display:block;
    
    top:0;
    min-width:auto;
    
  }
}


body.whatever main > header .image-1 {
  min-width:376px;
  max-width:686px;
  position: relative;
  top:0;
  left:0;
  width:100%;
  height:auto;
  

}

@media (max-width: 1024px) {
  body.whatever main > header .image-1 {
    
    width:100%;
    height:auto; 
    top:0;
    min-width:auto;
    
  }
}



body.whatever main > header .image-2 {

  min-width:376px;
  max-width:686px;
  position: absolute;
  top:0;
  left:0;
  width:100%;
   height:auto;
}

@media (max-width: 1024px) {
  body.whatever main > header .image-2 {
    
    width:100%;
    height:auto; 
    top:0;
    min-width:auto;
    
  }
}

body.whatever main > header .image-3 {

  min-width:376px;
  max-width:686px;
  position: absolute;
  top:0;
  left:0;
  width:100%;
   height:auto;
}

@media (max-width: 1024px) {
  body.whatever main > header .image-3 {
    
    width:100%;
    height:auto; 
    top:0;
    min-width:auto;
    
  }
}


body.whatever main > header .arrow {
  margin-top: 1rem;
  width: 2rem;
}

body.whatever main > section#headline {

  padding:0rem 345px 1rem 4rem;
  clear:both;
  max-width:60%;
  margin:0 auto;


}


@media screen and (min-width: 768px) and (max-width: 1024px) {
  body.whatever main > section#headline{
    max-width:100%;
 
  }
}



@media (max-width: 767px) {

  body.whatever main > section#headline {

  height:auto;
  padding:0rem 1rem 1rem 1rem;
  width:100%;
  max-width:100%;
  
  }

}

#icon-1{
  position:absolute;
  top:-30%;
  right:75vw;
  
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #icon-1{
  position:absolute;
  top:-10%;
  left:-5vw;
  width:15%;
  height:auto;
}
}

@media (max-width: 767px) {
  #icon-1{
  position:absolute;
  top:-30%;
  left:-5%;
  width:30%;
  height:auto;
  max-width:130px;
}

}

#icon-2{
  position:absolute;
  top:-30%;
  right:25vw;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #icon-2{
  position:absolute;
  top:-30%;
  right:25vw;
  width:15%;
  height:auto;
}
}


@media (max-width: 767px) {

  #icon-2{
  position:absolute;
  top:-15%;
  right:-5%;
   width:30%;
  height:auto;
  max-width:120px;
}

}

#icon-3{
  position:absolute;
  top:-30%;
  right:75vw;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
  #icon-3{
  position:absolute;
  top:-30%;
  left:-5vw;
  width:15%;
  height:auto;
}
}

@media (max-width: 767px) {

  #icon-3{
  position:absolute;
  top:-15%;
  left:-5%;
  width:30%;
  height:auto;
  max-width:120px;
}


}

#icon-4{
  position:absolute;
  bottom:10%;
  right:26vw;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
  #icon-4{
  position:absolute;
  bottom:10%;
  right:25vw;
  width:15%;
  height:auto;
}

}

@media (max-width: 767px) {

#icon-4{
  position:absolute;
  bottom:-10%;
  right:-5%;
  width:30%;
  height:auto;
  max-width:105px;
}

}

body.whatever main > section#panel-2 {

  padding:0rem 345px 6rem 4rem;
  background-image:url('http://www.royalmail.com/business/sites/default/files/partners_power_panel-2-bg-desk_0.png');
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  
  clear:both;
  position:relative;
 
}

@media (max-width: 767px) {

  body.whatever main > section#panel-2 {

  height:auto;
  padding:0rem 1rem 4rem 1rem;
  background-image:url('http://www.royalmail.com/business/sites/default/files/partners_power_panel-2-bg-mob_0.png');
  
  }

}


body.whatever main > section#panel-2 p {
  max-width: 40%;
  margin:0 auto;
}

@media (min-width: 768px) {
  body.whatever main > section#panel-2 p {
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
  body.whatever main > section#panel-2 p {
    max-width: 40%;
  }
}

@media (max-width: 767px) {
  body.whatever main > section#panel-2 p {
    max-width: 100%;
  }
}





body.whatever main > section#panel-3 {

  padding:4rem 345px 6rem 4rem;
  background-image:url('http://www.royalmail.com/business/sites/default/files/partners_power_panel-3-bg-desk_0.png');
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  
  background-color:#f3f2ef;
  position:relative;
  

}

@media (max-width: 767px) {

  body.whatever main > section#panel-3 {

  height:auto;
  padding:2rem 1rem 4rem 1rem;
  background-image:url('http://www.royalmail.com/business/sites/default/files/partners_power_panel-3-bg-mob_0.png');

  

}

  }



body.whatever main > section#panel-3 p {
  max-width: 40%;
  margin:0 auto;
  overflow:auto;
}
@media (min-width: 768px) {
  body.whatever main > section#panel-3 p {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  body.whatever main > section#panel-3 p {
    max-width: 40%;
  }
}

@media (max-width: 767px) {
  body.whatever main > section#panel-3 p {
    max-width: 100%;
  }
}



body.whatever main > section#panel-4 {

  padding:4rem 345px 6rem 4rem;
  background-image:url('http://www.royalmail.com/business/sites/default/files/partners_power_panel-4-bg-desk_0.png');
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  
  background-color:#ffffff;
  position:relative;
  

}

@media (max-width: 767px) {

  body.whatever main > section#panel-4 {

  height:auto;
  padding:2rem 1rem 4rem 1rem;
   background-image:url('http://www.royalmail.com/business/sites/default/files/partners_power_panel-4-bg-mob_0.png');
  
  }

}

body.whatever main > section#panel-4 p {
  max-width: 40%;
  margin:0 auto;
}
@media (min-width: 768px) {
  body.whatever main > section#panel-4 p {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  body.whatever main > section#panel-4 p {
    max-width: 40%;
  }
}

@media (max-width: 767px) {
  body.whatever main > section#panel-4 p {
    max-width: 100%;
  }
}








body.whatever #carousel > header {
  padding: 0.5rem;
  text-align: center;
  background: white;
  border-bottom: 1px solid #da202a;
  position: relative;
  color: #da202a;
  z-index: 10;
  font-size: 0.8rem;
}
@media (min-width: 768px) {
  body.whatever #carousel > header {
    font-size: 1rem;
  }
}
body.whatever #carousel > header:before, body.whatever #carousel > header:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
}
body.whatever #carousel > header:before {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid white;
  z-index: 2;
}
body.whatever #carousel > header:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #da202a;
}
body.whatever .aria-decriptions {
  display: none;
}
body.whatever .slide {
  min-height: 75vh;
  position: relative;
  background-size: auto 35%;
  background-position: center bottom 5%;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  body.whatever .slide {
    min-height: 60vh;
  }
}
body.whatever .slide:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, #f4f4f4, #fff);
  z-index: -1;
}
@media (max-width: 767px) and (orientation: landscape) {
  body.whatever .slide {
    min-height: 80vh;
  }
}
@media (min-width: 768px) {
  body.whatever .slide {
    background-size: 40% auto;
    background-position: center right 5%;
  }
}
body.whatever .slide--tracking {
  background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_tracking_0.png');
  background-size: auto 40%;
}
@media (max-width: 767px) {
  body.whatever .slide--tracking {
    background-position: center bottom -5%;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  body.whatever .slide--tracking {
    background-size: auto 30%;
  }
}
@media (min-width: 768px) {
  body.whatever .slide--tracking {
    background-size: 50% auto;
  }
}
body.whatever .slide--address {
  background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_power_address_0.png');
}
@media (max-width: 767px) {
  body.whatever .slide--address {
    background-size: 80% auto;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  body.whatever .slide--address {
    background-size: 40% auto;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  body.whatever .slide--address {
    background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_address%402x_0.png');
  }
}
body.whatever .slide--catalogue {
  background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_catalogue_0.png');
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  body.whatever .slide--catalogue {
    background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_catalogue%402x_0.png');
  }
}
body.whatever .slide--door {
  background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_door_0.png');
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  body.whatever .slide--door {
    background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_door%402x_0.png');
  }
}
body.whatever .slide--mail {
  background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_mail_0.png');
}
@media (max-width: 767px) {
  body.whatever .slide--mail {
    background-size: 80% auto;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  body.whatever .slide--mail {
    background-size: 40% auto;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  body.whatever .slide--mail {
    background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_mail%402x_0.png');
  }
}
body.whatever .slide--special {
  background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_special_0.png');
}
@media (min-width: 768px) {
  body.whatever .slide--special {
    background-size: 30% auto;
  }
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  body.whatever .slide--special {
    background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_special%402x_0.png');
  }
}
body.whatever .slider__tabs {
  border-bottom: 2px solid #ccc;
  position: relative;
}
@media (max-width: 767px) {
  body.whatever .slider__tabs {
    display: none;
  }
}
body.whatever .slider__tabs ul {
  list-style: none;
  margin: 0 5%;
  padding: 0;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  body.whatever .slider__tabs ul {
    font-size: 0.8rem;
    margin: 0;
  }
}
body.whatever .slider__tabs ul li {
  width: 16.6%;
  margin: 0;
  padding: 0.5rem 0 0;
  display: inline-block;
  text-align: center;
  line-height: 44px;
  position: relative;
  font-family: "chevin-light",Helvetica,Arial,"Nimbus Sans L",sans-serif !important;
}
body.whatever .slider__tabs ul li[slide-active="true"] {
  color: #da202a;
}
body.whatever .slider__tabs ul li[slide-active="true"]:after {
  opacity: 1;
}
body.whatever .slider__tabs ul li:after {
  opacity: 0;
  content: '';
  display: block;
  position: absolute;
  bottom: -2px;
  left: 50%;
  width: 50%;
  transform: translate(-50%, 0);
  border-bottom: 2px solid #da202a;
}
body.whatever .slider__tabs ul li a {
  display: block;
  cursor: pointer;
}
body.whatever .slide__body {
  padding: 1.5rem;
  z-index: 10;
  position: relative;
}
@media (min-width: 768px) {
  body.whatever .slide__body {
    padding: 0rem;
    position: absolute;
    width: 45%;
    top: 50%;
    transform: translate(0, -50%);
    left: 5%;
  }
}
body.whatever .slick-dots {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  height: 3rem;
  background: white;
}
body.whatever .slick-dots li {
  display: inline-block;
  margin: 0 0.3rem;
  width: 0.5rem;
  height: 100%;
  position: relative;
}
body.whatever .slick-dots li:before {
  content: '';
  background: #c1c6c8;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
body.whatever .slick-dots li.slick-active:before {
  background: #da202a;
}
body.whatever .slick-dots li button {
  visibility: hidden;
}
body.whatever #sidebar {
  width: 100%;
  height: 70px;
  
  color: white;
  overflow: auto;
  position:fixed;
  z-index:1000;

}

#sidebar::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

@media (min-width: 768px) {
  body.whatever #sidebar {
    height: 50px;
    position: fixed;
    right: 0;
    width: 320px;
    height: calc(100vh - 30px);
    max-height:705px;
    margin-top:30px;
    margin-right:25px;
    z-index:10;
  }
}

body.whatever #sidebar[sidebar-open="true"] {
  height:1000px;

}

body.whatever #sidebar[sidebar-open="false"] {
  height:70px;
  transition-property: height;
    transition-duration: 1s;
    transition-delay: 1s;
}

body.whatever #sidebar[sidebar-open="true"] .sidebar__form {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  background: #da202a;
}
body.whatever #sidebar[sidebar-open="true"] .sidebar__mobile .sidebar__mobile_tab--right-tab:after {
  transform: translate(0, -50%) rotateZ(90deg);
}
body.whatever .sidebar__mobile {
  position: relative;
  z-index: 5;
  height: 70px;
  font-family: "chevin-light",Helvetica,Arial,"Nimbus Sans L",sans-serif !important;
  font-size: 0.9rem;
  line-height: 1.2;
  border-bottom: 1px solid #cacacb;
  background: #da202a;
}
body.whatever .sidebar__mobile .sidebar__mobile_tab {
  width: 50%;
  height: 100%;
  float: left;
  text-align: center;
}
body.whatever .sidebar__mobile .sidebar__mobile_tab a {
  padding: 0 1rem;
  display: block;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
  color: #ffffff;
}
body.whatever .sidebar__mobile .sidebar__mobile_tab span {
  position: relative;
  display: block;
  top: 50%;
  transform: translate(0, -48%);

}
body.whatever .sidebar__mobile .sidebar__mobile_tab--white {
  background: #da202a;
  border-right:2px solid #ffffff;
}
body.whatever .sidebar__mobile .sidebar__mobile_tab--white a {
  color: #ffffff;
}
body.whatever .sidebar__mobile .sidebar__mobile_tab--right-tab {
  text-align: left;
  position: relative;
}
body.whatever .sidebar__mobile .sidebar__mobile_tab--right-tab a {
  /*padding: 0 1.5rem;*/
}
body.whatever .sidebar__mobile .sidebar__mobile_tab--right-tab:after {
  content: '';
  display: block;
  height: 1.4rem;
  width: 1.4rem;
  top: 50%;
  transform: translate(0, -50%) rotateZ(-90deg);
  transition: 0.3s ease-in-out;
  position: absolute;
  right: 1.5rem;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  pointer-events: none;
  background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_form-toggle_0.png');
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  body.whatever .sidebar__mobile .sidebar__mobile_tab--right-tab:after {
    background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_form-toggle%402x_0.png');
  }
}
@media (min-width: 768px) {
  body.whatever .sidebar__mobile {
    display: none;
  }
}
body.whatever .sidebar__desktop {
  display: none;
  background: #da202a;
}
body.whatever .sidebar__desktop .sidebar__telephone {
  display: block;
  min-height: 44px;
  border-bottom: 1px solid #fff;
  padding-left: 44px;
  font-size: 1.3rem;

  background: #da202a;
}
body.whatever .sidebar__desktop .sidebar__telephone:before {
  content: '';
  display: block;
  position: absolute;
  width: 1.4rem;
  height: 44px;
  left: 1rem;
  background-size: auto 80%;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_mobile-icon_0.png');
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  body.whatever .sidebar__desktop .sidebar__telephone:before {
    background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_mobile-icon%402x_0.png');
  }
}
body.whatever .sidebar__desktop .sidebar__telephone span {
  display: block;
  font-size: 0.7rem;
}
body.whatever .sidebar__desktop > * {
  padding: 1rem;
  margin: 0;
}
body.whatever .sidebar__desktop a {
  color: white;
  text-decoration: none;
}
@media (min-width: 768px) {
  body.whatever .sidebar__desktop {
    display: block;
  }
}
body.whatever .sidebar__form {
  background: #da202a;
  position: fixed;
  transform: translate(100%, 0);
  width: 100%;
  transition: transform 0.5s ease-in-out;
  padding: 1rem;
  top: 69px;
  bottom: 0;
  z-index: 10000;
  overflow-y: auto; 
}

.sidebar__form::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

@media (min-width: 768px) {
  body.whatever .sidebar__form {
    transition: none;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: 0;
    height: auto;
    left: auto;
    transform: translate(0, 0);
  }

}
body.whatever .sidebar__form p a {
  color: white;
}
body.whatever .sidebar__form input[type="submit"] {
  width: 50%;
  background: white;
  color: #da202a;
  border: 0;
  height: 44px;
  font-family: "chevin-light",Helvetica,Arial,"Nimbus Sans L",sans-serif !important;
  font-size: 1.1rem;
  font-weight: bold;
  cursor: pointer;
}
body.whatever .sidebar__form input[type="submit"]:hover {
  background: #fafafa;
  color: #c41d26;
}
body.whatever .sidebar__form fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
body.whatever .sidebar__form fieldset > div {
  margin-bottom: 0.5rem;
}
body.whatever .sidebar__form fieldset.preferences p {
  font-size: 0.7rem;
  text-align:left;
}
body.whatever .sidebar__form label {
  display: inline-block;
  padding: 0.2rem 0;
  
  font-size:0.8rem;
}
body.whatever .sidebar__form input[type="text"], body.whatever .sidebar__form input[type="email"], body.whatever .sidebar__form input[type="tel"] {
  width: 100%;
  border: 0;
  font-size: 0.8rem;
  padding: 0 0.5rem;
  height: 30px;
  line-height: 30px;
  float:right;
  right:0;
  color:rgb(3, 13, 30);
  
  
  display:block;
}

body.whatever .sidebar__form input[type="text"]:focus, body.whatever .sidebar__form input[type="email"]:focus, body.whatever .sidebar__form input[type="tel"]:focus {
  background-color:#ffffff;
}



body.whatever .sidebar__form .first-name {
  display:block;
  position:relative;
  clear:both;
  overflow:hidden;

}


body.whatever .sidebar__form .telephone {
  display:block;
  position:relative;
  clear:both;
  overflow:hidden;
}

body.whatever .sidebar__form .email {
  display:block;
  position:relative;
  clear:both;
  overflow:hidden;
}



body.whatever .sidebar__form input[valid="false"], body.whatever .sidebar__form input[type="checkbox"][valid="false"]:before {
  background-color: #e7696f;
}
body.whatever .sidebar__form .form__error {
  display: none;
  font-size: 0.7rem;
}
body.whatever .sidebar__form .form__error[show="true"] {
  display: block;
}
body.whatever .sidebar__form .options {
  margin-bottom: 1.5rem;
}

body.whatever .sidebar__form .options label {
  display:block;
  
}

body.whatever .sidebar__form .checkbox {
  height: 15px;
  margin-bottom: 0.8rem;
  width:100%;
}
@media (min-width: 768px) {
  body.whatever .sidebar__form .checkbox {
    height: 15px;
  }
}
body.whatever .sidebar__form .checkbox:after {
  content: '';
  display: block;
  clear: both;
}
body.whatever .sidebar__form .checkbox a {
  color: white;
}
body.whatever .sidebar__form .checkbox > input {
  width: 15px;
  height: 15px;
  float: left;
  position: relative;
  z-index: -9999;
  margin: 0;
  margin-right: 0.8rem;
  border: 0;
  -webkit-appearance: none;
}
@media (min-width: 768px) {
  body.whatever .sidebar__form .checkbox > input {
    height: 15px;
    width: 15px;
    margin-right: 0.6rem;
  }
}
body.whatever .sidebar__form .checkbox > input:checked + label:before {
  background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_tick_0.png');
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  body.whatever .sidebar__form .checkbox > input:checked + label:before {
    background-image: url('http://www.royalmail.com/business/sites/default/files/partners_power_tick%402x_0.png');
  }
}
body.whatever .sidebar__form .checkbox label {
  padding: 0;
  line-height: 15px;
  position: relative;
  font-family: "chevin-light",Helvetica,Arial,"Nimbus Sans L",sans-serif !important;
  font-size: 0.7rem;
}
@media (min-width: 768px) {
  body.whatever .sidebar__form .checkbox label {
    line-height: 15px;
  }
}
body.whatever .sidebar__form .checkbox label:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background: white;
  background-size: 50%;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 44px;
}
@media (min-width: 768px) {
  body.whatever .sidebar__form .checkbox label:before {
    height: 15px;
    width: 15px;
    line-height: 15px;
  }
}
body.whatever footer {
  background: #333;
  padding: 1rem 1rem 1rem 4rem;
  color: white;
  font-family: "chevin-light",Helvetica,Arial,"Nimbus Sans L",sans-serif !important;
  font-size: 0.8rem;
  text-align: center;
}

@media (max-width: 767px) {
  body.whatever footer {
    padding: 1rem;
  }
}

body.whatever footer a {
  cursor: pointer;
}
body.whatever footer a, body.whatever footer span {
  color: white;
  text-decoration: none;
  display: inline-block;
  margin: 0.5rem 1rem;
}