.ee-bgimg-star-one, .ee-bgimg-star-half, .ee-bgimg-star-zero , .ee-bgimg-combisim, .ee-bgimg-nanosim, .ee-bgimg-rangegrip, .ee-bgimg-dinersclub-logo{
  background-image: url('../../../../../etc.clientlibs/settings/wcm/designs/ee-common-2015/clientlibs_base/resources/img/EE-shop-sprite.png');
}

.ee-bgimg-nortonsecured:before, .ee-bgimg-securecode-logo:before, .ee-bgimg-verifiedbyvisa-logo:before, .ee-bgimg-maestro-logo:before,
 .ee-bgimg-amex-logo:before, .ee-bgimg-apple-pay-logo:before, .ee-bgimg-google-pay-logo:before {
  content: url('../../../../../etc.clientlibs/settings/wcm/designs/ee-common-2015/clientlibs_base/resources/img/EE-shop-sprite.png');
  position: relative;
}

.ee-bgimg-nortonsecured:before {
  left: 0;
  top: 0;
}

.ee-bgimg-nortonsecured {
  width: 93px;
  height: 50px;
  overflow: hidden;
}

.ee-bgimg-securecode-logo:before {
  left: 0;
  top: -128px;
}

/* line 21, ../sass/_shop_sprite.scss */
.ee-bgimg-securecode-logo {
  width: 60px;
  height: 47px;
  overflow: hidden;
}

.ee-bgimg-verifiedbyvisa-logo:before {
  left: 0;
  top: -256px;
}

.ee-bgimg-verifiedbyvisa-logo {
  width: 62px;
  height: 47px;
  overflow: hidden;
}

.ee-bgimg-maestro-logo:before {
  left: 0;
  top: -384px;
}

.ee-bgimg-maestro-logo {
  width: 50px;
  height: 47px;
  overflow: hidden;
}

.ee-bgimg-amex-logo:before {
  left: 0;
  top: -640px;
}

.ee-bgimg-amex-logo {
  width: 43px;
  height: 47px;
  overflow: hidden;
}

.ee-bgimg-apple-pay-logo:before {
  left: 0;
  top: -1670px;
}

.ee-bgimg-apple-pay-logo {
  width: 55px;
  height: 47px;
  overflow: hidden;
}

.ee-bgimg-google-pay-logo:before {
  left: 0;
  top: -1816px;
}

.ee-bgimg-google-pay-logo {
  width: 55px;
  height: 47px;
  overflow: hidden;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
  @media {
    .ee-bgimg-nortonsecured, .ee-bgimg-securecode-logo, .ee-bgimg-verifiedbyvisa-logo, .ee-bgimg-maestro-logo, .ee-bgimg-amex-logo{
      background-image: url('../../../../../etc.clientlibs/settings/wcm/designs/ee-common-2015/clientlibs_base/resources/img/EE-shop-sprite.png');
    }
    .ee-bgimg-nortonsecured {
      background-position: 0 0;
    }
    .ee-bgimg-securecode-logo {
      background-position: 0 -128px;
    }
    .ee-bgimg-verifiedbyvisa-logo {
      background-position: 0 -256px;
    }
    .ee-bgimg-maestro-logo {
      background-position: 0 -384px;
    }
    .ee-bgimg-amex-logo {
      background-position: 0 -640px;
    }
    .ee-bgimg-apple-pay-logo {
      background-position: 0 -1670px;
    }
    .ee-bgimg-google-pay-logo {
      background-position: 0 -1816px;
    }
  }
}

@media (max-width: 1024px) {
  .ee-bgimg-nortonsecured, .ee-bgimg-securecode-logo, .ee-bgimg-verifiedbyvisa-logo, .ee-bgimg-maestro-logo, .ee-bgimg-amex-logo{
    background-image: url('../../../../../etc.clientlibs/settings/wcm/designs/ee-common-2015/clientlibs_base/resources/img/EE-shop-sprite.png');
  }
  .ee-bgimg-nortonsecured {
    background-position: 0 0;
  }

  .ee-bgimg-securecode-logo {
    background-position: 0 -128px;
  }

  .ee-bgimg-verifiedbyvisa-logo {
    background-position: 0 -256px;
  }

  .ee-bgimg-maestro-logo {
    background-position: 0 -384px;
  }

  .ee-bgimg-amex-logo {
    background-position: 0 -640px;
  }
  .ee-bgimg-apple-pay-logo {
    background-position: 0 -1670px;
  }
  .ee-bgimg-google-pay-logo {
    background-position: 0 -1816px;
  }
}

.ee-bgimg-dinersclub-logo {
  background-position: 0 -512px;
  width: 59px;
  height: 47px;
}

.ee-bgimg-combisim {
  background-position: 0 -768px;
  width: 43px;
  height: 66px;
}

.ee-bgimg-nanosim {
  background-position: 0 -896px;
  width: 32px;
  height: 46px;
}

.ee-bgimg-rangegrip {
  background-position: 0 -1024px;
  width: 20px;
  height: 34px;
}

.ee-bgimg-star-one {
  background-position: 0 -1152px;
  width: 17px;
  height: 16px;
}

.ee-bgimg-star-half {
  background-position: 0 -1280px;
  width: 17px;
  height: 16px;
}

.ee-bgimg-star-zero {
  background-position: 0 -1408px;
  width: 17px;
  height: 16px;
}

.boxed_input_label .labelContainer .label:before {
  background: url("../../../../../etc.clientlibs/settings/wcm/designs/ee-common-2015/clientlibs_base/resources/img/EE-main-sprite.svg") no-repeat;
  content: "";
  position: absolute;
  top: -3px;
  left: -26px;
  width: 25px;
  height: 25px;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */
.smartbanner {
	position: absolute;
	top: 0;
	left: 0;
	overflow-x: hidden;
	width: 100%;
	height: 84px;
	background: #f3f3f3;
	font-family: Helvetica, sans, sans-serif;
}

.smartbanner__exit {
	position: absolute;
	top: calc(50% - 6px);
	left: 9px;
	display: block;
	margin: 0;
	width: 12px;
	height: 12px;
	border: 0;
	text-align: center;
}

.smartbanner__exit::before, .smartbanner__exit-etc::before, .smartbanner__exit::after, .smartbanner__exit-etc::after {
	position: absolute;
	width: 1px;
	height: 12px;
	background: #767676;
	content: ' ';
}

.smartbanner__exit::before,  .smartbanner__exit-etc::before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.smartbanner__exit::after, .smartbanner__exit-etc::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.smartbanner__icon {
	position: absolute;
	top: 10px;
	left: 30px;
	width: 64px;
	height: 64px;
	border-radius: 15px;
	background-size: 64px 64px;
}

.smartbanner__info {
	position: absolute;
	top: 10px;
	left: 104px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-y: hidden;
	width: 60%;
	height: 64px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.smartbanner__info__title,  .smartbanner__info__title-etc {
	font-size: 14px;
}

.smartbanner__info__author, .smartbanner__info__author-etc, .smartbanner__info__price, .smartbanner__info__price-etc{
	font-size: 12px;
}

.smartbanner__button {
	position: absolute;
	top: 32px;
	right: 10px;
	z-index: 1;
	display: block;
	padding: 0 10px;
	min-width: 10%;
	border-radius: 5px;
	background: #f3f3f3;
	color: #1474fc;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}

.smartbanner__button__label {
	text-align: center;
}
.smartbanner__icon-etc, .smartbanner__info-etc {
	display: inline-block;
    vertical-align: middle;
    margin: 1%;
    width: 80%;
}
.smartbanner__icon-etc {
	vertical-align: middle;
    width: 64px;
    height: 64px;
    border-radius: 15px;
    background-size: 64px 64px;
}
.smartbanner__icon-etc img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background-size: 64px 64px;
}
.smartbanner-etc {
	overflow-x: hidden;
    width: 98%;
    margin: 1%;
    background: #f3f3f3;
    font-family: Helvetica, sans, sans-serif;
}
.smartbanner__exit-etc {
	display: inline-block;
    vertical-align: middle;
    margin: 1%;
    padding-bottom: 10px;
}
.smartbanner-etc-android, .smartbanner-etc-ios {
	overflow: hidden;
}
.smart-app-banner h1{
    display: none;
}
.smart-app-font-mobile, .smart-app-font-bold {
	display: inline-block;
	margin: 0 2%;
}
.smart-app-font-bold {
	float: right;
}
.smart-app-on-green-color {
	color: green;
	font-weight: 600;
}
.smart-app-off-red-color {
	color: red;
	font-weight: 600;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

/**
 * The same font family name is used for the different variants (regular, bold
 * etc) of the same font. See why here:
 * http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/
 */
@font-face {
  font-family: "Nobblee";
  font-display: fallback;
  src: url("../ee-common-2015/clientlibs_base/resources/fonts/nobblee_light.woff") format("woff"), url("../ee-common-2015/clientlibs_base/resources/fonts/nobblee_light.ttf") format("truetype");
  font-weight: 100;
}

@media (min-width: 60em) {
  @font-face {
    font-family: "Nobblee";
    font-display: fallback;
    src: url("../ee-common-2015/clientlibs_base/resources/fonts/nobblee_regular.woff") format("woff"), url("../ee-common-2015/clientlibs_base/resources/fonts/nobblee_regular.ttf") format("truetype");
    font-weight: normal;
  }
}



/* ==========================================================================
  CSS for opacity dropdown starts here
   ========================================================================== */
.opacity-block{
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, #000000, #000000);
}

.opacity-block.opacity-35{
  opacity: 0.35;
}

.opacity-block.opacity-40{
  opacity: 0.4;
}

.opacity-block.opacity-45{
  opacity: 0.45;
}

.opacity-block.opacity-50{
  opacity: 0.50;
}

/* ==========================================================================
  CSS for opacity dropdown ends here
   ========================================================================== */

@font-face {
  font-family: "Rubrik";
  font-display: fallback;
  src: url("../ee-common-2015/clientlibs_base/resources/fonts/rubrik_light.woff") format("woff"), url("../ee-common-2015/clientlibs_base/resources/fonts/rubrik_light.ttf") format("truetype");
  font-weight: 100;
}

@font-face {
  font-family: "Rubrik";
  font-display: fallback;
  src: url("../ee-common-2015/clientlibs_base/resources/fonts/rubrik_regular.woff") format("woff"), url("../ee-common-2015/clientlibs_base/resources/fonts/rubrik_regular.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "Rubrik";
  font-display: fallback;
  src: url("../ee-common-2015/clientlibs_base/resources/fonts/rubrik_semibold.woff") format("woff"), url("../ee-common-2015/clientlibs_base/resources/fonts/rubrik_semibold.ttf") format("truetype");
  font-weight: bold;
}

/* ==========================================================================
  Below owl carousel CSS is used in both AEM and MYEE
   ========================================================================== */

.owl-pagination {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0.3em;
}

.owl-pagination .owl-page {
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  border: 3px solid #007B85;
  display: inline-block;
  margin-right: 0.4em;
}

.owl-pagination .owl-page.active {
  background: #007B85;
}

/* ==========================================================================
    Owl carousel code ends here
========================================================================== */

/* ==========================================================================
    Owl carousel specific CSS Start here
========================================================================== */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

/* CSS3 Transitions */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

.owl-fade-in {
  -webkit-animation: empty 1ms both ease;
  -moz-animation: empty 1ms both ease;
  animation: empty 1ms both ease;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}

@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}

@keyframes empty {
  0% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}

@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px);
  }

  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
}

@-webkit-keyframes backSlideIn {
  0.1%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}

@-moz-keyframes backSlideIn {
  0.1%, 25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}

@keyframes backSlideIn {
  0.1%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: .5;
    transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}

@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}

/* ==========================================================================
    Owl carousel specific CSS Ends here
========================================================================== */


/* ==========================================================================
   Breakpoints for use in JS
   ========================================================================== */
html:after {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

@media (min-width: 0) {
  html:after {
    content: "0";
  }
}
@media (min-width: 20em) {
  html:after {
    content: "320";
  }
}
@media (min-width: 25em) {
  html:after {
    content: "400";
  }
}
@media (min-width: 30em) {
  html:after {
    content: "480";
  }
}
@media (min-width: 35em) {
  html:after {
    content: "560";
  }
}
@media (min-width: 40em) {
  html:after {
    content: "640";
  }
}
@media (min-width: 45em) {
  html:after {
    content: "720";
  }
}
@media (min-width: 50em) {
  html:after {
    content: "800";
  }
}
@media (min-width: 55em) {
  html:after {
    content: "880";
  }
}
@media (min-width: 60em) {
  html:after {
    content: "960";
  }
}
@media (min-width: 65em) {
  html:after {
    content: "1040";
  }
}
@media (min-width: 70em) {
  html:after {
    content: "1120";
  }
}
@media (min-width: 75em) {
  html:after {
    content: "1200";
  }
}
@media (min-width: 80em) {
  html:after {
    content: "1280";
  }
}
@media (min-width: 83.75em) {
  html:after {
    content: "1340";
  }
}
@media (min-width: 85em) {
  html:after {
    content: "1360";
  }
}
@media (min-width: 90em) {
  html:after {
    content: "1440";
  }
}
/*! Based on normalize.css v2.1.3  */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  -ms-text-size-adjust: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 1 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
  cursor: pointer;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
   Base styles
   ========================================================================== */
/**
 * Carefully selected global overrides.
 *
 * 1. paulirish.com/2012/box-sizing-border-box-ftw/
 * 2. Used more often than repeat values.
 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  background-repeat: no-repeat;
  /* 2 */
}

html,
button,
input,
select,
textarea {
  color: #6d6e71;
}

html {
  font-size: 100%;
  font-family: Rubrik, Arial, sans-serif;
  line-height: 1.5;
  background-color: #f6f4f0;
}

body {
  font-size: 0.875em;
  overflow-x: hidden;
}

p,
ul,
ol {
  margin: 1em 0;
}
p.no-margin,
ul.no-margin,
ol.no-margin {
  margin: 0;
}

p:last-child {
  margin-bottom: 0;
}
p:empty {
  display: none;
}

ol, ul {
  padding-left: 2.5em;
}

ul.unstyled,
ol.unstyled {
  list-style: none;
}

nav ul {
  list-style: none;
  padding: 0;
}

nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}

.hide {
  display: none;
}

.show {
  display: block;
}

/* ==========================================================================
   Links
   ========================================================================== */
a {
  color: #007B85;
  text-decoration: none;
}
a:hover {
  color: #005A61;
}
a:focus {
  transition: all;
  outline: 2px dotted;
  border-bottom: none;
}

.text-cta {
  font-weight: bold;
  line-height: 1;
}
.text-cta:after {
  margin-left: .35em;
  content: ">";
  font-family: Rubrik, Arial, sans-serif;
  vertical-align: middle;
}

/* ==========================================================================
   Typography
   ========================================================================== */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: normal;
}

h1, .h1,
h2, .h2 {
  font-weight: 100;
}
.lt-ie9 h1, .lt-ie9 .h1 {
  font-family: NobbleeLight, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.lt-ie9 h2, .lt-ie9 .h2{
  font-family: Rubrik, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

h3, .h3 {
  font-weight: bold;
}
.lt-ie9 h3, .lt-ie9 .h3 {
  font-family: RubrikSemibold, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

h1, .h1 {
  margin: 0.51613em 0;
  font-size: 2.21429em;
  font-family: Nobblee, Arial, sans-serif;
  line-height: 1;
  text-transform: uppercase;
}

h2, .h2 {
  margin: 0.59259em 0;
  font-size: 2em;
  font-family: Rubrik, Arial, sans-serif;
  line-height: 1;
}

h3, .h3 {
  margin: 0.88889em 0;
  font-size: 1.28571em;
  font-family: Rubrik, Arial, sans-serif;
  line-height: 1.25;
  text-transform: none;
}

h4, .h4 {
  margin: 0.88889em 0;
  font-size: 1.28571em;
  font-family: Rubrik, Arial, sans-serif;
  line-height: 1.25;
  text-transform: none;
}

h5, .h5 {
  margin: 1em 0;
  font-size: 1.14286em;
  font-family: Arial, sans-serif;
  line-height: 1.25;
  text-transform: none;
}

h6, .h6 {
  margin: 1.14286em 0;
  font-size: 1em;
  font-family: Arial, sans-serif;
  line-height: 1.25;
  text-transform: none;
}

h2 + h3,
h2 + .h3,
.h2 + h3,
.h2 + .h3 {
  margin-top: -0.44444em;
}

header h1, header .h1,
header h2, header .h2 {
  margin-top: 0;
}

input,
select,
textarea {
  font-size: 1.14286em;
}

@media (min-width: 45em) {
  body {
    font-size: 1em;
  }

  h1, .h1 {
    margin: 0.37209em 0;
    font-size: 2.6875em;
  }

  h2, .h2 {
    margin: 0.47059em 0;
    font-size: 2em;
  }

  h3, .h3 {
    margin: 0.8em 0;
    font-size: 1.25em;
  }

  h4, .h4 {
    margin: 0.8em 0;
    font-size: 1.25em;
  }

  h5, .h5 {
    margin: 0.88889em 0;
    font-size: 1.125em;
  }

  h6, .h6 {
    margin: 1em 0;
    font-size: 1em;
  }

  h2 + h3,
  h2 + .h3,
  .h2 + h3,
  .h2 + .h3 {
    margin-top: -0.4em;
  }

  input,
  select,
  textarea {
    font-size: 1em;
  }
}
/**
 * These selection rule sets have to be separate.
 *
 * 1. Remove text-shadow in selection highlight: h5bp.com/i
 */
::-moz-selection {
  color: white;
  background: #007B85;
  text-shadow: none;
  /* 1 */
}

::selection {
  color: white;
  background: #007B85;
  text-shadow: none;
  /* 1 */
}

/**
 * Utility classes
 */
.assistive-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.assistive-text--focusable:active, .assistive-text--focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.center {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

.no-text-transform {
  text-transform: none;
}

.text-bold {
  font-weight: bold;
}

.text-light {
  font-weight: 100;
}

.highlight, .text-highlight, .brand-ee {
  color: #007B85;
}

.brand-orange {
  color: #ff6600;
}

.brand-tmobile {
  color: #e20074;
}

.text-indent-30 {
  text-indent: 1.875em;
}

.text-indent-40 {
  text-indent: 2.5em;
}

.text-indent-50 {
  text-indent: 3.125em;
}

.text-indent-60 {
  text-indent: 3.75em;
}

.text-indent-70 {
  text-indent: 4.375em;
}

.text-indent-80 {
  text-indent: 5em;
}

.text-indent-90 {
  text-indent: 5.625em;
}

.text-indent-100 {
  text-indent: 6.25em;
}

.text-indent-110 {
  text-indent: 6.875em;
}

.text-indent-120 {
  text-indent: 7.5em;
}

.text-indent-130 {
  text-indent: 8.125em;
}

.text-indent-140 {
  text-indent: 8.75em;
}

.text-indent-150 {
  text-indent: 9.375em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Ensure images scale and retain their aspect ratio.
 * 2. http://www.456bereastreet.com/archive/201202/using_max-width_on_images_can_make_them_disappear_in_ie8/
 */
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  /* 1 */
}
.lt-ie9 img {
  width: auto;
  /* 2 */
}

iframe {
  border: 0;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

/* ==========================================================================
   Tables
   ========================================================================== */
table {
  width: 100%;
}

/* ==========================================================================
   Containers
   ========================================================================== */
main:after,
section:after {
  content: "";
  display: table;
  clear: both;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

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

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.media-object {
  float: left;
  margin-right: 1em;
}
@media (min-width: 45em) {
  .media-object {
    margin-right: 1.5em;
  }
}
@media (min-width: 75em) {
  .media-object {
    margin-right: 1.5em;
  }
}
.media-object img {
  display: block;
}

.media-body {
  overflow: hidden;
}

.no-transform {
  text-transform : none !important;
  font-weight:400 !important;
  font-size:1.92em !important;
}

/* ==========================================================================
   css styles "show-me-only-in-chrome and show-me-only-in-safari" to hide div in desktop and tablet but visible on devices
   and "show-CTA-only-in-desktop" to hide div in devices and visible only on desktop.
   ========================================================================== */

.show-CTA-only-in-desktop{
  display: block;
}

a.button.show-me-only-in-chrome,
.show-me-only-in-chrome{
  display : none;
}

a.button.show-me-only-in-safari,
.show-me-only-in-safari {
  display : none;
}

/* Maximum landscape mobile width to support for show-me-only-in-chrome ,show-me-only-in-safari and show-CTA-only-in-desktop is 823px*/

@media only screen and (max-width: 599px) and (orientation: portrait) , only screen
and (min-device-width: 320px)
and (max-device-width: 900px)
and (orientation: landscape){

  .show-me-only-in-chrome{
    display : block;
  }

  a.button.show-me-only-in-chrome {
    display : inline-block;
  }

  a.button.show-me-only-in-safari,
  .show-me-only-in-safari {
    display : none;
  }

  /*css to display CTA only for safari and hide in chrome starts here*/
  @media only screen and (-webkit-min-device-pixel-ratio:1) {
    ::i-block-chrome, .show-me-only-in-chrome,
    a.button.show-me-only-in-chrome {
      display : none;
    }
    ::i-block-chrome, .show-me-only-in-safari{
      display : block;
    }

    ::i-block-chrome, a.button.show-me-only-in-safari {
      display : inline-block;
    }
  }

  _::-webkit-full-page-media, _:future, :root .show-me-only-in-chrome, :root a.button.show-me-only-in-chrome { display : none; }

  _::-webkit-full-page-media, _:future, :root .show-me-only-in-safari { display : block; }

  _::-webkit-full-page-media, _:future, :root a.button.show-me-only-in-safari { display : inline-block; }

  /*css to display CTA only for safari and hide in chrome ends here*/

  .show-CTA-only-in-desktop {
    display: none;
  }
}


/* ==========================================================================
   css style "show-me-only-in-chrome, show-me-only-in-safari" and "show-CTA-only-in-desktop" ends here
   ========================================================================== */

/* ==========================================================================
   css styles "show-in-android-devices" and "show-in-apple-devices" to hide div, link-button in desktop but make it visible on devices and tablets.
   ========================================================================== */

a.button.show-in-android-devices, .show-in-android-devices,
a.button.show-in-apple-devices, .show-in-apple-devices {
  display : none;
}

a.button.show-in-android-devices,
a.button.show-in-apple-devices {
  margin-right: 0;
}
/* Maximum landscape mobile width to support for show-in-android-devices and show-in-apple-devices is 1366px*/

@media only screen and (max-width: 1024px) and (orientation: portrait) ,
only screen and (min-device-width: 320px) and (max-device-width: 1366px) and (orientation: landscape) {

  .show-in-android-devices {
    display : block;
  }

  a.button.show-in-android-devices {
    display : inline-block;
  }

  a.button.show-in-apple-devices,
  .show-in-apple-devices {
    display : none;
  }

  @media only screen and (-webkit-min-device-pixel-ratio:1) {
    ::i-block-chrome, .show-in-android-devices,
    a.button.show-in-android-devices {
      display : none;
    }

    ::i-block-chrome, .show-in-apple-devices {
      display : block;
    }

    ::i-block-chrome, a.button.show-in-apple-devices {
      display : inline-block;
    }
  }

  _::-webkit-full-page-media, _:future, :root .show-in-android-devices, :root a.button.show-in-android-devices { display : none; }

  _::-webkit-full-page-media, _:future, :root .show-in-apple-devices { display : block; }

  _::-webkit-full-page-media, _:future, :root a.button.show-in-apple-devices { display : inline-block; }

}

/* ==========================================================================
   css styles "show-in-android-devices" and "show-in-apple-devices" ends here
   ========================================================================== */

.hide-only-in-mobile {
  display: none;
}

@media (min-width: 40em) {
  .hide-only-in-mobile {
    display: block;
  }
}

/* ==========================================================================
   Icon font styles
   ========================================================================== */
@font-face {
  font-family: "ee-icons";
  font-display: fallback;
  src: url("../ee-common-2015/clientlibs_base/resources/fonts/ee-icons.woff") format("woff"), url("../ee-common-2015/clientlibs_base/resources/fonts/ee-icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/**
 * [data-icon] in use to support editorial icon characters.
 */
[data-icon],
[class*="ee-icon"] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
}
[data-icon]:before,
[class*="ee-icon"]:before {
  font-family: 'ee-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a[data-icon]:hover, a[data-icon]:focus,
a[class*="ee-icon"]:hover,
a[class*="ee-icon"]:focus {
  border-bottom: none !important;
}
@media print {
  a[data-icon]:after,
  a[class*="ee-icon"]:after {
    content: "";
  }
}

[data-icon]:before {
  content: attr(data-icon);
}

.ee-icon-medium {
  font-size: 1.5em;
}

.ee-icon-large {
  font-size: 2.5em;
}
/* ======= Icon Font Definitions - Please add new ones in alphabetic order ======= */
/* Please note when merging all .ee-icon.... have been re-ordered alphabetically. Take the latest from local change */


.ee-icon-1gb:before {
  content: "\e06e";
}
.ee-icon-1gb-new:before {
    content: "\e91d";
}
.ee-icon-3g:before {
  content: "\e06d";
}
.ee-icon-3g-new:before {
    content: "\e91e";
}
.ee-icon-3gb:before {
  content: "\e06c";
}
.ee-icon-3gb-new:before {
    content: "\e91f";
}
.ee-icon-4g:before {
  content: "\e06b";
}
.ee-icon-4g-new:before {
    content: "\e920";
}
.ee-icon-4gee:before {
  content: "\e06a";
}
.ee-icon-4gee-new:before {
    content: "\e91b";
}
.ee-icon-4geeresumptive:before {
  content: "\e069";
}
.ee-icon-4geestreaming:before {
  content: "\e068";
}
.ee-icon-500mb:before {
  content: "\e065";
}
.ee-icon-500mb-new:before {
    content: "\e91c";
}
.ee-icon-5g:before,
.ee-icon-5gb:before {
  content: "\e067";
}
.ee-icon-5gb-new:before {
    content: "\e922";
}
.ee-icon-8g:before,
.ee-icon-8gb:before {
  content: "\e066";
}
.ee-icon-8gb-new:before {
    content: "\e921";
}
.ee-icon-accountsbilling:before {
  content: "\e064";
}
.ee-icon-addons:before {
  content: "\e063";
}
.ee-icon-apps:before {
  content: "\e062";
}
.ee-icon-articles:before {
  content: "\e600";
}
.ee-icon-assisted-wheelchair-access:before {
  content: "\e911";
}
.ee-icon-audio:before {
  content: "\e061";
}
.ee-icon-backfast:before {
  content: "\e060";
}
.ee-icon-basket:before {
  content: "\e05f";
}
.ee-icon-battery:before {
  content: "\e05e";
}
.ee-icon-bluetooth:before {
  content: "\e05d";
}
.ee-icon-bottom:before {
  content: "\e05c";
}
.ee-icon-broadband:before {
  content: "\e045";
}
.ee-icon-broadbandee:before {
  content: "\e609";
}
.ee-icon-business:before {
  content: "\e046";
}
.ee-icon-calendar:before {
  content: "\e602";
}
.ee-icon-calendar12:before {
  content: "\e047";
}
.ee-icon-calendar18:before {
  content: "\e048";
}
.ee-icon-calendar24:before {
  content: "\e049";
}
.ee-icon-camera:before {
  content: "\e04a";
}
.ee-icon-chat:before {
  content: "\e04b";
}
.ee-icon-chevronback:before {
  content: "\e04c";
}
.ee-icon-chevrondown:before {
  content: "\e04d";
}
.ee-icon-chevronnext:before {
  content: "\e04e";
}
.ee-icon-chevronup:before {
  content: "\e04f";
}
.ee-icon-cinema:before {
  content: "\e050";
}
.ee-icon-clockcircle:before {
  content: "\e60f";
}
.ee-icon-clonephone:before {
  content: "\e051";
}
.ee-icon-close:before {
  content: "\e052";
}
.ee-icon-community:before {
  content: "\e053";
}
.ee-icon-connectivity:before {
  content: "\e054";
}
.ee-icon-contact:before {
  content: "\e055";
}
.ee-icon-contactless:before {
  content: "\e056";
}
.ee-icon-contactus:before {
  content: "\e057";
}
.ee-icon-coverage:before {
  content: "\e058";
}
.ee-icon-cross:before {
  content: "\e059";
}
.ee-icon-data:before { /* see also .ee-icon-quote */
  content: "\e603";
}
.ee-icon-datapass:before {
  content: "\e05a";
}
.ee-icon-delivery:before {
  content: "\e700";
}
.ee-icon-devicehelp:before {
  content: "\e05b";
}
.ee-icon-devices:before {
  content: "\e90a";
}
.ee-icon-document:before {
  content: "\e601";
}
.ee-icon-dontlike:before {
  content: "\e905";
}
.ee-icon-download:before {
  content: "\e044";
}
.ee-icon-educate:before {
  content: "\e043";
}
.ee-icon-email:before {
  content: "\e042";
}
.ee-icon-exclaim:before {
  content: "\e90b";
}
.ee-icon-exclamationcircle:before {
  content: "\e60e";
}
.ee-icon-explore:before {
  content: "\e041";
}
.ee-icon-facebook:before {
  content: "\e040";
}
.ee-icon-features:before {
  content: "\e03f";
}
.ee-icon-findstore:before {
  content: "\e03c";
}
.ee-icon-filmee:before {
  content: "\e03e";
}
.ee-icon-filmstore:before {
  content: "\e03d";
}
.ee-icon-flightmode:before {
  content: "\e03b";
}
.ee-icon-flip:before { /* see also .flip */
  content: "\e902";
}
.ee-icon-forwardfast:before {
  content: "\e03a";
}
.ee-icon-gaming:before {
  content: "\e039";
}
.ee-icon-gb:before {
  content: "\e604";
}
.ee-icon-gbpound:before  { /* see also .ee-icon-pound */
  content: "\e60b";
}
.ee-icon-geolocate:before {
  content: "\e900";
}
.ee-icon-gift:before {
  content: "\e605";
}
.ee-icon-grid:before {
  content: "\e06f";
}
.ee-icon-home:before {
  content: "\e038";
}
.ee-icon-induction-loop:before {
  content: "\e913";
}
.ee-icon-info:before {
  content: "\e909";
}
.ee-icon-informationcircle:before {
  content: "\e037";
}
.ee-icon-innovation:before {
  content: "\e036";
}
.ee-icon-international:before {
  content: "\e60c";
}
.ee-icon-internettethering:before {
  content: "\e035";
}
.ee-icon-linkedin:before {
  content: "\e033";
}
.ee-icon-like:before {
  content: "\e034";
}
.ee-icon-list:before {
  content: "\e070";
}
.ee-icon-login:before {
  content: "\e032";
}
.ee-icon-loststolen:before {
  content: "\e031";
}
.ee-icon-maplocation:before {
  content: "\f004";
}
.ee-icon-mb:before {
  content: "\e030";
}
.ee-icon-membership:before {
  content: "\e02f";
}
.ee-icon-minus:before {
  content: "\e017";
}
.ee-icon-mins:before {
  content: "\e02e";
}
.ee-icon-mobility-impaired-walker:before {
  content: "\e914";
}
.ee-icon-music:before {
  content: "\e018";
}
.ee-icon-musicstore:before {
  content: "\e019";
}
.ee-icon-new:before {
  content: "\e01a";
}
.ee-icon-no-hidden-charges:before { /* see also .no-hidden-charges */
  content: "\e906";
}
.ee-icon-numbers:before {
  content: "\e01b";
}
.ee-icon-network-coverage:before {
  content: "\e90c";
}
.ee-icon-online:before {
  content: "\e908";
}
.ee-icon-outbox:before {
  content: "\e01c";
}
.ee-icon-offers-services:before {
  content: "\e90d";
}
.ee-icon-orders-delivery:before {
  content: "\e90e";
}
.ee-icon-padlock:before {
  content: "\e606";
}
.ee-icon-partially-sighted:before {
  content: "\e915";
}
.ee-icon-pause:before {
  content: "\e01d";
}
.ee-icon-paybycreditcard:before {
  content: "\e01e";
}
.ee-icon-paybydirectdebit:before {
  content: "\e01f";
}
.ee-icon-payg:before { /* .icon-ee-icon-payg */
  content: "\f012";
}
.ee-icon-personalise:before {
  content: "\e020";
}
.ee-icon-phone:before {
  content: "\e021";
}
.ee-icon-phoneandtablets:before {
  content: "\e022";
}
.ee-icon-photo:before {
  content: "\e023";
}
.ee-icon-pinlocation:before {
  content: "\e024";
}
.ee-icon-play:before {
  content: "\e025";
}
.ee-icon-playcircle:before {
  content: "\e5f0";
}
.ee-icon-playcirclesolid:before {
  content: "\e607";
}
.ee-icon-plus:before {
  content: "\e026";
}
.ee-icon-pound:before { /* see also .ee-icon-gbpound */
  content: "\e60b";
}
.ee-icon-power:before {
  content: "\e027";
}
.ee-icon-priceplans:before {
  content: "\e608";
}
.ee-icon-print:before {
  content: "\e028";
}
.ee-icon-processing:before {
  content: "\e029";
}
.ee-icon-pushchair-access:before {
  content: "\e916";
}
.ee-icon-question:before {
  content: "\e907";
}
.ee-icon-quote:before { /* see also .ee-icon-data */
  content: "\e603";
}
.ee-icon-readmorebook:before {
  content: "\e02a";
}
.ee-icon-retail:before {
  content: "\e901";
}
.ee-icon-reviewpen:before {
  content: "\e02b";
}
.ee-icon-roaming:before {
  content: "\e02c";
}
.ee-icon-roaming-nobblee:before {
  content: "\f006";
}
.ee-icon-safetysecurity:before {
  content: "\e02d";
}
.ee-icon-search:before {
  content: "\e016";
}
.ee-icon-seating-available:before {
  content: "\e917";
}
.ee-icon-service:before {
  content: "\e015";
}
.ee-icon-sharer:before {
  content: "\e60a";
}
.ee-icon-sign-language:before {
  content: "\e918";
}
.ee-icon-simcard:before {
  content: "\e014";
}
.ee-icon-size:before {
  content: "\e013";
}
.ee-icon-social:before {
  content: "\e011";
}
.ee-icon-speed:before {
  content: "\e012";
}
.ee-icon-speed-nobblee:before {
  content: "\f007";
}
.ee-icon-star:before {
  content: "\f002";
}
.ee-icon-stop:before {
  content: "\e010";
}
.ee-icon-support:before {
  content: "\e00f";
}
.ee-icon-surfmore:before {
  content: "\e00e";
}
.ee-icon-safety-security:before {
  content: "\e90f";
}
.ee-icon-tablet:before { /* .icon-ee-icon-tablet */
  content: "\f011";
}
.ee-icon-talkmore:before {
  content: "\e00c";
}
.ee-icon-tc:before {
  content: "\e00d";
}
.ee-icon-texts:before {
  content: "\e00b";
}
.ee-icon-tick:before {
  content: "\e00a";
}
.ee-icon-tickcircle:before {
  content: "\f005";
}
.ee-icon-tickcirclesolid:before {
  content: "\e91a";
}
.ee-icon-tickinbox:before {
  content: "\e009";
}
.ee-icon-tick-large:before { /* see also .tick */
  content: "\e903";
}
.ee-icon-top:before {
  content: "\e008";
}
.ee-icon-trash:before {
  content: "\e007";
}
.ee-icon-tv:before {
  content: "\e006";
}
.ee-icon-tvee:before {
  content: "\e60d";
}
.ee-icon-twitter:before {
  content: "\e005";
}
.ee-icon-upgrade:before {
  content: "\f003";
}
.ee-icon-upgrade-your-phone:before { /* icon-ee-icon-upgrade-your-phone */
  content: "\f010";
}
.ee-icon-voip:before {
  content: "\e004";
}
.ee-icon-video-play:before {
  content: "\e910";
}
.ee-icon-wallet:before {
  content: "\e003";
}
.ee-icon-warning:before {
  content: "\e002";
}
.ee-icon-welcome:before {
  content: "\e001";
}
.ee-icon-wheelchair-access:before {
  content: "\e919";
}
.ee-icon-wificalling:before {
  content: "\e610";
}
.ee-icon-x2:before {
  content: "\f008";
}
.ee-icon-x2-nobblee:before {
  content: "\f009";
}
.ee-icon-youtube:before {
  content: "\e000";
}
.flip:before {
  content: "\e902";
}
.icon-uniF000:before {
  content: "\f000";
}
.icon-uniF001:before {
  content: "\f001";
}
.no-hidden-charges:before {
  content: "\e906";
}
.tick:before {
  content: "\e903";
}
.x:before {
  content: "\e904";
}
.icon-ee-icon-upgrade-your-phone:before {
  content: "\f010";
}
.icon-ee-icon-tablet:before {
  content: "\f011";
}
.icon-ee-icon-payg:before {
  content: "\f012";
}
/* ==========================================================================
   Base grid styles
   ========================================================================== */
.module {
  margin: 2em 0;
}
@media (min-width: 60em) {
  .module {
    margin: 4em 0;
  }
}

@media (min-width: 769px) {
  #moto-page-holder .container {
      max-width: 90em !important; 
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .row.large-display-bleed.medium-display-bleed {
      width: auto;
  }
}

.container {
  max-width: 79.375em;
  margin: 0 0.5em;
  padding: 0.5em;
  word-wrap: break-word;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}
.lt-ie9 .container {
  max-width: 77.875em;
}
@media (min-width: 35em) {
  .container {
    margin: 0 1.5em;
  }
}
@media (min-width: 45em) {
  .container {
    margin: 0 2em;
    padding: 0.75em;
  }
}
@media (min-width: 75em) {
  .container {
    margin: 0 3em;
    padding: 0.75em;
  }
}
@media (min-width: 83.75em) {
  .container {
    margin: 0 auto;
  }
}

.col {
  float: left;
  width: 100%;
  padding: 0.5em;
}
@media (min-width: 45em) {
  .col {
    padding: 0.75em;
  }
}
@media (min-width: 75em) {
  .col {
    padding: 0.75em;
  }
}
.col.nest {
  padding: 0;
}

.panels {
  margin: -1em 0;
}
@media (min-width: 45em) {
  .panels {
    margin: -1.5em 0;
  }
}
@media (min-width: 75em) {
  .panels {
    margin: -1.5em 0;
  }
}
@media (max-width: 34.9375em) {
  .panels .container,
  .panels .col {
    padding-left: 0;
    padding-right: 0;
  }
}
.panels .panel {
  margin-bottom: 1em;
  padding: 1em;
}
@media (min-width: 45em) {
  .panels .panel {
    margin-bottom: 1.5em;
    padding: 1.5em;
  }
}
@media (min-width: 75em) {
  .panels .panel {
    margin-bottom: 1.5em;
    padding: 1.5em;
  }
}
.panels .col .panel:last-child {
  margin-bottom: 0;
}

.panel {
  position: relative;
}
.panel > :first-child {
  margin-top: 0;
}
.panel > :last-child {
  margin-bottom: 0;
}

.nopadding,
.nopadding .col {
  padding: 0 !important;
}

@media (min-width: 45em) {
  .span-1 {
    width: 8.33333%;
  }
}

@media (min-width: 45em) {
  .span-2 {
    width: 16.66667%;
  }
}

@media (min-width: 35em) {
  .span-3 {
    width: 50%;
  }
}
@media (min-width: 45em) {
  .span-3 {
    width: 25%;
  }
}
@media (min-width: 35em) {
  .span-3 + .span-9 {
    width: 50%;
  }
}
@media (min-width: 45em) {
  .span-3 + .span-9 {
    width: 75%;
  }
}

@media (min-width: 45em) {
  .span-4 {
    width: 33.33333%;
  }
}

@media (min-width: 45em) {
  .span-5 {
    width: 41.66667%;
  }
}

@media (min-width: 35em) {
  .span-6 {
    width: 50%;
  }
}

@media (min-width: 45em) {
  .span-7 {
    width: 58.33333%;
  }
}

@media (min-width: 45em) {
  .span-8 {
    width: 66.66667%;
  }
}

@media (min-width: 35em) {
  .span-9 {
    width: 50%;
  }
}
@media (min-width: 45em) {
  .span-9 {
    width: 75%;
  }
}
@media (min-width: 35em) {
  .span-9 + .span-3 {
    width: 50%;
  }
}
@media (min-width: 45em) {
  .span-9 + .span-3 {
    width: 25%;
  }
}

@media (min-width: 45em) {
  .span-10 {
    width: 83.33333%;
  }
}

@media (min-width: 45em) {
  .span-11 {
    width: 91.66667%;
  }
}

@media (min-width: 35em) {
  .span-15, .span-13 {
    width: 45%;

  }
  .span-13 {
    left: 45%;
    position: absolute;
  }
  .span-14 {
    width: 100%;
  }

}
@media (min-width: 75em) {
  .span-15,.span-13 {
    width: 25%;
    position: inherit;
    top: auto;
    left: auto;
  }
  .span-14 {
    width: 50%;
  }
}

@media print {
  .module {
    margin: 2em 0;
  }

  .container {
    margin: 0;
    padding: 0;
  }
}
/* ==========================================================================
   Buttons
   ========================================================================== */
a.button, .ee-form button,
.ee-form input[type="reset"],
.ee-form input[type="button"],
.ee-form input[type="submit"] {
  display: block;
  width: 100%;
  margin-top: 1em;
  padding: 1em;
  border: none;
  border-radius: 0.25em;
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
}
a.button:hover, .ee-form button:hover,
.ee-form input[type="reset"]:hover,
.ee-form input[type="button"]:hover,
.ee-form input[type="submit"]:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
a.button:focus, .ee-form button:focus,
.ee-form input[type="reset"]:focus,
.ee-form input[type="button"]:focus,
.ee-form input[type="submit"]:focus {
  outline-offset: .25em;
}
@media (min-width: 25em) {
  a.button, .ee-form button,
  .ee-form input[type="reset"],
  .ee-form input[type="button"],
  .ee-form input[type="submit"] {
    display: inline-block;
    width: auto;
    margin-right: 1.75em;
    text-align: left;
  }
}
@media (min-width: 45em) {
  a.button, .ee-form button,
  .ee-form input[type="reset"],
  .ee-form input[type="button"],
  .ee-form input[type="submit"] {
    font-size: .875em;
  }
}

ul.button {
  margin-top: .25em;
  padding: 0;
  list-style: none;
}
ul.button li {
  display: inline;
}

/* ==========================================================================
   Background images
   ========================================================================== */

.ee-bgimg-orange-logo:before, .ee-bgimg-tmobile-logo:before{
  content: url('../ee-common-2015/clientlibs_base/resources/img/EE-main-sprite.svg');
  position: relative;
}
.styled-select select, .ee-form input[type="checkbox"] + label:before,
.ee-form input[type="radio"] + label:before {
  background-image: url('../ee-common-2015/clientlibs_base/resources/img/EE-main-sprite.svg');
}
.ee-form .EE input[type="checkbox"]+label:before,
.ee-form .EE input[type="radio"]+label:before {
  background-image: none;
}
.no-svg .ee-bgimg-orange-logo:before, .no-svg .ee-bgimg-tmobile-logo:before{
  content: url('../ee-common-2015/clientlibs_base/resources/img/EE-main-sprite.png');
}
.no-svg .styled-select select, .styled-select .no-svg select, .no-svg .ee-form input[type="checkbox"] + label:before, .ee-form .no-svg input[type="checkbox"] + label:before,
.no-svg .ee-form input[type="radio"] + label:before,
.ee-form .no-svg input[type="radio"] + label:before {
  background-image: url('../ee-common-2015/clientlibs_base/resources/img/EE-main-sprite.png');
}

@media all and (-ms-high-contrast: none) {
  .ee-bgimg-orange-logo, .ee-bgimg-tmobile-logo{
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/EE-main-sprite.png');
  }

  .ee-bgimg-orange-logo {
    background-position: 0 0;
  }

  .ee-bgimg-tmobile-logo {
    background-position: 0 -128px;
  }
}

@media all and (-ms-high-contrast: active) {
  .ee-bgimg-orange-logo:before, .ee-bgimg-tmobile-logo:before{
    content: url('../ee-common-2015/clientlibs_base/resources/img/EE-main-sprite.png');
  }
}
.ee-bgimg-orange-logo:before, .ie9 .ee-bgimg-orange-logo:before  {
  left: 0;
  top: 0;
}

.ee-bgimg-tmobile-logo:before, .ie9 .ee-bgimg-tmobile-logo:before {
  left: 0;
  top: -128px;
}

.ie9 .ee-bgimg-orange-logo:before, .ie9 .ee-bgimg-tmobile-logo:before{
  content: url('../ee-common-2015/clientlibs_base/resources/img/EE-main-sprite.png');
}

.ie9 .ee-bgimg-orange-logo, .ie9 .ee-bgimg-tmobile-logo, .ee-bgimg-orange-logo, .ee-bgimg-tmobile-logo {
  width: 26px;
  height: 26px;
  overflow: hidden;
}

.ee-bgimg-star-one,
.ee-bgimg-star-half,
.ee-bgimg-star-zero,
.ee-bgimg-star-selected {
  background-image: url('../ee-common-2015/clientlibs_base/resources/img/EE-shop-sprite.png');
}

.ee-bgimg-star-one,
.ee-bgimg-star-half,
.ee-bgimg-star-zero,
.ee-bgimg-star-selected {
  display: inline-block;
  width: 17px;
  height: 16px;
}

.ee-bgimg-star-one {
  background-position: 0 -1152px;
}

.ee-bgimg-star-half {
  background-position: 0 -1280px;
}

.ee-bgimg-star-zero {
  background-position: 0 -1408px;
}

.ee-bgimg-star-selected {
  background-position: 0 -1536px;
}

@media print {
  [class*="ee-bgimg"]:after {
    content: "";
  }
}
/* ==========================================================================
   Theming styles
   ========================================================================== */
.theme-aqua.theme-standard, .theme-aqua.theme-container > .container, section.aqua,
div.aqua,
li.aqua {
  color: white;
  background-color: #007b85;
}

.theme-yellow.theme-standard, .theme-yellow.theme-container > .container, section.yellow,
div.yellow,
li.yellow {
  color: #3c3d41;
  background-color: #ffe600;
}

.theme-grey.theme-standard, .theme-grey.theme-container > .container, section.grey,
div.grey,
li.grey {
  color: white;
  background-color: #6d6e71;
}

.theme-ivory.theme-standard, .theme-ivory.theme-container > .container {
  color: #3c3d41;
  background-color: #eae3c9;
}

.theme-ivory-background.theme-standard, .theme-ivory-background.theme-container > .container {
  color: #6d6e71;
  background-color: #f6f4f0;
}

.theme-ivory-background-light.theme-standard, .theme-ivory-background-light.theme-container > .container {
  color: #6d6e71;
  background-color: #fbfaf8;
}

.theme-white.theme-standard, .theme-white.theme-container > .container,.theme-white.theme-container > .full-width-container, section.white,
div.white,
li.white {
  color: #6d6e71;
  background-color: white;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}


a.button, .theme-yellow a.button-primary, .theme-ivory a.button-primary, a.button-primary, a.button.aqua, .ee-form button,
.ee-form input[type="reset"],
.ee-form input[type="button"],
.ee-form input[type="submit"] {
  color: white !important;
  background-color: #007B85;
}
a.button:hover, a.button-primary:hover, .ee-form button:hover,
.ee-form input[type="reset"]:hover,
.ee-form input[type="button"]:hover,
.ee-form input[type="submit"]:hover {
  background-color: #005A61;
}
.EE .sg-modal__close:hover {
  background: none;
}
.theme-yellow a.button-primary, .theme-ivory a.button-primary {
  background-color: #007b85;
}
.theme-yellow a.button-primary:hover, .theme-ivory a.button-primary:hover {
  background-color: #005a61;
}

a.button-secondary, .theme-ivory-background a.button-secondary, .theme-ivory-background-light a.button-secondary, .theme-white a.button-secondary, a.button.white, .ee-form button.alt,
.ee-form input[type="reset"].alt,
.ee-form input[type="button"].alt,
.ee-form input[type="submit"].alt {
  color: #6d6e71 !important;
  background-color: white;
}
a.button-secondary:hover, a.button.white:hover, .ee-form button.alt:hover,
.ee-form input[type="reset"].alt:hover,
.ee-form input[type="button"].alt:hover,
.ee-form input[type="submit"].alt:hover {
  background-color: #f2f2f2;
}

.theme-ivory-background a.button-secondary, .theme-ivory-background-light a.button-secondary, .theme-white a.button-secondary, section.white a.button-secondary,
div.white a.button-secondary,
li.white a.button-secondary {
  border: 1px solid #6d6e71;
}

.ee-form button.alt,
.ee-form input[type="reset"].alt,
.ee-form input[type="button"].alt,
.ee-form input[type="submit"].alt {
  color: #007B85;
  border: 1px solid #007B85;
}

.theme-aqua a.button-primary, .theme-grey a.button-primary, a.button.yellow {
  color: #3c3d41 !important;
  background-color: #ffe600;
}
.theme-aqua a.button-primary:hover, .theme-grey a.button-primary:hover, a.button.yellow:hover {
  background-color: #dbc600;
}

.eed-off-canvas__push.fog {
  background-color: #F4F4F4;
  color: #3C3D41;
}

@media (min-width: 40em) {
  .theme-scoop.theme-standard, .theme-scoop.theme-container > .container {
    background-position: center center;
    background-size: cover;
  }
  .theme-scoop.theme-aqua.theme-standard, .theme-scoop.theme-aqua.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_AQ_768.jpg');
  }
  .theme-scoop.theme-grey.theme-standard, .theme-scoop.theme-grey.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_GY_768.jpg');
  }
  .theme-scoop.theme-ivory.theme-standard, .theme-scoop.theme-ivory.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_IV_768.jpg');
  }
  .theme-scoop.theme-yellow.theme-standard, .theme-scoop.theme-yellow.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_YE_768.jpg');
  }
}
@media (min-width: 60em) {
  .theme-scoop.theme-aqua.theme-standard, .theme-scoop.theme-aqua.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_AQ_1024.jpg');
  }
  .theme-scoop.theme-grey.theme-standard, .theme-scoop.theme-grey.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_GY_1024.jpg');
  }
  .theme-scoop.theme-ivory.theme-standard, .theme-scoop.theme-ivory.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_IV_1024.jpg');
  }
  .theme-scoop.theme-yellow.theme-standard, .theme-scoop.theme-yellow.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_YE_1024.jpg');
  }
}
@media (min-width: 85em) {
  .theme-scoop.theme-aqua.theme-standard, .theme-scoop.theme-aqua.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_AQ_1360.jpg');
  }
  .theme-scoop.theme-grey.theme-standard, .theme-scoop.theme-grey.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_GY_1360.jpg');
  }
  .theme-scoop.theme-ivory.theme-standard, .theme-scoop.theme-ivory.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_IV_1360.jpg');
  }
  .theme-scoop.theme-yellow.theme-standard, .theme-scoop.theme-yellow.theme-container > .container {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/scoops/SCOOP_YE_1360.jpg');
  }
}

@media (min-width: 40em) {
  .theme-smartlayer.theme-standard, .theme-smartlayer.theme-container > .container {
    position: relative;
  }
  .theme-smartlayer.theme-standard:before, .theme-smartlayer.theme-container > .container:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/smart-layer/SMART_LAYER_768.png');
    background-position: center center;
  }
}
@media (min-width: 50em) {
  .theme-smartlayer.theme-standard:before, .theme-smartlayer.theme-container > .container:before {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/smart-layer/SMART_LAYER_1024.png');
  }
  .no-svg .theme-smartlayer.theme-standard:before, .no-svg .theme-smartlayer.theme-container > .container:before {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/smart-layer/SMART_LAYER_1024.png');
  }
}
@media (min-width: 65em) {
  .theme-smartlayer.theme-standard:before, .theme-smartlayer.theme-container > .container:before {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/smart-layer/SMART_LAYER_1360.png');
  }
  .no-svg .theme-smartlayer.theme-standard:before, .no-svg .theme-smartlayer.theme-container > .container:before {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/smart-layer/SMART_LAYER_1360.png');
  }
}

.theme-smartlayer--masked > .container {
  background-image: none !important;
}
.theme-smartlayer--masked > .container:before {
  z-index: 1;
}
.theme-smartlayer--masked .theme-smartlayer-mask {
  position: relative;
  z-index: 2;
}

.theme-aqua.theme-smartlayer--masked .theme-smartlayer-mask {
  background-color: #007b85;
}
.theme-aqua h1, .theme-aqua .h1,
.theme-aqua h2, .theme-aqua .h2,
.theme-aqua a,
.theme-aqua .highlight,
.theme-aqua .highlight .text-cta,
.theme-aqua .highlight .cta-group__link {
  color: #ffe600;
}

.theme-aqua .cta-group__link:hover {
  color: #ffe600;
}
.cta-group__link:hover {
  border-bottom: 2px solid !important;
}

.theme-aqua a:focus {
  outline-color: white;
}
.theme-aqua li a:focus {
  outline: none;
  color: #007b85;
  background-color: white;
}
.theme-aqua .text-cta,
.theme-aqua .cta-group__link {
  color: white;
}
.theme-aqua ::-moz-selection {
  color: #3c3d41;
  background: #ffe600;
}
.theme-aqua ::selection {
  color: #3c3d41;
  background: #ffe600;
}

.theme-yellow.theme-smartlayer--masked .theme-smartlayer-mask {
  background-color: #ffe600;
}
.theme-yellow h1, .theme-yellow .h1,
.theme-yellow a,
.theme-yellow .highlight,
.theme-yellow .highlight .text-cta,
.theme-yellow .highlight .cta-group__link {
  color: #005a61;
}

.theme-yellow h2, .theme-yellow .h2,
.theme-yellow h3, .theme-yellow .h3{
  color:#6d6e71
}

.theme-yellow .cta-group__link:hover {
  color: #005A61;
}

.theme-yellow a:focus {
  outline-color: #3c3d41;
}
.theme-yellow li a:focus {
  outline: none;
  color: #ffe600;
  background-color: #3c3d41;
}

.theme-grey.theme-smartlayer--masked .theme-smartlayer-mask {
  background-color: #6d6e71;
}
.theme-grey h1, .theme-grey .h1,
.theme-grey h2, .theme-grey .h2,
.theme-grey a,
.theme-grey .highlight,
.theme-grey .highlight .text-cta,
.theme-grey .highlight .cta-group__link {
  color: #ffe600;
}
.theme-grey .cta-group__link:hover {
  color: #ffe600;
}
.theme-grey a:focus {
  outline-color: white;
}
.theme-grey li a:focus {
  outline: none;
  color: #6d6e71;
  background-color: white;
}
.theme-grey .text-cta,
.theme-grey .cta-group__link {
  color: white;
}

.theme-ivory.theme-smartlayer--masked .theme-smartlayer-mask {
  background-color: #eae3c9;
}
.theme-ivory h1, .theme-ivory .h1,
.theme-ivory a,
.theme-ivory .highlight,
.theme-ivory .highlight .text-cta,
.theme-ivory .highlight .cta-group__link {
  color: #007b85;
}
.theme-ivory h2, .theme-ivory .h2,
.theme-ivory h3, .theme-ivory .h3{
  color: #6d6e71;
}

.theme-ivory .cta-group__link:hover{
  color: #005A61 ;
}

.theme-ivory a:focus {
  outline-color: #007B85;
}
.theme-ivory li a:focus {
  outline: none;
  color: white;
  background-color: #007B85;
}

.theme-ivory-background a,
.theme-ivory-background .highlight,
.theme-ivory-background .highlight .text-cta,
.theme-ivory-background .highlight .cta-group__link {
  color: #007B85;
}
.theme-ivory-background h3, .theme-ivory-background .h3{
  color: #6d6e71;
}
.theme-ivory-background a:focus {
  outline-color: #007B85;
}
.theme-ivory-background li a:focus {
  outline: none;
  color: white;
  background-color: #007B85;
}


.theme-ivory-background-light a,
.theme-ivory-background-light .highlight,
.theme-ivory-background-light .highlight .text-cta,
.theme-ivory-background-light .highlight .cta-group__link {
  color: #007B85;
}
.theme-ivory-background-light h3, .theme-ivory-background-light .h3{
  color: #6d6e71;
}
.theme-ivory-background-light a:focus {
  outline-color: #007B85;
}
.theme-ivory-background-light li a:focus {
  outline: none;
  color: white;
  background-color: #007B85;
}

.theme-white a,
.theme-white .highlight,
.theme-white .highlight .text-cta,
.theme-white .highlight .cta-group__link {
  color: #007B85;
}
.theme-white h3, .theme-white .h3{
  color: #6d6e71;
}

.theme-white .cta-group__link:hover {
  color: #005A61;
}

.theme-white a:focus {
  outline-color: #007B85;
}
.theme-white li a:focus {
  outline: none;
  color: white;
  background-color: #007B85;
}

.theme-aqua select {
  background-color: #ffffff;
}

.theme-fog {
  background-color: #F4F4F4;
  color: #3C3D41;
}

/* ==========================================================================
   Inline theming styles
   ========================================================================== */
a.aqua,
p.aqua,
span.aqua,
h1.aqua, .h1.aqua,
h2.aqua, .h2.aqua,
h3.aqua, .h3.aqua,
h4.aqua, .h4.aqua {
  color: #007B85;
}
a.grey,
p.grey,
span.grey,
h1.grey, .h1.grey,
h2.grey, .h2.grey,
h3.grey, .h3.grey,
h4.grey, .h4.grey {
  color: #6d6e71;
}
a.white,
p.white,
span.white,
h1.white, .h1.white,
h2.white, .h2.white,
h3.white, .h3.white,
h4.white, .h4.white {
  color: white;
}
a.yellow,
p.yellow,
span.yellow,
h1.yellow, .h1.yellow,
h2.yellow, .h2.yellow,
h3.yellow, .h3.yellow,
h4.yellow, .h4.yellow {
  color: #ffe600;
}

a.aqua {
  color: white;
  background: #007B85;
}
a.aqua:hover {
  background: #007878;
}
a.white {
  color: #007B85;
  background: white;
}
a.white:hover {
  background: #f2f2f2;
}
a.yellow {
  color: #3c3d41;
  background: #ffe600;
}
a.yellow:hover {
  background: #dbc600;
}

section.aqua div.white,
div.aqua div.white {
  color: #3c3d41;
}

/* ==========================================================================
   Form styles
   ========================================================================== */
.no-js .ee-form-field--tooltip .ee-form-message, .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message, .js .ee-form-field--tooltip .ee-form-message--active {
  padding: 1em;
  border: 1px solid #d4d3cf;
  border-radius: 0.25em;
  background-color: #f6f4f0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance:textfield;
}

.styled-select select, .ee-form input[type="email"],
.ee-form input[type="password"],
.ee-form input[type="search"],
.ee-form input[type="tel"],
.ee-form input[type="text"],
.ee-form input[type="url"],
.ee-form input[type="number"],
.ee-form textarea {
  padding: .875em .5em;
  border: 1px solid #d4d3cf;
  border-radius: 0.25em;
}
.styled-select select:focus, .ee-form input[type="email"]:focus,
.ee-form input[type="password"]:focus,
.ee-form input[type="search"]:focus,
.ee-form input[type="tel"]:focus,
.ee-form input[type="text"]:focus,
.ee-form input[type="url"]:focus,
.ee-form input[type="number"]:focus,
.ee-form textarea:focus {
  border-color: #6d6e71;
  background-color: #f6f4f0;
  outline: none;
}
.styled-select select.invalid, .ee-form input.invalid[type="email"],
.ee-form input.invalid[type="password"],
.ee-form input.invalid[type="search"],
.ee-form input.invalid[type="tel"],
.ee-form input.invalid[type="text"],
.ee-form input.invalid[type="url"],
.ee-form input.invalid[type="number"],
.ee-form textarea.invalid {
  border-color: #e00000;
  background-color: #fdf7f7;
  box-shadow: none;
}
.styled-select select.validated, .ee-form input.validated[type="email"],
.ee-form input.validated[type="password"],
.ee-form input.validated[type="search"],
.ee-form input.validated[type="tel"],
.ee-form input.validated[type="text"],
.ee-form input.validated[type="url"],
.ee-form input.validated[type="number"],
.ee-form textarea.validated {
  border-color: green;
}
@media (min-width: 45em) {
  .styled-select select, .ee-form input[type="email"],
  .ee-form input[type="password"],
  .ee-form input[type="search"],
  .ee-form input[type="tel"],
  .ee-form input[type="text"],
  .ee-form input[type="number"],
  .ee-form input[type="url"],
  .ee-form textarea {
    padding: .875em;
  }
}

.styled-select {
  display: inline-block;
  min-width: 7em;
}
.styled-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: 100% -1792px;
  width: 100%;
  margin-right: 3em;
  background-color: white;
  text-indent: .01px;
  text-overflow: '';
}
.styled-select.aqua select{
  background-position:100% -2048px;
}
.styled-select select[multiple] {
  background-image: none;
}
.styled-select option {
  padding: 0 1em;
}

.ee-form {
  position: relative;
}
.ee-form h3 {
  margin-top: 1.5em;
}
.ee-form fieldset {
  margin: 0;
  padding: 1em;
  border: 1px solid #d4d3cf;
  border-radius: 0.25em;
}
.ee-form input[disabled],
.ee-form textarea[disabled],
.ee-form input[readonly],
.ee-form textarea[readonly] {
  border-color: #6d6e71 !important;
  background-color: #d4d3cf !important;
}
.ee-form button[disabled],
.ee-form input[type="reset"][disabled],
.ee-form input[type="button"][disabled],
.ee-form input[type="submit"][disabled] {
  color: #eee;
  background-color: #ccc;
}
.ee-form input[type="checkbox"],
.ee-form input[type="radio"] {
  position: absolute;
  left: -999em;
}
.ee-form input[type="checkbox"] + label,
.ee-form input[type="radio"] + label {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-left: 2.5em;
  vertical-align: middle;
}
.ee-form input[type="checkbox"] + label:before,
.ee-form input[type="radio"] + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
}
.ee-form input[type="checkbox"]:focus + label,
.ee-form input[type="radio"]:focus + label {
  outline: 1px dotted #6d6e71;
}
.lt-ie9 .ee-form input[type="checkbox"], .lt-ie9
.ee-form input[type="radio"] {
  left: auto;
  position: relative;
  vertical-align: middle;
}
.lt-ie9 .ee-form input[type="checkbox"] + label, .lt-ie9
.ee-form input[type="radio"] + label {
  margin-right: .25em;
  padding: 0 0 0 0.5em;
  width: 75%;
}
.lt-ie9 .ee-form input[type="checkbox"] + label:before, .lt-ie9
.ee-form input[type="radio"] + label:before {
  display: none;
  content: none;
}
.ee-form input[type="checkbox"] + label:before {
  background-position: 0 -640px;
}
.ee-form input[type="checkbox"].invalid + label:before,
.ee-form input[type="checkbox"].invalid.aqua + label:before {
  background-position: 0 -896px;
}
.ee-form input[type="checkbox"]:checked + label:before {
  background-position: 0 -768px;
}
.ee-form input[type="checkbox"].aqua+label:before{
  background-position:0 -2432px
}
.ee-form input[type="checkbox"].aqua:checked+label:before{
  background-position:0 -2304px
}
.ee-form input[type="radio"] + label:before {
  background-position: 0 -1408px;
}
.ee-form input[type="radio"].invalid + label:before {
  background-position: 0 -1664px;
}
.ee-form input[type="radio"]:checked + label:before {
  background-position: 0 -1536px;
}
.ee-form input[type="radio"].ticked:checked+label:before{
  background-position:0 -2560px;
  width: 24px;
  height: 24px;
}
.ee-form textarea {
  min-height: 8em;
  resize: vertical;
}

.ee-form--full-page input[type="email"],
.ee-form--full-page input[type="password"],
.ee-form--full-page input[type="search"],
.ee-form--full-page input[type="tel"],
.ee-form--full-page input[type="text"],
.ee-form--full-page input[type="number"],
.ee-form--full-page input[type="url"],
.ee-form--full-page textarea,
.ee-form--full-page .styled-select {
  display: block;
  width: 100%;
}

.EE .ee-form--full-page {
    width: auto;
}

.ee-form-required-text:before {
  content: '*';
  display: inline;
  margin-right: .25em;
}

.ee-form-field {
  position: relative;
  margin: 1em 0;
}
.ee-form-field label {
  display: inline-block;
  margin: .5em 0;
  cursor: pointer;
}
.ee-form-field:last-child {
  margin-bottom: 0;
}

.ee-form-field--input-group > label {
  margin-bottom: 1em;
}
.ee-form-field--input-group .ee-form-control label {
  color: #007B85;
}
.ee-form-field--input-group input[type="checkbox"] + label,
.ee-form-field--input-group input[type="radio"] + label {
  padding-left: 2em;
}
.ee-form-field--input-group input[type="checkbox"] + label:before,
.ee-form-field--input-group input[type="radio"] + label:before {
  width: 19px;
  height: 19px;
}
.ee-form-field--input-group input[type="checkbox"] + label:before {
  background-position: 0 -256px;
}
.ee-form-field--input-group input[type="checkbox"].invalid + label:before {
  background-position: 0 -512px;
}
.ee-form-field--input-group input[type="checkbox"]:checked + label:before {
  background-position: 0 -384px;
}
.ee-form-field--input-group input[type="checkbox"].aqua+label:before{
  background-position:0 -2431px;
  width:27px;
  height:27px;
  top: -2px;
}
.ee-form-field--input-group input[type="checkbox"].aqua:checked+label:before{
  background-position:0 -2304px;
  width:27px;
  height:27px;
}
.ee-form-field--input-group input[type="radio"] + label:before {
  background-position: 0 -1024px;
}
.ee-form-field--input-group input[type="radio"].invalid + label:before {
  background-position: 0 -1280px;
}
.ee-form-field--input-group input[type="radio"]:checked + label:before {
  background-position: 0 -1152px;
}

.ee-form-field--required > label:after {
  content: '*';
  display: inline;
  margin-left: .25em;
}

.ee-form-field--invalid {
  color: #e00000;
}
.ee-form-field--invalid label {
  color: #e00000 !important;
}

.ee-form-control-wrapper {
  display: block;
  position: relative;
}

.ee-form-control {
  display: block;
}
.ee-form-control + .ee-form-control {
  margin-top: 1em;
}
.no-js .ee-form-field--tooltip .ee-form-control {
  min-height: 10em;
}

.ee-form-control--twin {
  overflow: hidden;
}
.ee-form-control--twin .styled-select {
  float: left;
  width: 50%;
  padding-right: .5em;
}
.ee-form-control--twin .styled-select + .styled-select {
  padding-right: 0;
  padding-left: .5em;
}

.ee-form-message-wrapper {
  display: block;
  width: 100%;
}

.eecolctrl_3_3_3_3stack .dropdown .ee-form-message-wrapper, .eecolctrl_4_4_4stack .dropdown .ee-form-message-wrapper, .eecolctrl_6_6stack .dropdown .ee-form-message-wrapper {
  top: -3.35em;
  left:3em;
}

.ee-form-message {
  display: block;
}

.ee-form-field--tooltip .ee-form-message-icon {
  color: #007B85;
  cursor: pointer;
}
.ee-form-field--tooltip .ee-form-message-icon:before {
  content: "\e037";
}

.ee-form-field--invalid .ee-form-message-icon {
  color: #e00000;
  cursor: default;
}
.ee-form-field--invalid .ee-form-message-icon:before {
  content: "\e002";
}

.ee-form-field--validated .ee-form-message-icon {
  cursor: default;
}
.ee-form-field--validated .ee-form-message-icon:before {
  color: green;
  content: "\e00a";
}

.ee-form-message-text {
  display: block;
  position: relative;
}
.js .ee-form-message--hidden .ee-form-message-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

@media (max-width: 44.9375em) {
  .ee-form-field label {
    font-weight: bold;
  }

  .ee-form-field--select.ee-form-field--tooltip > label,
  .ee-form-field--input-group.ee-form-field--tooltip > label {
    padding-right: 3em;
  }
  .ee-form-field--select label,
  .ee-form-field--input-group label {
    font-weight: normal;
  }
  .ee-form-field--select .ee-form-message,
  .ee-form-field--input-group .ee-form-message {
    margin: .5em 0 1em;
  }
  .ee-form-field--select .ee-form-message--hidden,
  .ee-form-field--input-group .ee-form-message--hidden {
    margin: 0;
  }
  .ee-form-field--select .ee-form-message-icon,
  .ee-form-field--input-group .ee-form-message-icon {
    top: 0;
  }

  .ee-form-field--tooltip .ee-form-control,
  .ee-form-field--invalid .ee-form-control,
  .ee-form-field--validated .ee-form-control {
    padding-right: 4em;
  }
  .ee-form-field--tooltip.ee-form-field--input-group .ee-form-control, .ee-form-field--tooltip.ee-form-field--select .ee-form-control,
  .ee-form-field--invalid.ee-form-field--input-group .ee-form-control,
  .ee-form-field--invalid.ee-form-field--select .ee-form-control,
  .ee-form-field--validated.ee-form-field--input-group .ee-form-control,
  .ee-form-field--validated.ee-form-field--select .ee-form-control {
    padding-right: 0;
  }

  .ee-form-message {
    margin-top: 1em;
  }

  .ee-form-message-icon {
    position: absolute;
    top: .25em;
    right: .25em;
    font-size: 2.5em;
  }
  .ee-form-field--single-checkbox .ee-form-message-icon {
    top: -.125em;
  }

  .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:before, .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:after, .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:before, .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:after {
    content: "";
    position: absolute;
    right: -0.14286em;
  }
  .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:before, .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:before {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0.875em;
    border-bottom-color: #d4d3cf;
    top: -2.71429em;
  }
  .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:after, .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0.875em;
    border-bottom-color: #f6f4f0;
    top: -2.64286em;
  }

  .ee-form-field--input-group.ee-form-field--compact-group input[type="checkbox"] + label,
  .ee-form-field--input-group.ee-form-field--compact-group input[type="radio"] + label {
    padding-left: 2.333em;
    padding-top: 0em;
  }
  .ee-form-field--compact-group input[type="checkbox"] + label,
  .ee-form-field--compact-group input[type="radio"] + label {
    padding-left: 2.917em;
    padding-top: 0.2em;
  }
  .ee-form-field--compact-group .ee-form-control label {
    font-size: 0.857em;
  }
}
@media (min-width: 45em) {
  .ee-form--full-page {
    width: 50%;
  }

  .ee-form-required-text {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    margin: 0;
    padding-left: 1.5em;
    text-align: right;
  }

  .ee-form-field {
    position: relative;
  }
  .ee-form-field label {
    font-size: 1.125em;
  }

  .ee-form-field--input-group .ee-form-control label {
    font-size: .875em;
  }

  .ee-form-field--inline-group .ee-form-control-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
  .ee-form-field--inline-group .ee-form-control {
    float: left;
    margin: 0 0 1em;
  }

  .ee-form-field--input-group.ee-form-field--compact-group input[type="checkbox"] + label,
  .ee-form-field--input-group.ee-form-field--compact-group input[type="radio"] + label {
    padding-left: 2.333em;
    padding-top: 0em;
  }
  .ee-form-field--compact-group input[type="checkbox"] + label,
  .ee-form-field--compact-group input[type="radio"] + label {
    padding-left: 3.75em;
    padding-top: 0.2em;
  }
  .ee-form-field--compact-group .ee-form-control label {
    font-size: .75em;
  }

  .ee-form-field--tooltip.ee-form-field--select .ee-form-message-wrapper {
    top: auto;
  }
  .ee-form-field--tooltip.ee-form-field--single-checkbox .ee-form-control {
    padding-top: 1em;
  }

  .ee-form-message-wrapper {
    position: absolute;
    top: -0.1875em;
    left: 100%;
    padding-left: 1.5em;
  }

  .ee-form-message {
    position: relative;
    padding: 1em;
  }

  .ee-form-message--active {
    top: -1px;
    left: -1px;
  }

  .ee-form-message-icon {
    position: absolute;
    z-index: 1;
  }

  .ee-form-message-text {
    padding-left: 2.5em;
  }

  .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:before, .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:after, .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:before, .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:after {
    content: "";
    position: absolute;
    top: 0;
  }
  .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:before, .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:before {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0.75em;
    border-right-color: #d4d3cf;
    left: -2.5em;
  }
  .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:after, .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0.75em;
    border-right-color: #f6f4f0;
    left: -2.4375em;
  }
}
@media (min-width: 75em) {
  .ee-form-required-text,
  .ee-form-message-wrapper {
    padding-left: 1.5em;
  }
}
@media (min-width: 45em) and (max-width: 59.9375em) {
  .ee-form-field--inline-group .ee-form-control {
    width: 50%;
  }
  .ee-form-field--inline-group .ee-form-control:nth-child(2n-1) {
    clear: left;
    padding-right: .5em;
  }
}
@media (min-width: 60em) and (max-width: 84.9375em) {
  .ee-form-field--inline-group .ee-form-control {
    width: 33.333%;
  }
  .ee-form-field--inline-group .ee-form-control:nth-child(3n-2) {
    clear: left;
  }
  .ee-form-field--inline-group .ee-form-control:nth-child(3n-1), .ee-form-field--inline-group .ee-form-control:nth-child(3n-2) {
    padding-right: .5em;
  }
}
@media (min-width: 85em) {
  .ee-form-field--inline-group .ee-form-control {
    width: 25%;
  }
  .ee-form-field--inline-group .ee-form-control:nth-child(4n-3) {
    clear: left;
  }
  .ee-form-field--inline-group .ee-form-control:nth-child(4n-1), .ee-form-field--inline-group .ee-form-control:nth-child(4n-2), .ee-form-field--inline-group .ee-form-control:nth-child(4n-3) {
    padding-right: .5em;
  }
}
/* ==========================================================================
   Error block
   ========================================================================== */
.error-block {
  margin-bottom: 2em;
  padding: 2em;
  border: 1px solid #d4d3cf;
  border-radius: 0.25em;
  color: #e00000;
  background-color: #fdf7f7;
}
.error-block ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.error-block ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.error-block ul li {
  display: block;
  margin: 1em 0;
}
.error-block ul li:last-child {
  margin-bottom: 0;
}

.error-block__heading {
  margin-top: 0;
  font-weight: bold;
}

.error-block__icon {
  margin-right: .5em;
}

.error-text{
  color: red;
}

/* ==========================================================================
   Print styles.
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

@media (min-width: 45em) {
  .span-2half {
    width: 20%;
  }
}

.live-chat-button {
  color: white !important;
  background-color: #007B85;
  padding: 1em;
  border: 0;
  border-radius: .25em;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  font-family: Rubrik, Arial, sans-serif;
  margin-right: 10px;
  margin-bottom: 5px;
  text-align: center;
  display: inline-block;
  opacity:0.9;
}
.live-chat-button-offline {
  color: #6d6e71 ;
  background-color: white ;
  padding: 1em;
  border-radius: .25em;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  font-family: Rubrik, Arial, sans-serif;
  margin-right: 10px;
  margin-bottom: 5px;
  text-align: center;
  display: inline-block;
  border: 2px solid #007B85;
  opacity:0.9;
}
.live-chat-button:last-child {
  float: none;
}
.live-chat-button:hover {
  background-color: #005A61;
}
.live-chat-button:focus {
  outline-offset: .25em;
  outline-color: #007b85;
}
.theme-aqua .live-chat-button {
  color:#3C3D41 !important;
  background-color: #FFE600;
}
.theme-aqua .live-chat-button:hover {
  background-color: #F5D500;
}
.theme-aqua .live-chat-button:focus {
  outline-color: white;
}
span.red {
  color: #e9020b;
}
span.green {
  color: #178804;
}
span.black {
  color: #3C3D41;
}
.strike-through {
  text-decoration: line-through
}
@media (max-width: 1024px) {
  .ee-bgimg-orange-logo:before, .ee-bgimg-tmobile-logo:before {
    content: '';
  }
  .ee-bgimg-orange-logo, .ee-bgimg-tmobile-logo {
    background-image: url('../ee-common-2015/clientlibs_base/resources/img/EE-main-sprite.svg');
    position: static;
  }
  .ee-bgimg-tmobile-logo {
    background-position: 0 -128px;
  }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
  
    .ee-bgimg-orange-logo:before, .ee-bgimg-tmobile-logo:before {
      content: '';
    }
    .ee-bgimg-orange-logo, .ee-bgimg-tmobile-logo {
      background-image: url('../ee-common-2015/clientlibs_base/resources/img/EE-main-sprite.svg');
      position: static;
    }
    .ee-bgimg-tmobile-logo {
      background-position: 0 -128px;
    }

}

@media (max-width: 1200px) {
  .eecolctrl_2half_2half_2half_2half_2halfstack .container {
    text-align: center;
  }

  .parsys_column.col.span-2half {
    display: inline-block;
    width: 300px;
  }

}
.ee-form .EE .sg-modal__close {
  width: auto;
}

/*Loop font style fix*/

.body, .in-article-module__section .in-article-module__main, .EE.help-ask-community-item, .benefits-module.section,.multi-shout-column-container__item,
.community-module .in-article-module__main, .breadcrumb-item-container,
.in-article-module__section .in-article-module__search, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6, .EE input,
.in-article-module-4-variant .in-article-module__community--main-title-div,
.interstitial-module-wrapper .interstitial-module__section-see-more-cont,
.interstitial-module-wrapper .interstitial-module__section-see-less-cont,
.help-module-tile-b .help-live-engage__active-hours,.accordion .h2, .accordion .expandable__module-heading,
.horizontal-rule__circle, .new-benefits-module-container .benefits-container .title, .benefits-container .benefits-module__section-header,
.benefits-container .benefits-module__section-body, .freetext__text p, .freetext .ee-form-field--attention .ee-form-message,
.free-full-width-text .ee-form-field--tooltip .ee-form-message, .sticky-quick-link .link-content,
.eeg-wrapper, .eeg-wrapper h1, .eeg-wrapper .h1, .eeg-wrapper h2, .eeg-wrapper .h2, .eeg-wrapper h3, .eeg-wrapper .h3, .eeg-wrapper h4, .eeg-wrapper .h4,
.eeg-wrapper .two-column-feature-content p, .richtext h3, .richtext p, .richtext ul, .parsetext h3, .quote, .benefits-container .benefits-module__section-body,
.benefits-container .benefits-module__section-header, .table-style2 .t-cell-desc-l, .table-style2 .t-row-cell, .look-up-dropdown .select2-results li, .look-up-section,
.look-up-section .look-up-hidden .look-up-rate .look-up-line, .device-search-autocomplete .search-feed-autocomplete-dropdown .select2-results .search-feed-device,
.quadrant__content a:after, .one-three-column-shout .cta-group__link:after, .page-heading__subheading,
.page-heading-new__heading, .page-heading-new__subheading p, .page-heading--text-overlay .page-heading__subheading,
.page-heading--text-overlay_v2 .page-heading__subheading, .page-heading-new__heading, .page-heading-new__subheading p, .multi-item-container {
  font-family: Non-Dottee,Arial,sans-serif;
}

.cmp-container{
  padding:.5em;
  }
@media(min-width:45em){
  .cmp-container{
    padding:.75em;
    }
}
@media(min-width:75em){
  .cmp-container{
    padding:.75em;
    }
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

/* Shop-specific styles that shouldn't go in main */

.boxed_input_label .labelContainer .label:before {
  background: url("../ee-common-2015/clientlibs_base/img/EE-main-sprite.svg") no-repeat;
  content: "";
  position: absolute;
  top: -3px;
  left: -26px;
  width: 25px;
  height: 25px;
}
/*
 *  Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for .
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * 
 *
 * ©  All rights reserved.
 */

/* Old CSS for container from EE style-guide*/

.EE .legacy-container {
	margin: auto;
	max-width: 79.375em;
	word-wrap: break-word;
}

.EE .legacy-container .legacy-container {
	width: auto
}

.legacy-container {
    padding: 0.5em;
    max-width: 79.375em;
    margin: 0 .5em;
    word-wrap: break-word;
}

@media (min-width: 45em) {
	.legacy-container {
		padding: 0.75em;
	}
}

@media (min-width: 75em) {
	.legacy-container {
		padding: 0.75em;
	}
}

@media (min-width: 83.75em) {
	.legacy-container {
        margin: 0 auto;
	}
}

@media (max-width: 615px) {
	.EE .legacy-container.container--fullwidth-xs {
		width: calc(100% - 2rem);
	}
}

.EE .legacy-container.container--fullwidth {
	width: calc(100% - 2.5rem);
}

@media (min-width: 1024px) {
	.EE .legacy-container.container--fullwidth {
		width: calc(100% - 4rem);
	}
}

@media (min-width: 1440px) {
	.EE .legacy-container.container--fullwidth {
		width: calc(100% - 8rem);
	}
}

.EE .legacy-container.container--fullwidth-no-margin {
	width: 100%;
}

@media (max-width: 359px) {
	.EE .legacy-container {
		width: calc(100% - 1rem);
	}
}

@media (min-width: 360px) {
	.EE .legacy-container {
		width: 328px;
	}
}

@media (min-width: 616px) {
	.EE .legacy-container {
		width: 584px;
	}
}

@media (min-width: 784px) {
	.EE .legacy-container {
		width: 752px;
	}
}

@media (min-width: 1024px) {
	.EE .legacy-container {
		width: 992px;
	}
}

@media (min-width: 1440px) {
	.EE .legacy-container {
		width: 1392px;
	}
}
/*
 *  Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for .
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 *
 *
 * ©  All rights reserved.
 */

@font-face {
   font-family: "Dottee-Condensed-Regular";
   src: url("../ee-common-2015/clientlibs_base/resources/fonts/Dottee-Condensed-Regular.woff") format("woff"), url("../ee-common-2015/clientlibs_base/resources/fonts/Dottee-Condensed-Regular.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
 }

 main .dottee-condensed-regular {
     font-family: "Dottee-Condensed-Regular" !important;
 }

@font-face {
   font-family: "Dottee-Extended-Regular";
   src: url("../ee-common-2015/clientlibs_base/resources/fonts/Dottee-Extended-Regular.woff") format("woff"), url("../ee-common-2015/clientlibs_base/resources/fonts/Dottee-Extended-Regular.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
 }

 main .dottee-extended-regular {
     font-family: "Dottee-Extended-Regular" !important;
 }
.countries-container {
    display: inline;
}

.pack-tab-navigation .container {
    padding: 5px 0px;
}

.cq-wcm-edit .countries-container .plans-section .compare-table-container .compare-table-row-headers-extension {
    margin-top: 0;
}

.cq-wcm-edit .countries-container .countries-alert-error {
    display: block;
    padding: 12px 46px;
    background-color: #F5D7D5;
    color: #333333;
    margin: 8px 0px;
    border-radius: 0.25em;
    border: 1px solid #f3666b;
}

.countries_included_color .countries_included, .countries_included_color .ee-icon-plus, .countries_included_color .ee-icon-minus {
    color: #007B85;
}

.countries-container .ee-icon-warning-text {
    display: inline-block;
    font-weight: bold;
}

.countries-container .ee-icon-warning {
    font-size: 2rem;
}

.countries-container .accordion-countries-row {
    display: inline-block;
    width: 25%;
    float: left;
    margin-bottom: 5px;
}

.countries-container .accordion-countries-img {
    width: 1.875rem;
    height: 1.250rem;
}

.countries-container .accordion-section .accordion-item {
    text-indent: inherit
}

.countries-container .accordion-section .accordion-item:before {
    content: none;
}

.countries-container .accordion-section .accordion__panel-title {
    font-size: 1.750rem;
}

.accordion-countries-img img {
    border: 1px solid #6d6e71;
}

.countries-container .accordion-country-name {
    display: table-cell;
    padding-left: 1.250rem;
}

.countries-container .accordion-countries-cell {
    display: table-row;
}

.countries-container {
    padding: 0;
}

.countries-container .first-column {
    padding-right: 10px
}

.countries-container .last-column {
    padding-left: 10px
}

.countries-container .align-center {
    margin: 0 auto;
    padding: 0;
    float: none;
}

.countries-container .plans-section {
    padding-top: 1.563rem;
    overflow: hidden;
}

.countries-container .accordion-section .container {
    margin: 0;
}

.countries-container .accordion-section {
    margin-bottom: 3rem;
}

.countries-container .other-deals-container {
    max-width: 100%;
}

.countries-container .other-deals-container a:focus {
    outline: 2px dotted #007B85;
    color: #007B85;
    background: transparent;
    margin: 0;
}

.countries-container .plans-section {
    margin-bottom: 4rem;
}

.countries-container .payg_tab .cta-to-accordion {
    margin-top: 4rem;
    margin-bottom: 3rem;
}

.countries-container a.promotional-banner__desktop { 
    display: block; 
}

.countries-container .accordion-style {
    overflow: hidden;
    display: none;
}

.countries-container .plans-section .standard-plan-richtext {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
}

.country-par-component.all-tabs-hidden {
    padding-top: 4%;
}

@media (max-width: 960px) {
    .countries-container .accordion-country-name p {
        overflow-wrap: break-word;
        width: 93px;
    }
    .countries-container .plans-section .plans-column {
        width: 100%;
        padding: 0 0 0 0;
    }
    .countries-container .plans-section {
        margin-bottom: 2em;
    }
    .countries-container  .plans-section .first-column {
        margin-bottom: 2em;
    }
    .countries-container .plans-section {
        padding-top: 5px;
    }
    .countries-container .accordion-countries-row {
        display: inline-block;
        width: 50%;
        float: left;
        margin-bottom: 5px;
    }
    .countries-container .accordion-section {
        margin-bottom: 1em;
    }
    .country-par-component.all-tabs-hidden {
        padding-top: 0;
    }
}

@media (min-width : 960px) and (max-width : 1024px) {
    .countries-container .accordion-country-name p {
        overflow-wrap: break-word;
        width: 93px;
    }
    .countries-container .plans-section .first-column {
        margin-bottom: 4em;
    }
    .countries-container .plans-section {
        padding-top: 5px;
    }
    .countries-container .accordion-countries-row {
        display: inline-block;
        width: 50%;
        float: left;
        margin-bottom: 5px;
    }
    .countries-container .accordion-section {
        margin-bottom: 3em;
    }
    .countries-container .payg_tab .cta-to-accordion {
        margin-bottom: 3em;
    }
    .country-par-component.all-tabs-hidden {
        padding-top: 0;
    }
}

@media (max-width: 720px) {
    .countries-container a.promotional-banner__desktop { 
        display: none; 
    }
    .country-par-component.all-tabs-hidden {
        padding-top: 0;
    }
}
.base-page-editable .root.responsivegrid .text {
    margin-bottom: 1rem;
}
.in-article-module-container .sg-override--aem.cq-form-container.form-padding-0 {
    padding: 0;
    margin: 0;
}

@media (min-width: 45em) {
    .in-article-module-container .in-article-module__section .in-article-module-section-parsys .sg-override--aem.cq-form-container.form-padding-0 .container {
        margin: 0;
    }
    .in-article-module__container .in-article-module-container-parsys .sg-override--aem.cq-form-container.form-padding-0 .container {
        margin: 0;
    }
}

.video-module__container {
    padding: 0px;
    border: solid 1px #d8d8d9;
}

.video-module__top-padding {
    margin-top: 4em;
}

.video-module__top-nopadding {
    margin-top: 0;
}

.video-module__main-title-con {
    text-align: center;
    padding-bottom: 33px;
}

.video-module__main-title {
    font-size: 2.125em;
    line-height: 1.12;
    color: #3c3d41;
}
@media (min-width: 38.5rem) {
    .video-module__single-iframe, .video-module__single-thumbnail {
        width: 100%;
        height: 25em;
    }
}
@media (max-width: 38.5rem) {
    .video-module__single-iframe, .video-module__single-thumbnail {
        width: 100%;
    }
}

.video-module__single-video {
    position: relative;
}

#video-module__iframe, .video-module__main-thumbnail {
    padding-top: 1.250em;
    padding-left: 1.606em;
    padding-bottom: 8.4px;
    padding-right: 1.394em;
    width: 100%;
    height: 24.563em;
}

.video-module__main-thumbnail-image, .video-module__single-thumbnail-image {
    width: 100%;
    height: 100%
}

.video-module__main-play-icon, .video-module__single-play-icon {
    position: absolute;
    top: 42%;
    left: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%);
}

.video-module__single-play-icon {
    top: 48%;
}

.video-module__play {
    font-size: 5em;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.4);
}

.video-module__play-white {
    color: white;
}

.video-module__play-white:hover {
    color: #005a61;
}

.video-module__play-aqua:focus {
    outline-color: #005a61;
    outline-style: dotted;
}

.video-module__play-yellow {
    color: #ffe600;
}

.video-module__play-yellow:hover {
    color: #F5D500;
}
.video-module__play-yellow:focus {
    outline-color: white;
    outline-style: dotted;
    text-decoration: none;
}

.video-module__play-aqua {
    color: #007B85;
}

.video-module__play-aqua:hover {
    color: #005A61;
}

.video-module__play-aqua:focus {
    outline-color: #007B85;
    outline-style: dotted;
}

.video-module__left-part {
    display: inline-block;
    background-color: #f4f4f4;
    position: relative;
    width: 55%;
}

.video-module__main-video, .video-module__main {
    width: 100%;
}

.video-module__side-bar {
    background: white;
    float: right;
    width: 45%;
}

.video-module__side-click:focus {
    outline: 2px dotted #007B85;
    outline-offset: -2px;
}

.video-module__single-duration-con {
    position: absolute;
    width: 4.625em;
    height: 2.750em;
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.4);;
    text-align: center;
    display: table;
}

.video-module__main-duration-con {
    position: absolute;
    top: 1.15rem;
    right: 22.3px;
    width: 4.725em;
    height: 2.619em;
    background-color: rgba(255, 255, 255, 0.4);
    text-align: center;
    display: table;
}

.video-module__thumbnail, .video-module__one-thumbnail-image,
.video-module__second-thumbnail-image,.video-module__third-thumbnail-image {
    width: 8.594em;
    height: 6.219em;
}

.video-module__thumbnail {
    position: relative;
}

.video-module__play-icon {
    font-size: 3em;
    color: white;
    position: absolute;
    left: 33%;
    top: 25%;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.4);
}

.video-module__one-thumbnail-image, .video-module__second-thumbnail-image, .video-module__third-thumbnail-image {
    float: left;
}

.video-module__thumbnail {
    display: inline-block;
}

.video-module__first:hover, .video-module__second:hover,
    .video-module__third:hover {
    background-color: #f4f4f4;
    outline: 2px solid #005A61;
    cursor: pointer;
    outline-offset: -2px;
}

.video-module__first:focus, .video-module__second:focus,
    .video-module__third:focus {
    background-color: #f4f4f4;
}

.video-module-one, .video-module-second, .video-module-third {
    margin-left: 1.063em;
    padding-top: 1.094em;
}

.video-module-one, .video-module-second {
    padding-bottom: 1.125em;
}

.video-module-third {
    padding-bottom: 2.4em;
}

.video-module__article {
    padding-left: 1.5em;
    padding-bottom: 2em;
    display: inline-block;
}

.video-module__container .EE .video-module__article-without-link,
.video-module__container .EE .video-module__article-link a {
    color: #007b85;
    font-size: 1.063em;
    font-weight: 600;
    line-height: 1.41;
    display: none;
}

.video-module__container .EE .video-module__main-play-icon {
    border-bottom: none;
}

.video-module__title, .video-module__title-full {
    font-size: 1.53em;
    line-height: 1.35;
    color: #3c3d41;
    padding-right: 0.75em;
}

.video-module__title-full {
    display: none;
}

.video-module__details {
    display: inline-block;
    width: 71.25%;
    padding-left: 2.031em;
    vertical-align: top;
}

.video-module__duration {
    font-size: 1.063em;
    color: #3c3d41;
    padding-top: 10px;
    display: block;
}

.video-module__main-duration-text, .video-module__single-duration-text {
    font-size: 1.063em;
    color: #3c3d41;
    display: table-cell;
    vertical-align: middle;
}

.video-module__background-grey {
    background-color: #F4F4F4;
}

.video-module__background-white {
    background-color: #FFFFFF;
}

@media only screen and (min-width : 1200px) and (max-width
    : 1360px) {
    .video-module__thumbnail, .video-module__one-thumbnail-image,
    .video-module__second-thumbnail-image,.video-module__third-thumbnail-image {
        width: 7.38em;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width
    : 1200px) {
    .video-module__left-part {
        width: 50%;
        float: left;
    }
    #video-module__iframe, .video-module__main-thumbnail {
        height: 15rem;
        padding-top: 1.063em;
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 1.563em;
    }
    .video-module__thumbnail, .video-module__one-thumbnail-image,
        .video-module__second-thumbnail-image,
        .video-module__third-thumbnail-image {
        width: 6.219em;
        height: 3.994em;
    }
    .video-module__article {
        padding-bottom: 2.9em;
        padding-left: 1em;
    }
    .video-module__side-bar {
        padding-bottom: 0px;
        width: 50%;
        float: right;
    }
    .video-module-one, .video-module-second, .video-module-third {
        padding-top: 1em;
        padding-bottom: 10px;
    }
    .video-module-third {
        padding-bottom: 15px;
    }
    .video-module__title, .video-module__title-full {
        font-size: 1.063em;
    }
    .video-module__duration {
        font-size: 14px;
        padding-top: 8px;
        display: block;
    }
    .video-module__details {
        padding-left: 10px;
        width: 66%;
    }
    .video-module__main-duration-con {
        right: 0.938em;
        top: 1.063em;
    }
    .video-module__title-con {
        padding-bottom: 1.875em;
    }
    .video-module__main-title {
        font-size: 1.688em;
    }
    .video-module__play-icon {
        font-size: 2.5em;
        left: 30%;
        top: 20%;
    }
    .video-module__play {
        font-size: 3.5em;
    }
    .video-module__main-play-icon {
        top: 37%;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width
    : 1200px) and (orientation: landscape){
    .video-module-third {
        padding-bottom: 1em;
    }
}

@media only screen and (max-device-width : 767px) {
    .video-module__side-bar {
        float: left;
        padding-bottom: 0px;
        width: 100%;
    }
    .video-module__thumbnail, .video-module__one-thumbnail-image,
    .video-module__second-thumbnail-image, .video-module__third-thumbnail-image {
        width: 4.975rem;
        height: 3.225rem;
    }
    .video-module__left-part {
        width: 100%;
        display: block;
    }
    #video-module__iframe, .video-module__main-thumbnail {
        height: 11.68rem;
    }
    .video-module__title, .video-module__title-full {
        font-size: 1.063rem;
    }
    .video-module__details {
        padding-left: 9.4px;
        width: 70%;
    }
    .video-module__duration {
        display: none;
    }
    .video-module__main-duration-con {
        right: 1.2rem;
    }
    .video-module__single-iframe {
        height: 12.813rem;
    }
    .video-module__title-con {
        padding-bottom: 1.5rem;
    }
    .video-module__main-title {
        font-size: 1.688rem;
    }
    .video-module__main-duration-text {
        font-size: 0.938rem;
    }
    .video-module__play-icon {
        font-size: 2em;
    }
    .video-module__play {
        font-size: 4em;
    }
    .video-module-third {
        padding-bottom: 1em;
    }
}

@media only screen and (max-device-width : 767px) and (orientation: landscape) {
    .video-module__details {
        width: 85%;
    }
}
.plan-pack-container .plan-pack-component {
    max-width: 100%;
    margin: auto;
    margin-top: 30px
}

.plan-pack-container-none-color {
    background-color: #f4f4f4;
}

.plan-pack-container .plan-pack-title {
    color: #3c3d41;
    text-align: center;
    padding-left:10%;
    padding-right:10%;
}

.plan-pack-container .white-theme .plan-pack-component {
    border: 1px solid #d8d8d9;
    background-color: #ffffff;
}

.plan-pack-container .white-theme .title-block {
    background-color: #ffffff;
}

.plan-pack-container .title-block {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    color: #3c3d41;
}

.plan-pack-container .details-block {
    padding: 0 30px;
    display: block;
    width: 90%;
    margin: 0 auto;
}

.plan-pack-container .plan-details-label {
    font-size: 17px;
    color: #3c3d41;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: bold;
    text-align: center;
    overflow-wrap: break-word;
    word-break: break-all;
    height: 53px;
}

.plan-pack-container .plan-details-superscript {
    padding-top: 10px;
    text-align: center;
    max-height: 100%;
    overflow-wrap: break-word;
    word-break: break-all;
    margin-top: 30px
}

.plan-pack-container .plan-details-value {
    color: #3c3d41;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    overflow-wrap: break-word;
    word-break: break-all;
    display: inline-block;
}

.plan-pack-container .plan-details-subvalue {
    text-align: center;
    max-height: 100%;
    overflow-wrap: break-word;
    word-break: break-all;
    display: inline-block;
    padding-bottom: 24px;
}

.benefits-white-theme-format {
    width: 70%;
    margin: 0 auto;
    display: block;
}

.benefits-white-theme {
	width: 100%;
    display: inline-block;
}

.plan-pack-container .plan-details-subvalue p {
    color: #3c3d41;
    margin-top: -5px;
    font-weight: bold;
}

.plan-pack-container .plan-pack-description {
    color: #3c3d41;
    display: inline-block;
    width: 100%;
    padding-top: 2px;
    padding-left: 10%;
    padding-right: 10%;
}

.plan-pack-description {
    margin-top: 24px;
}

.plan-pack-container .plan-details-4 {
    width: 25%;
}

.plan-pack-container .plan-details-3 {
    width: 33%;
}

.plan-pack-container .plan-details-2 {
    width: 50%;
}

.plan-pack-container .plan-details-1 {
    width: 100%;
}

.plan-pack-container .plan-details-4, .plan-pack-container .plan-details-3,
    .plan-pack-container .plan-details-2, .plan-pack-container .plan-details-1 {
    display: inline-block;
    text-align: center;
    float: left;
}

.plan-pack-container .plan-details-table {
    margin-bottom: 25px;
    width: 100%;
    display: inline-block;
}

.plan-pack-container .roundel-column-format {
    display:flex;
    clear: both;
}

.plan-pack-container .roundel-column {
    width: auto;
    height: auto;
    background-color: #6d6e71;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

.plan-pack-container .roundel-superscript {
    font-size: 1.063em;
    line-height: 1.90;
    font-weight: 600;
    float: left;
}

.roundel-value-subcript {
    display: inline-block;
}

.plan-pack-container .roundel-value {
    font-weight: bold;
    float:left;
    font-size: 1.750em;
    line-height: 1;
    padding-left: 10px;
    padding-right: 10px;
}

.plan-pack-container .roundel-subscript {
    font-size: 1.063em;
    float: left;
    line-height: 1.88;
    font-weight: 600;
}

.plan-pack-container .includes-text, .plan-pack-container .benefits,
    .plan-pack-container .benefits-copy, .plan-pack-container .benefits-title {
    display: inline-block;
}

.plan-pack-container .includes-text {
    vertical-align: top;
    padding-top: 70px;
    font-size: 18px;
    font-weight: bold;
    color: #3c3d41;
    width: 20%;
    overflow-wrap: break-word;
    padding-left: 30px;
}

.plan-pack-container .benefits {
    vertical-align: top;
    width: 50%;
    border-right: solid 1px #d8d8d9;
    text-align: center;
    float: left;
}

.plan-pack-container .benefits:last-child {
    border-right: none;
}

.plan-pack-container .benefits-copy {
    vertical-align: top;
    overflow-wrap: break-word;
    width: 90%;
}

.plan-pack-container .benefits-title {
    color: #3c3d41;
    font-weight: normal;
    vertical-align: top;
    padding-top: 10px;
    margin: 0 20px 0 20px;
}

.plan-pack-container .benefits-description {
    color: #6d6e71;
    padding-bottom: 40px;
    line-height: 1.65;
    font-size: 17px;
    font-weight: normal;
    margin: 0 2em 0 2em;
}

.plan-pack-container .benefits-icon:before {
    font-size: 60px;
}

.plan-pack-container .benefits-icon {
    width: 50%;
    color: #009c9c;
}

.plan-pack-container .promotion-message {
    display: flex;
    clear: both;
}

.plan-pack-container .promotion-message .promo-inner {
    background-color: #6d6e71;
    color: #ffffff;
    font-size: 16px;
    font-family: Rubrik;
    padding: 15px 20px;
    margin: 0 auto;
}

.plan-pack-container .cta-button {
    text-align: center;
    color: #ffffff;
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 5px;
}

.plan-pack-container .cta-button a {
    margin: 0;
}

.plan-pack-container .cta-button a:focus {
    background-color: #007b85;
    outline: 2px dotted #007b85;
}

.plan-pack-container .button-link-cta {
    color: #ffffff;
}

.plan-pack-container .cta-full-details {
    display: none;
}

.plan-pack-container a, .plan-pack-container [class*="ee-icon"]:before {
    font-weight: bold;
}

.plan-pack-container .promo-inner p {
    margin-top: 0
}

.plan-pack-container .plan-details-4, .plan-pack-container .plan-details-3,
.plan-pack-container .plan-details-2 {

    border-right: solid 1px #d8d8d9;
}

.plan-pack-container .plan-details-4:last-child, .plan-pack-container .plan-details-3:last-child,
.plan-pack-container .plan-details-2:last-child, .plan-pack-container .plan-details-1:last-child {

    border-right: none;
}

@media ( min-width : 20em) and (max-width: 767px) {
    .plan-pack-container .plan-details-4, .plan-pack-container .plan-details-3,
        .plan-pack-container .plan-details-2 {
        width: 100%;
        margin-bottom: 30px;
        border-bottom: 1px solid #d8d8d9;
        border-right: none;
    }
    .plan-pack-container .roundel-column {
        width: 100%;
     }
    .plan-pack-container .roundel-superscript {
        padding: 5px;
        float: none;
    }
    .plan-pack-container .roundel-value {
        padding-left: 0;
    }

    .plan-pack-container .plan-details-4:last-child, .plan-pack-container .plan-details-3:last-child,
    .plan-pack-container .plan-details-2:last-child, .plan-pack-container .plan-details-1:last-child {

        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
    }

    .plan-pack-container .plan-details-4:last-child .plan-details-subvalue, .plan-pack-container .plan-details-3:last-child  .plan-details-subvalue,
    .plan-pack-container .plan-details-2:last-child  .plan-details-subvalue, .plan-pack-container .plan-details-1:last-child  .plan-details-subvalue {
        padding-bottom: 11px;

    }
    .plan-pack-container .plan-details-label {
        font-size: 16px;
        border-bottom: 0px;
        border-top: 0px;
        padding-bottom: 0px;
        padding-top: 0;
        height: 20px;
    }
    .plan-pack-container .promotion-message .promo-inner {
		padding : 15px 48px;
		text-align: center;
    }
    .plan-pack-container .plan-details-superscript {
        padding-top: 0px;
    }
    .plan-pack-container .plan-details-value {
        font-size: 40px;
        padding-bottom: 0
    }
    .plan-pack-container .promotion-message {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .plan-pack-component .title-block h2 {
        font-size: 24px
    }
    .plan-pack-container .plan-details-value {
        font-size: 24px
    }
    .plan-pack-container .plan-details-superscript {
        margin-top: 0
    }
    .plan-pack-container .plan-details-4 {
        margin-bottom: 40px
    }
    .plan-pack-container .plan-pack-title {
        font-size: 28px;
        margin-bottom: 0;
        padding-left:5%;
        padding-right:5%;
    }
    .plan-details-subvalue p {
        font-size: 14px
    }
    .plan-pack-container .plan-details-value {
        padding-top: 0
    }
    .plan-pack-container .promotion-message p, .plan-pack-container .cta-button
        {
        margin-top: 0px;
    }
    .plan-pack-container .cta-button {
       margin-bottom: 30px;
    }
    .plan-pack-container .benefits {
       width: 100%;
       border-right: none;
       padding-bottom: none;
    }
    .benefits-white-theme-format {
        width: 100%;
    }   
    .title-block .title-block-banner-title1 {
        font-size: 24px;
    }
    .plan-pack-container .benefits-description {
        margin: 0;
        padding-bottom: 1.563em;
    }
}

@media ( min-width : 20em) and (max-width: 22em) {
    .plan-pack-container .promotion-message .promo-inner {
        padding : 15px 20px;
    }
}

@media ( max-width : 1024px) {
    .plan-pack-container .roundel-column {
        margin: 0 auto;
    }
    .plan-pack-container{
        margin: 0;
    }
    .plan-pack-container .plan-details-table {
        width: 100%;
    }   
    .plan-pack-container .includes-text {
        margin: 0 auto;
        text-align: center;
        padding: 1em;
        width: 100%;
    }
    .plan-pack-container .benefits {
        margin: auto;
        text-align: center;
    }
    .plan-pack-container .roundel-format {
        padding-left: 0
    }
    .plan-pack-container .roundel-format div:nth-child(4) {
        border-top: 2px dotted #6d6e71;
    }
    .plan-pack-container .details-block {
        width: 100%;
    }
    .benefits-white-theme-format {
        width: 100%;
    }
    .plan-pack-container .benefits-title {
        margin: 0;
    }
}
@media (min-width: 40em) and (max-width: 65em) {
    .plan-pack-container .benefits-description {
        margin-left: 32px;
        margin-right: 32px;
        padding-bottom: 1.563em;
    }
    .plan-pack-container .details-block {
        padding: 0;
    }
}
.help-pdf {
  display: block;
  margin: 1em 0;
}

.help-pdf ul {
  list-style: none;
  padding: 0;
  margin-left: 0;
}

.help-pdf a, .help-pdf .help-pdf__meta__metric, .help-pdf .help-pdf__desc {
  font-weight: bold;
}

.help-pdf .help-pdf-desc {
  font-weight: bold;
}

.help-pdf .help-pdf__meta__image {
  float: left;
  margin-right: 1em;
  display: none;
}

.help-pdf .help-pdf__meta__image img {
    height: 16.250em;
    width: 11.625em;
}

/* New Variant CSS*/

.in-article-module__section .pdf-module {
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.pdf-module-top-padding {
    margin-top: 2em;
}

.pdf-module-top-nopadding {
    margin-top: 0;
}

.links-container {
    display: table;
}

.pdf-module__title {
    padding-left: 3px;
    padding-right: 2px;
    word-break: break-word;
    display: table-cell;
}

.pdf-module__file-size {
    padding-left: 3px;
}

.pdf-module__size {
    vertical-align: middle;
    display: inline-block;
    padding-left: 16px;
}

.pdf-module .cta-group__link {
    display: table-row;
}

.download-link:before {
    font-size: 1.063em;
}

@media (min-width: 30em) {
  .help-pdf .help-pdf__meta__image {
    display: block;
  }
}
.in-article-module-wrapper {
    position: relative;
    background: #fff;
}

.in-article-module-wrapper .in-article-module__title-cont,
.in-article-module-wrapper .in-article-module__section {
    width: 100%;
}


.in-article-module-wrapper .in-article-module__editMode--border {
    outline: 1px dotted #3c3d41;
    outline-offset: 2px;
}

.in-article-module-wrapper .in-article-module__rightcontainer {
    float: left;
    position: relative;
}

.in-article-module-wrapper .in-article-module__title-cont h2 {
    font-size: 1.625em;
    color: #3c3d41;
    margin-top: 42px;
    margin-bottom: 10px;
}

.in-article-module-wrapper .in-article-module__navigation--section {
    width: 100%;
    float: right;
    margin-top: -14px;
    padding-left: 15px;
}

.in-article-module-wrapper a:focus {
    outline: 2px dotted #007b85;
}

.in-article-module-wrapper .in-article-module__topright {
    width: 275px !important;
    position: absolute;
    top: 0;
    padding-left: 20px;
    float: right;
}

.in-article-module-wrapper h1 {
    width:100%;
    display:inline-block;
    font-size: 3.125em;
    font-weight: 300;
    color: #3c3d41;
    margin-top: 35px;
    margin-bottom: 32px;
    padding-left: 2%;
    padding-right: 1%;
}

.in-article-module-wrapper .in-article-module__topright {
    display: inline-block;
    padding-top: 0;
}

.in-article-module__title-cont .in-article-module__title--mobile {
    display: none;
}

.eed-slideout-none {
    transform: none !important;
}

.in-article-module-wrapper .in-article-module__title--line {
    padding-left: 2.5px;
    width: 100%;
    height: 2px;
    border: solid 1px #d8d8d9;
    margin: 0.875em 0 1.5em 0;
}

.in-article-module-wrapper .in-article-module__navigation--chevron-left {
    padding: 10px 5px 10px 12px;
    position: relative;
}


.in-article-module-wrapper .in-article-module__navigation--chevron-left a:hover {
    font-weight: 700;
    color: #005a61;
}

.in-article-module__nav-content--selected_after {
    display:none;
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #f4f4f4;
    margin-top: -22px;
    border-width: 22px 15px 22px 22px;
}

.in-article-module__help_section {
    display: inline-block;
    width: 100%;
}

.in-article-module-wrapper .in-article-module__navigation--chevron-left a {
    display: block;
    line-height: 1.47;
}

.in-article-module-wrapper .in-article-module__navigation--item {
    width: 100%;
    border-radius: 3px;
    background-color: #ffffff;
    margin-top: 4px;
}

.in-article-module-wrapper hr {
    width: 100%;
    align: left;
}

.in-article-module-wrapper .selected {
    width: 100%;
    border-radius: 3px;
    background-color: #f4f4f4;
}

.in-article-module-wrapper .in-article-module__nav-content {
    width: 100%;
    font-size: 1.0625em;
    line-height: 1.47;
    color: #007b85;
    font-weight: 600;
}

.in-article-module-wrapper .in-article-module__nav-content--selected {
    font-weight: 700;
    color: #005a61;
}

.in-article-module-wrapper .in-article-module__navigation--chevron-left a:hover {
    text-decoration: underline;
}

.in-article-module__dropdown ul:focus {
    outline: none;
}

.in-article-module__dropdown ul {
    height: auto;
    width: 100%;
    margin: 0;
    float: left;
    padding: 0;
    position: relative;
    border-top: solid 1px #d8d8d9;
}

.in-article-module__dropdown ul li {
    padding: 25px 5%;
    z-index: 22;
    list-style: none;
    width: 100%;
    float: left;
    display: block;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    border-bottom: solid 1px #d8d8d9;
    font-size: 1em;
}

.in-article-module__dropdown--dummy {
    width: 100%;
    float: left;
    height: 71px;
    display: none;
}

.in-article-module__arrow--fixed {
    position: fixed !important;
}

.in-article-module__dropdown ul li:nth-child(odd) {
    background: #f4f4f4;
}

.in-article-module__dropdown ul li:nth-child(even) {
    background: #f4f4f4;
}

.in-article-module__dropdown .in-article-module__dropdown--arrow {
    color: #007b85;
    position: absolute;
    right: 15px;
    font-size: 1.7em;
    top: 18px;
    transform: rotate(90deg);
    z-index: 999;
}

.in-article-module__dropdown  .in-article-uparrow {
    transform: rotate(270deg);
}

.in-article-module__dropdown ul li:not(.in-article-module__dropdown--init) {
    float: left;
    width: 100%;
    display: none;
    color: #007b85;
}

.in-article-module__dropdown ul li:not(.in-article-module__dropdown--init):hover, ul li.selected:not(.in-article-module__dropdown--init) {
    background: #f4f4f4;
    font-weight: 700;
    color: #005a61;
 }

.in-article-module__dropdown li.in-article-module__dropdown--init {
    cursor: pointer;
    border: none;
    min-height: 56px;
    padding-right: 33px;
    border-bottom: solid 1px #d8d8d9;
}

.in-article-module__dropdown .highlighted-class {
    font-weight: 600;
    color: #007b85;
}

.in-article-module__help-sticky-title {
    display: none;
}

.in-article-module__help-sticky-main .help-module-item-container-dummy {
    height: 0px;
}

.in-article-module__sticky-landscape {
    padding-top: 21px;
}

.in-article-module-wrapper .position-fixed {
    position: fixed;
}

.in-article-module-wrapper .in-article-module__title-cont .margin-top-zero {
    margin-top: 0;
}

.in-article-module-wrapper .in-article-module__title-cont .margin-top-twenty-five {
    margin-top: 25px;
}

@media only screen and (min-width: 1024px) {
    .in-article-module-wrapper .in-article-module__dropdown,
    .in-article-module-wrapper .in-article-module__non-sticky {
       display: none;
    }
    .in-article-module-wrapper .in-article-module__navigation {
        width: 340px;
        border-radius: 3px;
        padding-top: 0;
    }
    .in-article-module__sticky-mobile-wrapper .sticky-wrapper {
        height: 0 !important;
    }
    .clarity-module-container,
    .in-article-module__container,
    .AN__container  {
        width: 62%;
        float: left;
        padding-left: 2%;
        margin-right: 1%;
    }
    .in-article-module-wrapper.forty-sixty h1 {
        padding-left: 0;
        padding-right: 1%;
    }
    .in-article-module-wrapper .in-article-module__container--mobile p {
        margin: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .clarity-module-container,
    .in-article-module__container,
    .AN__container  {
        width: 62%;
        float: left;
        padding-left: 2%;
        margin-right: 1%;
    }
    .in-article-module-wrapper .in-article-module__topright {
        width: 383px !important;
        z-index: 999;
    }
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
    .in-article-module__dropdown--select a:focus {
       outline:none;
    }
    .in-article-module__dropdown--select a:hover{
       text-decoration:none;
    }
    .in-article-module__dropdown--init a{
       font-weight:600;
    }
    .in-article-module__dropdown--select li.selected a{
       color:#005a61;
    }
    .in-article-module-wrapper {
        padding: 0;
        width: 100%;
        margin: 0;
    }
    .in-article-module__container {
        width: 100%;
    }
    .IAM__sticky-mobile-scroll {
        position: relative;
        height: 77px;
    }
    .in-article-module__container .in-article-module__container--mobile {
       padding: 0 5%;
       width: 100%;
       display: inline-block;
    }
    .in-article-module__container .in-article-section,
    .in-article-module__container .in-article-module-container-parsys {
        padding: 0 5%;
    }
    .in-article-module-wrapper .in-article-module__dropdown {
       width: 100%;
       float: left;
       padding: 0;
       margin: 0;
       z-index: 9999 !important;
    }
    .in-article-module-wrapper .in-article-module__dropdown--select {
       width: 100%;
       height: 56px;
       background-color: #ffffff;
       box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
       padding: 0;
       margin: 0;
       z-index: 10;
       position: absolute;
    }
    .IAM__non-sticky-mobile-scroll .in-article-module__dropdown--select {
        position: relative;
        box-shadow: none;
    }
    .IAM__non-sticky-mobile-scroll .in-article-module__static {
        position: relative;
        text-indent: -.6rem;
        font-size: 1rem;
        font-weight: 600;
        display: inline-block;
        margin-bottom: .65rem;
        padding-left: 1rem;
    }
    .IAM__non-sticky-mobile-scroll .in-article-module__static-icon {
        margin-right: 0.2rem;
    }
    .in-article-module__non-sticky .IAM__non-sticky-mobile-scroll h2 {
        font-size: 1.625em;
        color: #3c3d41;
    }
    .in-article-module__title-cont .in-article-module__title--desktop {
        display: none;
    }
    .in-article-module__title-cont .in-article-module__title--mobile {
        display: inline-block;
    }
    .in-article-module-wrapper #in-article-module__sticky-desktop-sticky-wrapper,
    .in-article-module-wrapper .in-article-module__navigation {
       display: none;
    }
    .in-article-module-wrapper .in-article-module__title--line {
        margin: 0.875em 0 1.5em 0;
    }
    .in-article-module-wrapper h1 {
       font-size: 2.25em;
       margin-top: 20px;
       padding-left: 5%;
       padding-right: 5%;
    }
    .in-article-module-wrapper .in-article-section .in-article-module__title-cont h2 {
        margin-top: 20px;
    }
}

@media screen and (max-width: 768px) and (orientation: landscape){
    .in-article-module__help-sticky {
        max-height: 280px;
    }
}

.in-article-module-wrapper .table-style2 .table-blur__right,
.in-article-module-wrapper .table-style2 .table-blur__left {
    width: 100px;
}

.in-article-module-wrapper .in-article-module__rightcontainer.forty-sixty-margin {
    margin-top: 24px;
}

.in-article-module__container.forty-sixty-float{
        float: right;
}

.in-article-module__nav-content--selected_after.forty-sixty-arrow {
    left: 100%;
    transform: rotate(180deg);
}

.in-article-module__section .standalone-video-component.container.responsive-video {
    margin: 0;
    padding: 0;
}

.in-article-module-top-padding {
    margin-top: 2em;
}

.in-article-module-top-nopadding {
    margin-top: 0;
}

.in-article-module-white {
    background: #FFFFFF;
}

.in-article-module-grey {
	background: #F2F2F2;
}

.in-article-module__title {
	padding-left: 2em;
}

.in-article-module__main {
	font-family: Rubrik, Arial, sans-serif;
	border: 2px solid white;
	border-radius: 5px;
	border-left: 5px solid #007B85;
}

.in-article-module__main ol {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 1.5em;
	list-style-type: none;
	color: #007B85;
	padding-left: 2em;
}

.in-article-module__main ol>li {
	padding-top: 1em;
}

.in-article-module__number-variant,
	.in-article-module__checklist-variant,
	.in-article-module__bullet-variant, .in-article-module__tip {
	padding-right: 1em;
}

.in-article-module__text {
	text-align: left;
	color: #3c3d41;
	display: table-cell;
}

.in-article-module__text-icon li span>p {
	margin-top: 0px;
	font-size: 1.063em;
	margin-bottom: 0px;
}

.in-article-module__icon, .in-article-module__checklist-icon {
	padding-right: 1em;
	font-size: 1.438em;
	color: #007b85;
	font-weight: bold;
}

.in-article-module__icon {
	display: table-cell;
}

.in-article-module__bullet, .in-article-module__number,
	.in-article-module__checklist {
	display: table-cell;
	position: relative;
}

.in-article-module__bullet {
	padding-right: 1rem;
	padding-left: 3px;
}

.in-article-module__number {
	padding-right: 3em;
	padding-left: 1px;
	vertical-align: top;
}

.in-article-module__bullet-child {
	background-color: #007b85;
	border-radius: 50%;
	font-size: 3px;
	width: 2px;
	padding: 2px 4px;
	position: absolute;
	top: 8px;
}

.in-article-module__number-child {
	color: #007b85;
	border: 2px solid #007b85;
	border-radius: 50%;
	font-size: 0.875em;
	font-weight: 600;
	width: 28px;
	padding: 1px;
	position: absolute;
	text-align: center;
}

.in-article-module__tip {
	padding-bottom: 1.5em;
}

.in-article-module__tip-icon {
	top: 1em;
	left: 0.625em;
	float: left;
	position: relative;
	font-size: 2.5em;
}

.in-article-module__tip-title, .in-article-module__tip-text {
	padding-left: 5.250em;
}

.in-article-module__tip-icon-text {
	padding-left: 2.2em;
	color: #3c3d41;
}

.in-article-module__tip-text {
	padding-top: 1em;
	font-size: 1.063em;
	color: #3c3d41;
}

.in-article-module__tip-text span>p {
	margin-top: 0px;
}

.in-article-module__community.EE .in-article-module__community--posted-section a {
    border-bottom: none;
    color: #007b85;
}

.in-article-module__community.EE .in-article-module__community--posted-section a:hover {
    color: #005a61;
}

@media ( max-width : 61.25em) {
	/* 980px - Mobile and Tablet Portrait View */
	.in-article-module__tip-icon {
		top: 0.5em;
		left: 0.5em;
	}
	
	.in-article-module__tip .in-article-module__icon {
		padding-right: 0;
	}
	.in-article-module__tip-icon-title, .in-article-module__tip-title {
		text-align: left;
	}
	.in-article-module__tip-text, .in-article-module__tip-title {
		padding-left: 4em;
	}
	.in-article-module__tip-icon-title, .in-article-module__tip-icon-text {
		padding-left: 1.7em
	}
	.in-article-module__tip-icon {
		font-size: 2.6em;
	}
}

@media ( max-width : 47.938em) { /* 767px - Mobile */
	.in-article-module__number-child {
		width: 26px;
	}
}
.ee-short-code-help-checker__form .ee-short-code-help-checker__shortcode {
    margin-top : 1em;
    border-radius: 5px;
    padding: 1.5rem;
    min-height: 117px;
}

.bt-sport-error-code .ee-short-code-help-checker__shortcode,
.ee-bt-error-code-help-checker__shortcode-results {
    padding: 0;
}

.ee-short-code-help-checker--preloader {
    text-align: center;
}
.ee-short-code-help-preloader--text {
    padding: 1rem;
}

.short-code-help-checker--autosuggest {
    z-index: 100;
    list-style: none;
    -webkit-padding-start: 0px;
    overflow: auto;
    max-height: 200px;
    border: 1px solid #d4d3cf;
}

.short-code-help-checker--autosuggest .ui-menu-item {
    padding: 0 1rem;
    z-index: 100;
}

.short-code-help-checker--autosuggest .ui-state-focus {
    background-color: #ffffff;
    color: #005a61;
    cursor: pointer;
}

.short-code-help-checker--autosuggest .ui-state-focus .shortcode-results-serviciId {
    color: #005a61;
}

.short-code-help-checker--autosuggest .ui-state-hover,
.short-code-help-checker--autosuggest.ui-widget-content .ui-state-hover,
.short-code-help-checker--autosuggest .ui-widget-header .ui-state-hover,
.short-code-help-checker--autosuggest .ui-state-focus,
.short-code-help-checker--autosuggest .ui-widget-content .ui-state-focus,
.short-code-help-checker--autosuggest .ui-widget-header .ui-state-focus {
    background: #ffffff;
    color: #005a61;
    border: none;
}

.ee-short-code-help-checker__form {
    border-left: 5px solid #009c9c;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.ee-short-code-help-checker-container {
    display: inline-block;
    width: 100%;
}

.ee-short-code-help-checker-input {
    width: 100%;
    min-height: 44px;
    background-color: #ffffff;
}

.ee-short-code-help-checker-container .ee-short-code-help-checker-input::-ms-clear {
    display: none;
}

.ee-short-code-help-checker-input-cont .icon-con-clear {
    display: none;
    padding-right: 6px;
    margin-top: 2px;
    position: absolute;
    right: 0;
    top: 3px;
}

.bt-sport-error-code .ee-short-code-help-checker-input-cont .icon-con-clear {
    right: 25px;
    top: unset;
}

.ee-short-code-help-checker-input-cont {
    position: relative;
}

.bt-sport-error-code .ee-short-code-help-checker-input-cont {
    display: inline-block;
    padding: 0 1.5rem;
    border-left: 5px solid #009c9c;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    width: 100%;
}

.ee-short-code-help-checker__shortcode .select2-container .select2-choice {
    min-height: 44px;
    border-radius: 0;
    background-image: none;
    padding: 10px 10px 10px 16px;
}

.shortcode-autocomplete-dropdown .select2-results .select2-result-label {
    padding-left: 0;
    padding-right: 0;
}

.ee-short-code-help-checker__shortcode .select2-container .select2-choice.place-holder {
    color: #999;
}

.shortcode-autocomplete-dropdown input::-webkit-input-placeholder {
    font-family: Rubrik, Arial, sans-serif;
    color: #999;
    font-size: 1rem;
}

.shortcode-autocomplete-dropdown input::-moz-placeholder {
    font-family: Rubrik, Arial, sans-serif;
    color: #999;
    font-size: 1rem;
}

.shortcode-autocomplete-dropdown input:-ms-input-placeholder {
    font-family: Rubrik, Arial, sans-serif;
    color: #999;
    font-size: 1rem;
}

.ee-short-code-help-checker__shortcode .select2-container-active .select2-choice {
    border: 1px solid #aaa;
    box-shadow: inherit;
}

.shortcode-autocomplete-dropdown.select2-drop-active {
    border: 1px solid #d8d8d9;
}

.shortcode-autocomplete-dropdown {
    margin-top: -45px;
    width: 650px;
    min-height: 44px;
    border-radius: 0;
    box-shadow: none;
}

.ee-short-code-help-checker__shortcode .ee-short-code-checker__success-message {
    padding-top: 4rem;
}

.ee-short-code-help-checker__shortcode .ee-short-code-checker__icon-con-tick {
    color: #007b85;
    padding-right: 6px;
    margin-top: 2px;
    position: absolute;
    right: 5px;
    top: 0;
}

.shortcode-autocomplete-dropdown .select2-search {
    min-height: 44px;
    border: 1px solid #007d75;
    padding-left: 0;
}

.shortcode-autocomplete-dropdown.select2-drop-above {
    margin-top: 45px;
    border-radius: 0;
}

.ee-short-code-help-checker-input div {
    display: none !important;
}

.shortcode-autocomplete-dropdown  .select2-input {
    border-bottom: none;
    padding: 8px 20px 0 16px;
    margin: 0;
    font-size: 1.0625rem;
    color: #3c3d41;
}

.ee-short-code-help-checker__form .ee-short-code-help-checker__shortcode .show {
  visibility: visible;
}

.ee-short-code-help-checker__form .ee-short-code-help-checker__shortcode input[type='text'] {
    display : block;
    border: 1px solid #d4d3cf;
    border-radius: .25em;
    padding : 0.875em;
    width : 100%;
    float: left;
    margin-right: 20px;
}

.ee-short-code-help-checker__form .ee-short-code-help-checker__shortcode input[type='text'].invalid-input {
    border: 2px solid #FF0000;
    padding-left: 3em;
}

.ee-short-code-help-checker__form .ee-short-code-help-checker__shortcode .ee-icon-errormark .error-icon {
    display : block;
    border: 1px solid #d4d3cf;
    border-radius: .25em;
    padding : 0.875em;
    width : 70%;
}

.ee-short-code-help-checker__form .ee-short-code-help-checker__category {
    margin-top : 1em;
    margin-bottom : 1em;
}

.ee-short-code-help-checker__form .ee-short-code-help-checker__category > label {
    display : block;
    margin-bottom : 0.5em;
 }

.ee-short-code-help-checker__form .ee-short-code-help-checker__warning {
    position: relative;
    overflow: hidden;
    border: 1px solid #F5DA81;
    border-radius: .25em;
    padding : 0.875em;
    width : 100%;
    background-color : #fff6bd;
    margin-top : 1em;
    padding-left: 35px;
    padding-top: 5px;

}

.ee-short-code-help-checker__form .ee-short-code-help-checker__warning .info-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #007B85;
    font-size: 27px;
    top: 20px;
    padding: 30px;
    left: 20px;
}

.ee-short-code-help-checker__shortcode .ee-short-code-help-checker-input-cont input:focus {
    border: 2px solid #007b85;
    outline: 0;
}

.ee-short-code-help-checker__shortcode .ee-short-code-help-checker-input-cont.search-error input:focus {
    border: 1px solid #e9020b;
    outline: 0;
}

.ee-short-code-help-checker__form .ee-short-code-help-checker__warning .info-message,
.ee-short-code-help-checker__form .ee-short-code-help-checker__error .error-message {
    float: right;
    width: calc(100% - 35px);
}

.ee-short-code-help-checker__form .ee-short-code-help-checker__warning .info-message p,
.ee-short-code-help-checker__form .ee-short-code-help-checker__error .error-message p {
    margin: 0;
}

.ee-short-code-help-checker__form .ee-short-code-help-checker__warning .info-message span:first-of-type {
    display: inline-block;
}

.ee-short-code-help-checker__form .ee-short-code-help-checker__error {
    position: relative;
    overflow: hidden;
    border: 2px solid #FF0000;
    border-radius: .25em;
    padding : 0.875em;
    width : 100%;
    background-color : #fbd1d3;
    margin-top : 1em;
}

.shortcode-autocomplete-dropdown .select2-search-error {
    display: inline-block;
    width: 94%;
}

.shortcode-autocomplete-dropdown .icon-con-auto {
    color: #007b85;
    padding-right: 6px;
    margin-top: 2px;
    position: absolute;
    right: 0;
    top: 0;
}

.ee-short-code-help-checker__form .ee-short-code-help-checker__error .error-icon {
    position: absolute;
    top: 50%;
    left: 1em;
    transform: translate(-50%, -50%);
    color: #FF0000;
    font-size: 27px;
}

.ee-short-code-checker-button {
    display : block;
    width : auto;
    padding : 1em;
    border : none;
    color : white !important;
    background-color : #007B85;
    border-radius : 0.25em;
    font-weight : bold;
    text-transform : uppercase;
}

.ee-short-code-checker__results-copy p {
    font-family: Rubrik, Arial, sans-serif;
    font-size : 1em;
}

.ee-short-code-error-block{
    color: #e00000;
    margin-top : 1em;
}

.ee-short-code-error-block .ee-icon-warning {
    display : inline-block;
    line-height : normal;
}

.ee-short-code-error-block .ee-short-code-error-message {
     margin-left : 0.75em;
     display: none;
}

.ee-short-code-checker__results{
    margin-top : 1em;
}

.ee-short-code-checker__results .ee-short-code-checker-button {
    margin-top : 2em;
 }

.ee-short-code-checker__results .gray {
   color : #A9A9A9;
}

.styled-select select::-ms-expand {
   display: none;
}

.ee-short-code-checker__results h3 {
   text-align: center;
}

.ee-short-code-checker__results .result-header {
   background: #f6f4f0;
}

.ee-short-code-checker__results .result-header th:nth-child(1){
   width: 18%;
}

.ee-short-code-checker__results .result-header th:nth-child(2){
   width: 37%;
}

.ee-short-code-checker__results #result--table tr th {
   text-align: center;
}

.ee-short-code-checker__results #result--table tr td {
   padding:0 10px;
}

.ee-short-code-checker__results #result--table tr:nth-of-type(odd) td {
   background: #f6f4f0;
}

.ee-short-code-checker__results #result--table tr td:nth-of-type(2) {
   text-align: center;
}

.ee-short-code-help-checker__warning #warn--table tr td {
   padding: 10px;
}

.ee-shortcode-grey {
    background-color: #f4f4f4;
}

.ee-shortcode-white {
    background-color: #ffffff;
}

.ee-short-code-help-checker__missing-form .richtext.section {
    padding: 0 1.5rem;
}

.ee-short-code-help-checker__missing-form .cq-form-container {
    padding: 0 1.5rem;
}

.ee-short-code-help-checker__form.ee-shortcode-grey .ee-short-code-help-checker__missing-form .cq-form-container {
    background-color: #f4f4f4;
}

.ee-short-code-help-checker__shortcode tr:nth-of-type(2) td:nth-child(1) {
   width: 100%;
}

.shortcode-results-cont .shortcode-results-serviciId {
    width: 30%;
    word-wrap: break-word;
    display: inline-block;
    font-size: 1.0625rem;
    color: #3c3d41;
    vertical-align: top;
    font-family: Rubrik, Arial, sans-serif;
}

.ee-SCHC__shortcode-results-header .ee-SCHC__shortcode--desktop .shortCode-results-email {
    display: block;
    padding-top: 0.5rem;
}

.short-code-help-checker--autosuggest .shortcode-noresults--message { 
    padding: 1rem 0;
    cursor: auto;
}

.short-code-help-checker--autosuggest .shortcode-noresults--message .icon-error-message { 
    transform: rotate(-180deg);
    display: table-cell;
    padding-top: 1rem;
    color: #e9020b;
}

.short-code-help-checker--autosuggest .shortcode-noresults--message .icon-error-message.icon-no--cta { 
    padding-top: 0;
}

.short-code-help-checker--autosuggest .shortcode-noresults--message .shortcode-noresults--text {
    color: #e9020b;
    font-weight: 600;
    font-family: Rubrik, Arial, sans-serif;
    font-size: 1.0625rem;
}

.short-code-help-checker--autosuggest .shortcode-noresults--message .shortcode-noresults--text-cta {
    display: table-cell;
    vertical-align: top;
    padding-left: 1rem;
    font-family: Rubrik, Arial, sans-serif;
    font-size: 1.0625rem;
}

.short-code-help-checker--autosuggest .shortcode-noresults--message .shortcode-noresults--text-cta.text-no--cta {
    vertical-align: middle;
}

.short-code-help-checker--autosuggest .shortcode-noresults--message .shortcode-noresults--cta {
    display: block;
    padding-top: 0.5rem;
    font-weight: 600;
    color: #007B85;
}

.shortcode-autocomplete-dropdown .select2-results .select2-highlighted .shortcode-results-serviciId {
    color: #005a61;
}

.shortcode-results-cont {
    padding: 1.3125rem 0px;
    border-bottom: 1px dashed #d8d8d9;
}

.ui-menu-item:last-child .shortcode-results-cont:last-child {
    border-bottom : none;
}

.shortcode-results-cont .shortcode-results-provider {
    width: 70%;
    word-wrap: break-word;
    display: inline-block;
    font-size: 1.0625rem;
    text-align: right;
    font-family: Rubrik, Arial, sans-serif;
}

.shortcode-results-cont .shortcode-results-cat {
    word-wrap: break-word;
    font-size: 0.875rem;
    text-align: right;
    font-family: Rubrik, Arial, sans-serif;
    color: #6d6e71;
}

.ee-short-code-help-checker__shortcode tr:nth-of-type(2) td {
    padding: 0;
}

.ee-short-code-help-checker__shortcode-results,
.ee-bt-error-code-help-checker__shortcode-results {
    display: none;
    width: 100%;
    text-align: left;
    border: solid 1px #d8d8d9;
    border-top: 0;
    background-color: #ffffff;
}

.bt-sport-error-code.ee-short-code-help-checker__form,
.ee-bt-error-code-help-checker__shortcode-results {
    border: none;
}

.shortcode-autocomplete-dropdown .select2-results .shortcode-results-cont .select2-match {
    text-decoration: none;
}

.ee-SCHC__shortcode--header, .ee-SCHC__shortcode--value {
    color: #3c3d41;
    font-size: 1.0625rem;
    vertical-align: top;
    padding-top: 1.125rem;
}

.shortcode-autocomplete-dropdown.select2-drop.select2-drop-above .select2-search input {
    margin-top: 0 !important;
}

.shortcode-autocomplete-dropdown .select2-search input {
    font-family: Rubrik, Arial, sans-serif;
}

.ee-SCHC__shortcode--header {
    font-size: 1.0625rem;
    font-weight: 600;
    color: #3c3d41;
    padding-top: 1.438rem;
}

.ee-SCHC__shortcode-row {
    padding: 0 1.5rem 1.5rem 1.5rem;
    border-bottom: solid 1px #d8d8d9;
}

.ee-SCHC__shortcode-row:last-child {
    border-bottom: none;
}

.shortCode-results-category {
    display: block;
    font-size: 14px;
    color: #6d6e71;
}

.ee-SCHC__shortcode-results-header div:nth-child(4), .ee-SCHC__shortcode-results-header div:nth-child(8) {
    padding-right: 0;
}

.ee-short-code-help-checker__error-details {
    display: none;
    padding: 0.5rem 0 0;
    width: 100%;
    word-break: break-word;
    color: #e9020b;
    font-size: 1.0625rem;
}

.ee-short-code-help-label {
    font-size: 1.0625rem;
    font-weight: 600;
    padding-bottom: 0.2rem;
    color: #3c3d41;
}

.ee-SCHC__shortcode-error-border {
    border: 1px solid red !important;;
}

.ee-SCHC__shortcode-results-header .ee-SCHC__shortcode--value--mobile { 
    display: none;
}

.ee-short-code-help-checker__missing-form .cq-form-container {
    padding: 0;
    margin: 1rem;
}

.ui-helper-hidden-accessible {
    display: none;
}

@media (max-width: 768px){
    .short-code-help-checker--autosuggest .shortcode-noresults--message .shortcode-noresults--text, 
    .short-code-help-checker--autosuggest .shortcode-noresults--message .shortcode-noresults--cta {
        font-size: 1rem;
    }
    .ee-short-code-help-checker__form {
        border-left: 5px solid #009c9c;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }
    .ee-short-code-help-checker__missing-form .cq-form-container .ee-form--full-page {
        width: 100%;
    }
    .ee-short-code-help-checker-input-cont {
        padding: 1rem 1rem;
    }
    .ee-short-code-help-label {
        padding: 1rem 1rem 0;
    }
    .ee-SCHC__shortcode-results-header {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0 1rem 1rem 1rem;
    }
    .shortcode-results-cont .shortcode-results-provider {
        width: 50%;
    }
    .shortcode-results-cont .shortcode-results-serviciId {
        width: 50%;
    }
    .ee-short-code-help-checker__shortcode-results,
    .ee-bt-error-code-help-checker__shortcode-results {
        width: 100%;
        border: 0;
        background-color: #f4f4f4;
    }
    .ee-bt-error-code-help-checker__shortcode-results {
        background-color: #ffffff;
    }
    .ee-short-code-help-checker__form .ee-short-code-help-checker__shortcode {
        width: 100%;
        border-left: 0;
        padding: 0;
    }
    .ee-SCHC__shortcode--header, .ee-SCHC__shortcode--value {
        width: 100%;
        padding: 0;
        margin-left: 0;
    }
    .ee-SCHC__shortcode--header {
        padding-top: 1.5rem;
    }
    .ee-SCHC__shortcode--value {
        padding-top: 1.188rem;
    }
    .ee-SCHC__shortcode-results-header div:nth-child(1) {
        order: 1;
    }
    .ee-SCHC__shortcode-results-header div:nth-child(2) {
        order: 3;
    }
    .ee-SCHC__shortcode-results-header div:nth-child(3) {
        order: 5;
    }
    .ee-SCHC__shortcode-results-header div:nth-child(4) {
        order: 7;
    }
    .ee-SCHC__shortcode-results-header div:nth-child(5) {
        order: 2;
    }
    .ee-SCHC__shortcode-results-header div:nth-child(6) {
        order: 4;
    }
    .ee-SCHC__shortcode-results-header div:nth-child(7) {
        order: 6;
    }
    .ee-SCHC__shortcode-results-header div:nth-child(8) {
        order: 8;
    }
    .ee-SCHC__shortcode-results-header div:nth-child(9) {
        order: 9;
    }
    .ee-SCHC__shortcode-results-header .ee-SCHC__shortcode--value--mobile { 
        display: block;
        padding: 0;
    }
    .ee-SCHC__shortcode--value--mobile .shortCode-results-contactNumber {
        padding-top: 1.188rem;
    }
    .ee-SCHC__shortcode--value--mobile .shortCode-results-email {
        padding-top: 0.5rem;
        padding-right: 1.125rem;
    }
    .ee-SCHC__shortcode-results-header .ee-SCHC__shortcode--desktop { 
        display: none;
    }
    .ee-short-code-help-checker-input-cont, .ee-short-code-help-label {
        padding-left: 1rem;
        margin: 0;
    }
    .bt-sport-error-code .ee-short-code-help-checker-input-cont {
        padding: 0 1rem;
    }
    .bt-sport-error-code .ee-short-code-help-label {
        padding: 0rem 0rem 0.5rem;
    }
    .ee-short-code-help-checker-input-cont .select2-container {
        margin: 0;
    }
    .ee-SCHC__shortcode-error-border {
        border: 2px solid red !important;
    }
    .ee-short-code-help-checker-input-cont .icon-con-clear {
        margin-top: 20px;
        right: 15px;
    }
    .bt-sport-error-code .ee-short-code-help-checker-input-cont .icon-con-clear {
        margin-top: 4px;
    }
    .shortcode-autocomplete-dropdown .select2-search-error {
        width: 85%;
        vertical-align: middle;
    }
    .ee-short-code-help-checker__missing-form .richtext.section, .ee-short-code-checker__results-copy {
        padding: 0 1rem;
    }
    .shortcode-autocomplete-dropdown input::-webkit-input-placeholder {
        font-size: 14px;
    }
    .shortcode-autocomplete-dropdown input::-moz-placeholder {
        font-size: 14px;
    }
    .shortcode-autocomplete-dropdown input:-ms-input-placeholder {
        font-size: 14px;
    }
    .short-code-help-checker--autosuggest .ui-menu-item {
        padding: 0;
    }
    .short-code-help-checker--autosuggest .shortcode-noresults--message { 
        padding: 0;
    }
    .short-code-help-checker--autosuggest .ui-menu-item {
        padding: 0 1rem;
    }
    .ee-SCHC__shortcode-row {
        padding: 0  1.5rem 1.625rem 1.125rem;
    }
    .ee-SCHC__shortcode-row {
        background-color: #ffffff;
        border-left: solid 1px #d8d8d9;
        border-right: solid 1px #d8d8d9;
    }
    .ee-SCHC__shortcode-row:last-child {
        border-bottom: solid 1px #d8d8d9;
    }
}

@media ( min-width : 20em) and (max-width: 21em) {
    .ee-short-code-help-checker__missing-form .reCaptcha.section {
        transform: scale(0.83);
        -webkit-transform: scale(0.83);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
.country-management-tool-container .country-container .country-name,
.country-management-tool-container .country-container .country-flag,
.country-management-tool-container .country-container .country-dialcode,
.country-management-tool-container .country-container .country-alttext,
.country-management-tool-container .country-container .country-label,
.country-management-tool-container .country-container .country-cities {
	display: inline-block;
	vertical-align: middle;
	width: 18%;
}

.country-container .country-name {
	vertical-align: inherit;
}

.country-container .country-name, .country-container .country-flag,
	.country-container .country-dialcode, .country-container .country-alttext,.country-container .country-cities
	{
	color: #007b85;
}

.country-container .country-flag img {
	border: 1px solid #6d6e71;
}

.country-container {
	background-color: #ffffff;
	padding: 1em;
	border: 1px solid #007b85;
}

.country-container .country-label {
	font-size: 20px;
	font-weight: bold;
}

.country-management-tool-container .json-content {
	display: none;
}
.country-container .cities-list {
	list-style-type:none;
}

.country-container .cities-list span {
	word-wrap: break-word;
	width: 100%;
}
.in-article-module__title, .in-article-module__community--title {
    padding-top: 1.5em;
    font-size: 1.063em;
    font-weight: 600;
    text-align: left;
    color: #3C3D41;
}

.in-article-module__community--title {
    padding-left: 2%;
}

.in-article-module__community--one-content span>p,
    .in-article-module__community--two-content span>p {
    margin-top: 0px;
}

.in-article-module__community {
    padding-top: 1em;
    padding-bottom: 1.5em;
    display: none;
}

.in-article-module-4-variant .in-article-module__main {
    min-height: 450px;
 }
 
.in-article-module__community--container {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}

.in-article-module__community--column-two {
    width: 50%;
    float: left;
}

.in-article-module__community--column-one {
    width: 100%;
    float: left;
}

.in-article-module__community--one {
    margin: 0 auto;
}

.in-article-module__community--one, .in-article-module__community--two {
    width: 275px;
    border-radius: 6px;
    background-color: #ffffff;
    border: solid 1px #d8d8d9;
}

.in-article-module__community--one-title,
    .in-article-module__community--two-title {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 1.375em;
    font-size: 1.063em;
    font-weight: 600;
    color: #007b85;
}

.in-article-module__community--one-title-text {
    padding-right: 10px;
}

.in-article-module__community--one-img,
.in-article-module__community--two-img {
    border-radius: 3.125em;
    -moz-border-radius: 3.125em;
    -webkit-border-radius: 3.125em;
    width: 2.5em;
    height: 2.5em;
    background-color: #f4f4f4;
    margin-left: 1.563em;
    margin-top: 1.188em;
    display: table-cell;
    float: left;
}

.in-article-module__community--one-content,
.in-article-module__community--two-content {
    display: table-cell;
    padding-left: 1.031em;
    font-size: 0.875em;
    color: #3c3d41;
    word-break: break-word;
    padding-top: 1.188em;
    padding-right: 1.375em;
}

.in-article-module__community--one-read-more,
.in-article-module__community--two-read-more {
    padding-top: 1em;
    font-size: 0.875em;
    font-weight: 600;
    padding-left: 1.5em;
}

.in-article-module__community--one hr,
.in-article-module__community--two hr {
    border: 0 none;
    border-top: 1px solid #d8d8d9;
    background: none;
    height: 0;
    margin: 0;
}

.in-article-module__community--hl {
    padding-top: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.688em;
    padding-bottom: 1.5em;
}

.in-article-module__community--posted-section {
    padding-left: 1.5em;
    padding-right: 2.188em;
    padding-bottom: 1.5em;
    font-size: 0.875em;
}

.in-article-module__community--posted-by {
    color: #3c3d41;
}

.in-article-module__community--one-posted,
.in-article-module__community--two-posted {
    font-weight: 600;
    color: #007b85;
}

.in-article-module__community--view-more {
    padding-top: 1.5em;
    display: table;
    margin: 0 auto;
    clear: both;
}

.in-article-module-4-variant .in-article-module__community--main-title-div {
    object-fit: contain;
    font-family: Rubrik;
    font-size: 2.125em;
    line-height: 38px;
    letter-spacing: 0.5px;
    text-align: center;
    color: #3c3d41;
    margin-bottom: 0.7em;
}

.in-article-module-4-variant .in-article-module__community--sub-title-div {
    font-family: Rubrik;
    font-size: 1.0625em;
    font-weight: 600;
    text-align: center;
    color: #3c3d41;
    margin-bottom: 1.2em;
}

.in-article-module-4-variant .in-article-module__community--container {
    display: block;
}

.in-article-module-4-variant .in-article-module__community--one-content span>p, 
.in-article-module-4-variant .in-article-module__community--two-content span>p,
.in-article-module-4-variant .in-article-module__community--three-content span>p,
.in-article-module-4-variant .in-article-module__community--four-content span>p {
    margin-top: 0px;
}

.in-article-module-4-variant .in-article-module__community--column-two, 
.in-article-module-4-variant .in-article-module__community--column-three, 
.in-article-module-4-variant .in-article-module__community--column-one, 
.in-article-module-4-variant .in-article-module__community--column-four {
    width: 22%;
    float: left;
    margin-right: 1%;
    margin-top: 2.5%;
}

.in-article-module-4-variant .in-article-module__community--column-one {
    margin-left: 4.5%;
}

.in-article-module-4-variant .in-article-module__community--column-four {
    margin-right: 1.5%;
}

.in-article-module-4-variant .in-article-module__community--one,
.in-article-module-4-variant .in-article-module__community--two, 
.in-article-module-4-variant .in-article-module__community--three, 
.in-article-module-4-variant .in-article-module__community--four {
    width: 100%;
    border-radius: 6px;
    background-color: #ffffff;
    border: solid 1px #d8d8d9;
}

.in-article-module-4-variant .in-article-module__community--one-title, 
.in-article-module-4-variant .in-article-module__community--two-title, 
.in-article-module-4-variant .in-article-module__community--three-title,
.in-article-module-4-variant .in-article-module__community--four-title {
    padding-left: 1.5em;
    padding-top: 1.375em;
    padding-right: 1.5em;
    font-size: 1.063em;
    font-weight: 600;
    color: #007b85;
}

.in-article-module-4-variant .in-article-module__community--one-img,
.in-article-module-4-variant .in-article-module__community--two-img, 
.in-article-module-4-variant .in-article-module__community--three-img,
.in-article-module-4-variant .in-article-module__community--four-img {
    border-radius: 3.125em;
    -moz-border-radius: 3.125em;
    -webkit-border-radius: 3.125em;
    width: 2.5em;
    background-color: #f4f4f4;
    height: 2.5em;
    margin-left: 1.563em;
    margin-top: 1.188em;
    display: table-cell;
    float: left;
}

.in-article-module-4-variant .in-article-module__community--one-content,
.in-article-module-4-variant .in-article-module__community--two-content, 
.in-article-module-4-variant .in-article-module__community--three-content,
.in-article-module-4-variant .in-article-module__community--four-content {
    display: table-cell;
    padding-left: 1.031em;
    font-size: 0.875em;
    color: #3c3d41;
    word-break: break-word;
    padding-top: 1.188em;
    padding-right: 1.375em;
}

.in-article-module-4-variant .in-article-module__community--one-read-more,
.in-article-module-4-variant .in-article-module__community--two-read-more, 
.in-article-module-4-variant .in-article-module__community--three-read-more,
.in-article-module-4-variant .in-article-module__community--four-read-more {
    padding-top: 1em;
    font-size: 0.875em;
    font-weight: 600;
    padding-left: 1.5em;
}

.in-article-module-4-variant .in-article-module__community--one hr,
.in-article-module-4-variant .in-article-module__community--two hr, 
.in-article-module-4-variant .in-article-module__community--three hr,
.in-article-module-4-variant .in-article-module__community--four hr  {
    border: 0 none;
    border-top: 1px solid #d8d8d9;
    background: none;
    height: 0;
    margin: 0;
}

.in-article-module-4-variant .in-article-module__community--one-posted,
.in-article-module-4-variant .in-article-module__community--two-posted, 
.in-article-module-4-variant .in-article-module__community--three-posted,
.in-article-module-4-variant .in-article-module__community--four-posted {
    font-weight: 600;
    color: #007b85;
}

.in-article-module-4-variant .in-article-module__community--one-posted:hover,
.in-article-module-4-variant .in-article-module__community--two-posted:hover, 
.in-article-module-4-variant .in-article-module__community--three-posted:hover,
.in-article-module-4-variant .in-article-module__community--four-posted:hover {
    color: #005A61;
}

.CM__author--icon {
    font-size: 30px;
    padding-left: 5px;
    padding-top: 2px;
    color: #007b85;
}

.in-article-module-4-variant .EE .in-article-module__community--posted-section a {
    border-bottom: none;
}

@media ( max-width : 61.25em) { /* 980px - Mobile and Tablet Portrait View */
    .in-article-module__community--title-div {
        margin: 0 auto;
        width: 80%;
    }

    .in-article-module__community--one, .in-article-module__community--two {
    width: 80%;
    }

    .in-article-module__community--title {
        padding-left: 0px;
    }

    .in-article-module-4-variant .in-article-module__community--column-one {
        width: 40%;
        padding-left: 0px;
    }

    .in-article-module-4-variant .in-article-module__community--column-two {
        width: 40%;
        padding-left: 0px;
        display: block;
    }

    .in-article-module-4-variant .in-article-module__community--column-three, 
    .in-article-module-4-variant .in-article-module__community--column-four, 
    .in-article-module__community--column-two  {
        display: none;
    }

    .in-article-module-4-variant .in-article-module__community--column-one {
        margin-left: 9.5%;
        margin-top: 4%;
    }

    .in-article-module-4-variant .in-article-module__community--column-two {
        margin-top: 4%;
    }
}
@media only screen and (min-device-width : 1024px) and (orientation :   portrait) {
    .in-article-module-4-variant .in-article-module__community--column-two {
        display: block;
    }

    .in-article-module__community--container {
        width: 100%;
    }

    .in-article-module__community--column-one {
        width: 100%;
        padding-left: 0px;
    }

    .in-article-module__community--column-two {
        display: none;
    }

    .in-article-module__community--title-div {
        margin: 0 auto;
        width: 245px;
}

    .in-article-module__community--title {
        padding-left: 0px;
    }

    .in-article-module__community--one, .in-article-module__community--two {
        width: 243px;
    }
}
@media only screen and (min-width: 1200px) {
    .in-article-module-4-variant .in-article-module__community--title,
    .in-article-module-4-variant .in-article-module__community--container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .in-article-module__community--title,
    .in-article-module__community--container {
        padding-left: 4.5%;
    }

    .in-article-module__community--one {
        margin-left: 0;
    }

    .in-article-module__community--container {
        width: 100%;
    }
}
@media only screen and (min-device-width : 1366px) and (orientation :
landscape) {
    .in-article-module__community--column-one {
        width: 50%;
        padding-left: 0px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .in-article-module__community--one, .in-article-module__community--two {
        width: 243px;
    }

    .in-article-module__community--container {
        width: 100%;
    }

    .in-article-module-4-variant .in-article-module__main {
        min-height: 450px;
    }
    .in-article-module__community--column-one {
        width: 50%;
        padding-left: 0px;
    }
}
@media ( max-width : 47.938em) { /* 767px - Mobile */
    .in-article-module-4-variant .in-article-module__community--column-one {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .in-article-module-4-variant .in-article-module__main,
    .in-article-module-4-variant .in-article-module__community--mainSub-title {
        margin: 0 1em;
    }

    .in-article-module-4-variant .in-article-module__community--one {
        width: 90%;
        margin-top: 2%;
    }
    
    .in-article-module-4-variant .in-article-module__community--main-title-div {
        margin-bottom: 0.55em;
    }
    .in-article-module-4-variant .in-article-module__community--column-two {
        display: none;
    }
    .CM__author--icon {
        padding-left: 3px;
    }
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.search-panel-help .search-panel-banner {
    position: static;
    width: 100%;
    z-index: 100;
}

.search-panel-help .recently-viewed-article-comma {
    color: #007B85;
}

.search-panel-help-autosuggest.search-panel-help-autocomplete {
    display: block !important;
}

.search-panel-help {
    margin: 0;
}
.search-panel-help .icon-with-text__icon .icon-search {
    color: #007b85;
    font-weight: 600;
}

.search-panel-help .search-panel-banner-imgcon {
    z-index: 999;
}

.search-panel-help .search-panel-help-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    -webkit-animation-name: search-panel-help-animation; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: search-panel-help-animation;
    animation-duration: 2s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes search-panel-help-animation {
    0%   {opacity: 0.1;}
    25%  {opacity: 0.3;}
    50%  {opacity: 0.7;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes search-panel-help-animation {
    0%   {opacity: 0.1;}
    25%  {opacity: 0.3;}
    50%  {opacity: 0.7;}
    100% {opacity: 1;}
}

.search-panel-help .search-panel-banner-sticky, .search-panel-help .input-search-panel::-ms-clear {
    display: none;
}

.eed-slideout-none{
    transform:none !important;
}

.cq-wcm-edit .search-panel-help-autosuggest {
    z-index: 9999 !important;
}

.search-panel-help .search-panel-banner-con {
    float: left;
    width: 100%;
}

.search-panel-help .search-panel-banner-imgcon {
    position: relative;
    width: 100%;
    float: left;
}

.search-panel-banner-imgcon-img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 160em;
    margin: 0;
    z-index: -1;
    top: 0;
    left: 0;
}

.search-panel-banner-imgcon-img img {
    width: 100%;
}

.search-panel-help .search-panel-banner-imgcon h1,
.search-panel-help .search-panel-banner-imgcon h4,
.search-panel-help .search-panel-banner-imgcon p {
    text-align: center;
    color: white;
    margin: 0;
    word-wrap: break-word;
}

.search-panel-help .search-panel-banner-imgcon p {
    text-align: center;
    margin: 0;
    color: #FFF;
}

.search-panel-help .searchbox-con {
    position: static;
    margin: 0 auto;
    z-index: 99;
}

.search-panel-help .searchbox-con .search-panel-box {
    float: left;
    width: 100%;
    border: 1px solid #6d6e71;
    background: #FFFFFF;
}

.search-panel-help .search-panel-desktop-subheading {
        font-size: 1.563em;
}

.search-panel-help.help-home-page-new-design .search-panel-desktop-subheading,
    .search-panel-help.help-home-page-new-design .search-panel-mobile-subheading {
        display: none;
}

.help-home-page-new-design .searchbox-con .search-panel-box .icon-con [data-icon]:before {
    font-weight: 600;
}

.search-panel-help .searchbox-con .search-panel-box .input-con {
    float: left;
    width: 100%;
    z-index:999;
    margin: 1px 0 0 0;
}

.search-panel-banner.theme-aqua ::selection {
    color: #ffffff;
    background: #007b85;
}

.search-panel-help  .searchbox-con-bg{
    background: #009c9c;
    z-index: 9999 !important;
    width: 100% !important;
    left: 0;
}

.help-home-page-new-design .searchbox-con-bg, .search-panel-variant-two.help-home-page-new-design .search-panel-banner {
    background: #F4F4F4;
}

.eeg-wrapper.help-home-page-new-design .search-panel-banner-imgcon h1 {
    color: #3C3D41;
}

.search-panel-help .searchbox-con .search-panel-box .input-con input {
    float: left;
    padding: 0;
    margin: 0;
    border: none;
    color: #3c3d41;
    font-size: 1.25em;
}

.search-panel-help .icon-with-text__icon .icon-search {
    color: #007b85;
    font-weight: 600;
}

.search-panel-help .searchbox-con .search-panel-box .input-con input::-webkit-input-placeholder {
     color: #3c3d41;
     opacity: 0.6;
}
.search-panel-help .searchbox-con .search-panel-box .input-con input:-moz-placeholder {
    color: #3c3d41;
    opacity:  1;
    opacity: 0.6;
}
.search-panel-help .searchbox-con .search-panel-box .input-con input::-moz-placeholder {
    color: #3c3d41;
    opacity: 0.6;
}
.search-panel-help .searchbox-con .search-panel-box .input-con input:-ms-input-placeholder {
    color: #3c3d41;
    opacity: 0.6;
}

.search-panel-help .searchbox-con .search-panel-box .input-con input,
.search-panel-help .searchbox-con .search-panel-box .input-con input:focus {
    border-left: none;
    outline: 0;
}

.search-panel-help .searchbox-con .search-panel-box .icon-con {
    float: right;
    width: auto;
}
.search_result--align{
    position:relative;
      left:-1px!important;
}

.search-panel-help .searchbox-con .search-panel-box .icon-con .icon-with-text__icon {
    font-weight: bold;
}

.search-panel-help .searchbox-con .search-panel-box .icon-con .icon-search {
    -ms-transform: rotate(-87deg); /* IE 9 */
    -webkit-transform: rotate(-87deg); /* Chrome, Safari, Opera */
    transform: rotate(-87deg);
}

.search-panel-help .icon-clear {
    display: none;
    cursor: pointer;
}

.search-panel-help-autosuggest .ui-widget-content {
    border: none;
    background: #FFFFFF;
    color: #3C3D41;
    border-top: none;
    border-radius: 0;
}

.search-panel-help-autosuggest .ui-menu-item {
    margin: 0;
}

.search-panel-help-autosuggest .ui-menu-item a {
    padding: 0;
    color: #3C3D41;
    display: block;
}

.search-panel-help-autosuggest .ui-menu-item a:hover, .search-panel-help-autosuggest .see-more-link--li a:hover{
    font-weight: bold;
}

.search-panel-help-autosuggest .see-more-link--li a:hover{
    background: #F4F4F4;
    color: #3C3D41;
    border: none;
    font-size: 1em;
}

.search-panel-help-autosuggest .see-more-link--li .see-more-link{
    padding-left: 2em;
}

.search-panel-help-autosuggest .ui-menu-item a:hover .cat-page{
    font-weight: normal;
}

.search-panel-help-autosuggest li.ui-menu-item.yui-ac-highlight, 
.search_result_common li.ui-menu-item.yui-ac-highlight {
    background: #F4F4F4;
    color: #3C3D41;
}

.search-panel-help-autosuggest li.ui-menu-item.yui-ac-highlight:hover,
.search_result_common li.ui-menu-item.yui-ac-highlight:hover{

    background: #F4F4F4;
    font-weight: bold;
    color: #3C3D41;
    border: none;
    font-size: 600;
    font-family: Rubrik, Arial, sans-serif;
    cursor:pointer;

        }

.search-panel-help-autosuggest, .search_result_common {
    background: #FFFFFF;
    padding: 0;
    border-radius: 0;
    padding: 0 1px;
    overflow: hidden;
    color: #3C3D41;
    z-index: 999;
    font-family: Rubrik, Arial, sans-serif;
}

.search-panel-help-autosuggest {
	border: 1px solid #aaa;
    font-size: 17px;
    border-top: 2px dotted #007b85;
}

.search-panel-help-autosuggest li.ui-menu-item, .search_result_common li.ui-menu-item{
    background: #fff;
    font-weight: normal;
    text-align: left;
}

.search_result_common li.ui-menu-item{
    padding: 11px 10px;
}


.search-panel-help-autosuggest .ui-state-hover,
    .search-panel-help-autosuggest .ui-widget-content .ui-state-hover,
    .search-panel-help-autosuggest .ui-widget-header .ui-state-hover,
    .search-panel-help-autosuggest .ui-state-focus,
    .search-panel-help-autosuggest li.ui-menu-item.ui-state-focus,
    .search-panel-help-autosuggest .ui-widget-content .ui-state-focus,
    .search-panel-help-autosuggest .ui-widget-header .ui-state-focus {
    background: #F4F4F4;
    font-weight: normal;
    color: #3C3D41;
    border: none;
    font-size: 1em;
}

.search-panel-help-autosuggest .ui-state-hover a,
    .search-panel-help-autosuggest .ui-state-hover a:hover,
    .search-panel-help-autosuggest .ui-state-hover a:link,
    .search-panel-help-autosuggest .ui-state-hover a:visited,
    .search-panel-help-autosuggest .ui-state-focus a,
    .search-panel-help-autosuggest .ui-state-focus a:hover,
    .search-panel-help-autosuggest .ui-state-focus a:link,
    .search-panel-help-autosuggest .ui-state-focus a:visited {
    color: #3C3D41;
    text-decoration: none;
}

.search-panel-help-autosuggest ul, .search_result_common ul {
    padding: 0;
    margin: 0;
    border:1px solid #aaaaaa;
}

.search-panel-help-autosuggest li {
    list-style: none;
}

.search-panel-help .search-panel-banner-txtcon {
    width: 100%;
    display: block;
    background: #FFFFFF;
}

.search-panel-help .search-panel-banner-txtcon p {
    text-align: center;
    margin:0;
    padding:0 1.5em;    
    font-size: 1.0625em;
    color: #3c3d41;
}
.search-panel-help .search-panel-banner-txtcon a {
    font-weight: 600;
}

.search-panel-help-autosuggest .highlight-keyword {
    color: #007b85;
    font-weight: 600;
}
.yui-ac-container .search_result_common .search_result--align .highlight-keyword{
    color: #007b85;
}

.search-panel-help-autosuggest .ui-menu-item .search-not-found a {
    display: inline-block;
    color: #007b85;
    font-size: 1em;
    padding: 0;
}

.search-panel-help-autosuggest .ui-menu-item .search-not-found a:hover {
    font-weight: normal;
    color: #005a61;
}

.search-panel-help-autosuggest .search-not-found p {
    padding: 0;
    color: #3C3D41;
    display: inline-block;
    font-size: 1em;
    margin: 0;
}

.search-panel-help-autosuggest .see-more-link {
    color: #3C3D41;
    font-size: 1em;
    padding: 0.625em 0;
}

.search-panel-help .search-recently-viewed {
    display: none;  
}

.search-panel-help .search-panel-popular {
    padding: 24px 0;
    border-bottom: solid 1px #a9a9a9;
    font-size: 1.063rem;
}

.search-panel-variant-two .search-panel-banner {
    background: #009c9c;
}

.search-panel-help.search-panel-variant-two {
    margin: 0;
}

.SPH-padding {
    margin-top: 3.375rem;
}

.search-panel-help .search-panel-variant-two {
    padding-top: 0;
}

.search-panel-help .SPH-popular-articles {
    text-align: center;
}

.search-panel-help .SPH-popular-articles .popular-articles-title,
.search-panel-help .SPH-popular-articles .popular-articles-link,
.search-panel-help .SPH-popular-articles .popular-articles-comma,
.search-panel-help .SPH-popular-articles .popular-articles-page-name {
    display: inline;
}

.search-panel-help .SPH-popular-articles .popular-articles-chevron {
    display: none;
}

.search-panel-help .SPH-popular-articles .popular-articles-title {
    color: #3c3d41;
}
.search-panel-help .searchbox-con {
    margin-top: 2rem;
}

 .SP-mobile-heading-cont {
    min-height: 130px;
}

.SP-mobile-heading-cont {
    display: none;
}

.SP-desktop-heading-cont {
    min-height: 110px;
}

.help-home-page-new-design .SP-desktop-heading-cont {
    min-height: 60px;
}

.search-panel-help .SP-desktop-heading-cont h4 {
    line-height: 1.5;
    font-size: 1.5625rem;
}

.search-panel-help .SP-desktop-heading-cont h4 p{
    font-size: 1.5625rem;
}

.SP-desktop-heading-cont h4:first-of-type {
    margin-top: 16px;
}

.SP-desktop-heading-cont a {
    color: white;
}

.SP-desktop-heading-cont a:hover {
    color: white;
}
.help-search-panel{
    margin-left:-1px !important;
}
.search-panel-help .searchbox-con .search-panel-box  .input-con .help-search-panel:focus {
    border-left: 2px dotted #007b85 !important;
}
.search-panel-help .searchbox-con .search-panel-box .input-con .help-search-panel{
     border-left: 1px solid #6d6e71;
 }


@media ( min-width : 20em) { /* 320px */

    .search-panel-help .searchbox-con {
        width: 290px;
        margin-top: 2rem;
    }
    .search-panel-variant-two .searchbox-con {
        margin-top: 0;
    }
    .search-panel-help .searchbox-con .search-panel-box {
        height: 54px;
    }
    .help-home-page-new-design .searchbox-con .search-panel-box {
        height: 40px;
    }
    .search-panel-help .searchbox-con .search-panel-box .input-con input {
        padding-left: 0.938em;
        height: 48px;
        width: 80%;
    }
    .help-home-page-new-design .searchbox-con .search-panel-box .input-con input {
        width: 75%;
        height: 36px;
    }
    .search-panel-help .searchbox-con .search-panel-box .icon-con {
        padding-right: 0.938em;
        line-height: 2.938em;
    }
    .help-home-page-new-design .searchbox-con .search-panel-box .icon-con {
        padding-right: 0.838em;
        line-height: 0.938em;
    }
    .search-panel-help-autosuggest .see-more-link,
    .search-panel-help-autosuggest .search-not-found {
        padding: 0.938em;
        width: 100%;
        float: left;
    }
    .search-panel-help-autosuggest .cat-content {
        padding: 0 0.938em 0 0.938em;
        width: 100%;
        display: inline-block;
        font-size: 1em;
    }
    .search-panel-help-autosuggest .cat-page {
        padding: 0 0.938em 0 0.938em;
        width: 100%;
        display: inline-block;
        text-align: left;
        font-size: 0.875em;
        color: #6D6E71;
    }
    .search-panel-help .searchbox-con .search-panel-box .icon-con .icon-with-text__icon {
        font-size: 2em;
        color: #007b85;
    }
    .help-home-page-new-design .searchbox-con .search-panel-box .icon-con .icon-with-text__icon {
        font-size: 1.8em;
    }
    .search-panel-help-autosuggest .ui-menu-item a {
        padding: 0.313em 0;
    }
    .search-panel-banner-imgcon-img {
        height: 265px;
        overflow: hidden;
        background: #009c9c;
    }
    .help-home-page-new-design .search-panel-banner-imgcon-img {
        background: #F4F4F4;
        height: 168px;
    }
    .help-home-page-new-design .SP-desktop-heading-cont {
         min-height: 44px;
    }
    .search-panel-help .search-panel-banner {
        height: 265px;
    }
    .search-panel-variant-two .search-panel-banner, .search-panel-variant-two.help-home-page-new-design .search-panel-banner {
        height: 94px;
    }
    .help-home-page-new-design .search-panel-banner {
        height: 160px;
    }
    .search-panel-help .handhled-image, .search-panel-help .search-panel-mobile-heading,
    .search-panel-help .search-panel-mobile-subheading {
        display: block;
        margin: 0;
    }

    .eeg-wrapper.help-home-page-new-design .SP-desktop-heading-cont .search-panel-mobile-heading {
        color: #3C3D41;
        font-size: 1.9375rem;
        line-height: 2.75rem;
    }

    .search-panel-help .desktop-image, .search-panel-help .search-panel-desktop-heading,
    .search-panel-help .search-panel-desktop-subheading {
        display: none;
    }
    .search-panel-help .search-panel-help-fixed-height{
        height: 96px;
    }
    .search-panel-help .search-panel-help-fixed-dn{
        display: none;
    }
    .search-panel-help-autosuggest .see-more-link--li .see-more-link{
        padding-left: 1em;
    }
}

@media screen and (max-device-width: 767px) and (orientation: landscape) {
    .search-panel-help .searchbox-con {
        width: 560px;
    }
    .search-panel-help .searchbox-con .search-panel-box .input-con input {
        width: 88%;
    }
    .eeg-wrapper.help-home-page-new-design .searchbox-con {
        width: 50%;
    }
}

@media ( max-width : 23.250em) { /* 372px */
    .search-panel-help .search-panel-banner-imgcon h1 {
        margin: 0;
        word-break: break-word;
    }
    .search-panel-banner-imgcon-img {
        height: 265px;
        overflow: hidden;
    }
    .search-panel-help .search-panel-banner {
        height: 265px;
    }
    .help-home-page-new-design .search-panel-banner {
        height: 160px;
    }
    .search-panel-variant-two .search-panel-banner {
        height: 94px;
    }
    .search-panel-banner-imgcon-img img {
        height: 265px;
    }
}

@media ( min-width : 48em) { /* 768px */
    .search-panel-help .searchbox-con {
        width: 700px;
        margin-top: 1rem;
    }
    .help-home-page-new-design .searchbox-con {
        width: 483px;
    }
    .help-home-page-new-design .SP-desktop-heading-cont {
        min-height: 68px;
    }
    .search-panel-help .searchbox-con .search-panel-box .input-con input {
        padding-left: 1.875em;
        width: 89%;
    }
    .search-panel-help .search-panel-banner-imgcon {
        padding: 2rem;
    }
    .search-panel-help-autosuggest .see-more-link,
        .search-panel-help-autosuggest .search-not-found {
        padding: 0.938em 1.250em 0.938em 1.875em;
    }
    .search-panel-help-autosuggest .cat-content {
        padding: 0 0 0 1.875em;
        width: 75%;
        display: inline-block;
    }
    .search-panel-help-autosuggest .cat-page {
        padding: 0 1.250em 0 0;
        width: 24%;
        display: inline-block;
        text-align: left;
    }
    .search-panel-help .search-panel-banner-imgcon h1 {
        margin-bottom: 0;
    }
    .search-panel-help-autosuggest .ui-menu-item a {
        padding: 0.625em 0;
    }
    .search-panel-banner-imgcon-img {
        height: 240px;
        overflow: hidden;
    }
    .search-panel-help .search-panel-banner {
        height: 240px;
    }
    .help-home-page-new-design .search-panel-banner {
        height: 160px;
    }
    .search-panel-variant-two .search-panel-banner {
        height: 94px;
    }
    .search-panel-help .search-panel-banner-imgcon p {
        margin-top: 0.5rem;
        display: block;
        padding: 0;
    }
    .search-panel-help .search-recently-viewed{
        display: block;
    }
    
    .search-panel-help .search-recently-viewed {
        padding: 24px 0;
        border-bottom: solid 1px #d8d8d9;
    }
    
    .search-panel-help .search-recently-viewed a, 
    .search-panel-help .search-recently-viewed p {
        font-size: 1.063rem;
    }
    
    .search-panel-help .search-panel-help-fixed-height{
        height: 113px;
    }
    .search-panel-help .searchbox-con .search-panel-box .icon-con {
        padding-right: 1.250em;
    }
    .help-home-page-new-design .searchbox-con .search-panel-box .icon-con {
        padding-right: 1em;
        line-height: 2.4em;
    }
    .search-panel-help .search-panel-help-fixed-dn{
        display: none;
    }
    
    .search-panel-help .search-panel-banner-imgcon p.search-panel-mobile-heading,
    .search-panel-help .search-panel-mobile-subheading {
        display: none;
    }
    .search-panel-help .search-panel-desktop-heading,
    .search-panel-help .search-panel-desktop-subheading{
        display: block;
    }
    .search-panel-help-autosuggest .see-more-link--li .see-more-link{
        padding-left: 2em;
    }
    .search-panel-help .SPH-popular-articles {
        padding: 0 1.5em;
    }
}

@media ( min-width : 64em) { /* 1024px */
    .search-panel-help .searchbox-con {
        width: 840px;
        margin-top: 2rem;
    }
    .help-home-page-new-design .searchbox-con {
        width: 561px;
    }
    .search-panel-variant-two .searchbox-con {
        margin-top: 0.938em;
    }
    .search-panel-help .searchbox-con .search-panel-box {
        height: 70px;
    }
    .help-home-page-new-design .searchbox-con .search-panel-box {
        height: 54px;
    }
    .search-panel-help .searchbox-con .search-panel-box .input-con input {
        height: 65px;
        padding-left: 1.5625em;
        width: 92.8%;
        color: #3c3d41;
        margin-left: 2px;
    }
    .help-home-page-new-design .searchbox-con .search-panel-box .input-con input {
        height: 50px;
        padding-left: 0.7625em;
    }
    .search-panel-help .searchbox-con .search-panel-box .icon-con {
        line-height: 64px;
        padding-right: 1.250em;
    }
    .help-home-page-new-design .searchbox-con .search-panel-box .icon-con {
        line-height: 50px;
        padding-right: 0.36em;
    }
    .search-panel-help-autosuggest .cat-content {
        width: 74%;
    }
    .search-panel-help-autosuggest .cat-page {
        width: 25%;
        text-align: right;
    }
    .search-panel-help .searchbox-con .search-panel-box .icon-con .icon-with-text__icon {
        font-size: 2em;
        color: #007b85;
        font-weight: 600;
    }
    .search-panel-banner-imgcon-img {
        height: 300px;
        overflow: hidden;
    }
    .search-panel-help .search-panel-banner {
        height: 300px;
    }
    .help-home-page-new-design .search-panel-banner-imgcon-img,.help-home-page-new-design .search-panel-banner,
    .help-home-page-new-design .search-panel-banner-imgcon-img {
        height: 235px;
    }
    .search-panel-variant-two .search-panel-banner {
        height: 115px;
    }
    .search-panel-help .search-panel-banner-imgcon p {
        padding-left: 5em;
        padding-right: 5em;
    }
    .search-panel-help .handhled-image {
        display: none;
    }
    .search-panel-help .desktop-image {
        display: block;
    }
    .search-panel-help .searchbox-con .searchbox-focus  {
        outline: 2px dotted #007b85; 
        outline-offset: -3px;
        height: 71px;
    }
    .help-home-page-new-design .searchbox-con .searchbox-focus  {
        outline-offset: -1px;
        height: 54px;
    }
    .search-panel-help .search-panel-help-fixed-height{
        height: 113px;
    }
     .search-panel-help .search-panel-help-fixed-top{
        margin-top: 0;
    }
    .search-panel-help .search-panel-help-fixed-dn{
        display: none;
    }
    .search-panel-help .icon-clear.icon-clear-focus {
        outline: 2px dotted #007b85;
    }
}

@media ( max-width : 28em) { /* 767px */
    .search-panel-help .searchbox-con .search-panel-box .icon-con .icon-search {
        padding-top: 0.7rem;
    }
     .search-panel-help .searchbox-con .search-panel-box  .input-con .help-search-panel:focus {
        border-left:1px solid  #6d6e71   !important;
    }
    .search-panel-help-autosuggest {
        border-top: 1px solid #aaaaaa; 
    }
    .search-panel-help .SP-desktop-heading-cont h4 {
        font-size: 1.125rem;
    }
    .search-panel-help .SP-desktop-heading-cont h4 p{
        font-size: 1.125rem;
    }
}

@media ( max-width : 47.938em) { /* 767px */
    .search-panel-recently {
        display: none;
    }
    .SP-mobile-heading-cont {
        display: block;
    }
    .search-panel-help .searchbox-con {
        width: 88%;
        margin-top: 1rem;
    }
    .search-panel-help .searchbox-con .search-panel-box .input-con input {
        width: 80%;
    }
    .help-home-page-new-design .searchbox-con {
        width: 75%;
    }
    .search-panel-help .search-panel-banner-imgcon {
        padding: 2rem 0;
    }
    .SPH-padding {
        margin-top: 2.47rem;
    }
    .search-panel-help .search-panel-popular {
        padding: 1.875rem 0;
    }
    .search-panel-help .SPH-popular-articles .popular-articles-title,
    .search-panel-help .SPH-popular-articles .popular-articles-link {
        display: block;
        padding: 0.625em 0;
    }
    .search-panel-help .SPH-popular-articles .popular-articles-title {
        padding-top: 0;
    }
    .search-panel-help .SPH-popular-articles .popular-articles-chevron,
    .search-panel-help .SPH-popular-articles .popular-articles-page-name {
        display: table-cell;
    }
    .search-panel-help .SPH-popular-articles .popular-articles-page-name {
        padding-left: 8px;
    }
    .search-panel-help .SPH-popular-articles .popular-articles-link {
        font-weight: 600;
    }
    .search-panel-help .SPH-popular-articles .popular-articles-comma {
        display: none;
    }
    .search-panel-help .SPH-popular-articles {
        text-align: left;
    }
    .help-home-page-new-design .searchbox-con .search-panel-box .icon-con .icon-search {
        padding-top: 0.2rem;
    }
    .search-panel-help .SPH-popular-articles {
        padding: 0 1.5em;
    }
    .search-panel-help .searchbox-con .search-panel-box .icon-con .icon-search {
        padding-top: 0.5rem;
    }
    .search-panel-help .searchbox-con .search-panel-box .input-con input {
        font-size: 1em;
    }
    .EE .select2-container--default .search-feed-autocomplete-dropdown .select2-results__option {
        white-space: normal;
    }
}
.search-results .mobile-slide-cutter-left , .search-results .mobile-slide-cutter {
    z-index: 1
}

@media ( min-width :320px) and (max-width:339px) {
    .SP-desktop-heading-cont h4:first-of-type,
    .search-panel-help .searchbox-con{
        margin-top: 0;
    }
    .help-home-page-new-design .searchbox-con{
        width: 84%;
    }
}

@media ( min-width :768px) and (max-width:1023px) {
    .SP-desktop-heading-cont h4:first-of-type,
    .search-panel-help .searchbox-con{
        margin-top: 0;
    }
}

@media ( min-width :449px) and (max-width:688px) {
    .SP-desktop-heading-cont h4:first-of-type,
    .search-panel-help .searchbox-con{
        margin-top: 0;
    }
    .help-home-page-new-design .searchbox-con {
        width: 50%;
    }
    .help-home-page-new-design .SP-desktop-heading-cont {
        min-height: 60px;
    }
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.search-panel-help .device-search-autocomplete {
    position: relative;
}

.device-search-autocomplete .icon-con {
    padding-right: 1.938rem !important;
}

.device-search-autocomplete .select2-selection__placeholder {
    font-size: 1.250rem;
    color: #3c3d41;
}

.device-search-autocomplete .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 67px;
    padding-left: 1.375rem;
    font-size: 1.250rem;
}

.device-search-autocomplete .select2-selection__arrow,
.device-search-autocomplete .device-feed-input {
    display: none;
}

.EE.device-search-autocomplete .search-feed-autocomplete {
    min-height: 67px;
    background-color: #ffffff;
    border: unset;
    position: relative;
    border-radius: 0;
}

.device-search-autocomplete .select2-search--dropdown {
    outline: 2px dotted #007b85;
    min-height: 67px;
    outline-offset: -3px;
    display: block;
}

.search-panel-help .device-search-autocomplete .icon-con,
.device-search-autocomplete .search-feed-autocomplete-dropdown .icon-con-auto {
    position: absolute;
    top: 0;
    z-index: 1200;
    right: -9px;
}

.device-search-autocomplete .search-feed-autocomplete-dropdown {
    background-color: #fff;
    border: none;
    border-radius: 0px;
    margin-top: -68px;
    min-height: 67px;
    margin-left: -1px;
}

.device-search-autocomplete .search-feed-autocomplete-dropdown.select2-drop-above {
    border-top: solid 1px #d8d8d9;
    margin-top: 38px;
}

.device-search-autocomplete .search-feed-autocomplete-dropdown .select2-search {
    padding: 0;
    margin: 0;
    height: 39px;
}

.device-search-autocomplete .search-feed-autocomplete-dropdown .select2-search input {
    border: none;
    margin: 0 0 0 0;
    padding: 0;
    padding-left: 12px;
    outline-offset: 2px;
    font-family: Rubrik, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.5;
    color: #3c3d41;
}
.device-search-autocomplete .search-feed-autocomplete-dropdown .select2-results {
    margin: 0;
    padding: 0;
    background: #fff;
}

.device-search-autocomplete .search-feed-autocomplete-dropdown .select2-results .select2-results__option.select2-results__message {
    padding: 0px;
    min-height: 0px;
}

.device-search-autocomplete .search-feed-autocomplete-dropdown .select2-results .select2-result-label,
.device-search-autocomplete .search-feed-autocomplete-dropdown .select2-results .select2-results__option {
    padding: 10px 10px 10px 2.063em;
    min-height: 45px;
    width: 100%;
}

.device-search-autocomplete .search-feed-autocomplete-dropdown .select2-search-no-matches {
    width: 100%;
}

.device-search-autocomplete .search-feed-noresults {
    float: left;
    padding: 1.250rem;
    width: 100%;
}

.device-search-autocomplete .search-feed-autocomplete-dropdown .select2-results .search-feed-device {
    font-size: 1.0625em;
    color: #3c3d41;
    font-family: Rubrik, Arial, sans-serif;
}

.device-search-autocomplete .search-feed-autocomplete-dropdown .select2-results .search-feed-country .select2-match,
.device-search-autocomplete .search-feed-autocomplete-dropdown .select2-results .select2-rendered__match {
    font-weight: 600;
    text-decoration: none;
}

.device-search-autocomplete .device-feed-input {
    float: left;
    width:100%;
    padding: 0;
    margin: 0;
    min-height: 38px;
}

.EE.device-search-autocomplete .select2-selection--single:focus {
    outline: 2px dotted #007b85;
    outline-offset: -0.125rem;
}

.device-search-autocomplete .select2-choice {
    display: block;
    height: 38px;
    overflow: hidden;
    position: relative;
    line-height: 38px;
    color: rgba(60, 61, 65, 0.6);
    text-decoration: none;
    background-image: none !important;
    font-family: Rubrik, Arial, sans-serif;
    border: none;
    background: transparent;
    box-shadow: none;
}

.device-search-autocomplete .device-feed-input .select2-choice abbr ,
.device-search-autocomplete .device-feed-input .select2-choice div {
    display: none !important;
}

.device-search-autocomplete .device-feed-input-ss {
    float: left;
    width:91%;
    padding: 0;
    margin: 0;
    border: none;
    height: 38px;
    font-size: 1.0625em;
    color: rgba(60, 61, 65, 0.6);
    background-color: #f4f4f4;
    padding-left: 12px;
    border-right: 1px solid;
}

.device-search-autocomplete .select2-choice:focus{
    outline: none;
}

.device-search-autocomplete .search-feed-autocomplete.select2-container-active .select2-default {
    border: 1px solid #007B85;
    display: block;
    border-radius: 0px;
}

.device-search-autocomplete .select2-container--default .select2-results > .select2-results__options {
    overflow-y: inherit;
}

.device-search-autocomplete .search-feed-noresults p,
.device-search-autocomplete .search-feed-noresults {
    color: #3c3d41 !important;
    float: left;
    text-align: left;
    font-size: 1.063rem;
    font-weight: normal;
}

.search-panel-help .device-search-autocomplete .search-feed-noresults a {
    color: #007b85;
    font-weight: 600;
}

.device-search-autocomplete .select2-search__field::-ms-clear {
    display: none;
}

.device-search-autocomplete .search-feed-noresults p {
    padding-left: 0.938rem;
    margin-top: 0;
}

.EE.device-search-autocomplete .select2-container {
    background: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(60, 61, 65, 0.35);
    border: solid 1px #a9a9a9;
    margin-top: -1px;
    width: 100% !important;
}

.device-search-autocomplete .input-con__error-msg {
    border: solid 1px #d8d8d9;
    padding: 10px 10px 10px 13px;
    width: 100%;
    font-size: 1.0625em;
    font-weight: 600;
    line-height: 1.47;
    color: #3c3d41;
    background-color: #ffffff;
    position: absolute;
    top: 39px;
    z-index: 999;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.device-search-autocomplete .search-feed-focus {
    outline: 2px dotted #007b85;
    outline-offset: -3px;
}

.device-search-autocomplete .select2-container .select2-results {
    height: auto;
    overflow: auto;
}
.device-search-autocomplete .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f4f4f4;
}

.EE.device-search-autocomplete .select2-container .select2-results {
    width: 100%;
}

.EE.device-search-autocomplete .select2-container--default .select2-selection--single {
    height: 0;
}

.EE.device-search-autocomplete .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 67px;
}

.EE.device-search-autocomplete input {
    background-color: #ffffff;
}

.search-panel-help .searchbox-con .search-panel-box .input-con.EE input {
    margin-left: 3px;
    height: 61px;
    top: 3px;
}

.EE.device-search-autocomplete .select2-results__option {
    line-height: 28px;
    border-top: none;
}

.EE.device-search-autocomplete .select2-container--default .select2-selection--single:focus {
    border: unset;
}

.EE.device-search-autocomplete .select2-container--default .select2-selection--single {
    background-color: #ffffff;
}

.EE.device-search-autocomplete .select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
}

.EE.device-search-autocomplete .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.EE.device-search-autocomplete .select2-container--default .select2-selection--single {
    border: unset;
}

@media ( max-width : 64em) {
    .device-search-autocomplete .select2-selection__placeholder {
        font-size: 1.125rem;
    }
    .device-search-autocomplete .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 1.125rem;
    }
}

@media ( max-width : 47.938em) { /* 767px */
    .EE.device-search-autocomplete .search-feed-autocomplete,
    .device-search-autocomplete .select2-search--dropdown {
        min-height: 3.125rem;
    }
    .device-search-autocomplete .select2-selection__placeholder {
        font-size: 1rem;
    }
    .device-search-autocomplete .icon-con {
        right: -0.313rem;
        padding-right: 1.313rem !important;
    }
    .device-search-autocomplete .search-feed-autocomplete-dropdown {
        margin-top: -3.188rem;
        min-height: 3.125rem;
    }
    .EE.device-search-autocomplete .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 3.125rem;
        padding-left: 0.875rem;
        font-size: 1rem;
    }
    .search-panel-help .search-feed-noresults p,
    .device-search-autocomplete .search-feed-noresults {
        padding-left: 0;
    }
    .device-search-autocomplete .select2-results__option {
        padding-left: 0.938rem !important;
    }
    .EE.device-search-autocomplete .select2-container--default .select2-selection--single {
        padding: 0;
    }
    .search-panel-help .searchbox-con .search-panel-box .input-con.EE.device-search-autocomplete input {
        height: 44px;
    }
}

@media ( min-width :320px) and (max-width:339px) {
    .device-search-autocomplete .search-feed-autocomplete,
    .device-search-autocomplete .select2-search--dropdown {
        min-height: 3.125rem;
    }
    .device-search-autocomplete .select2-selection__placeholder {
        font-size: 1rem;
    }
    .device-search-autocomplete .icon-con {
        right: -0.313rem;
        padding-right: 1.313rem !important;
    }
    .device-search-autocomplete .search-feed-autocomplete-dropdown {
        margin-top: -3.188rem;
        min-height: 3.125rem;
    }
    .device-search-autocomplete .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 3.125rem;
        padding-left: 0.875rem;
    }
    .device-search-autocomplete .search-feed-noresults {
        padding-left: 0;
    }
}

@media ( min-width :768px) and (max-width:1023px) {
    .EE.device-search-autocomplete .search-feed-autocomplete,
    .device-search-autocomplete .select2-search--dropdown {
        min-height: 3.125rem;
    }
    .device-search-autocomplete .select2-selection__placeholder {
        font-size: 1.125rem;
    }
    .device-search-autocomplete .icon-con {
        right: -0.313rem;
        padding-right: 1.438rem !important;
    }
    .device-search-autocomplete .search-feed-autocomplete-dropdown {
        margin-top: -3.188rem;
        min-height: 3.125rem;
    }
    .device-search-autocomplete .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 3.125rem;
        padding-left: 0.875rem;
        font-size: 1.125rem;
    }
    .EE.device-search-autocomplete .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 50px;
	}
    .search-panel-help .searchbox-con .search-panel-box .input-con.EE input {
        height: 44px;
    }
}

@media ( min-width :449px) and (max-width:688px) {
    .device-search-autocomplete .search-feed-autocomplete,
    .device-search-autocomplete .select2-search--dropdown {
        min-height: 3.125rem;
    }
    .device-search-autocomplete .select2-selection__placeholder {
        font-size: 1rem;
    }
    .device-search-autocomplete .icon-con {
        right: -0.313rem;
        padding-right: 1.313rem !important;
    }
    .device-search-autocomplete .search-feed-autocomplete-dropdown {
        margin-top: -3.188rem;
        min-height: 3.125rem;
    }
    .device-search-autocomplete .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 3.125rem;
        padding-left: 0.875rem;
    }
    .device-search-autocomplete .search-feed-noresults {
        padding-left: 0;
    }
}
.searchbox-con-bg-variant-two .searchbox-con{
    margin-top: 10px;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.search-results-wrapper .search-panel-banner-inputcon {
	left: 0;
	right: 0;
	position: absolute;
}

.search-panel-banner .SP-desktop-heading-cont .search-panel-mobile-heading {
	margin : 0px;
}

@media ( min-width: 320px) and ( max-width: 767px) {
	.search-results-wrapper .search-panel-banner-imgcon-img {
		overflow: hidden;
		background: #009c9c;
	}
	.search-results-wrapper .search-panel-banner.theme-aqua {
		height: 25vw;
	}
.search-results-wrapper .SP-desktop-heading-cont {
	min-height: 0px;
}
}
@media ( min-width: 1024px) {
	.search-results-wrapper.search-panel-help .search-panel-banner.theme-aqua {
		height: 300px;
	}
}
@media (max-width: 1024px), (max-width: 1366px) and (orientation: landscape) {
	.search-results-wrapper .touch .search-panel-help .search-panel-desktop-heading {
		display: none;
	}
	.search-results-wrapper .touch .search-panel-help .SP-desktop-heading-cont h4 {
		margin-top: 0;
	}
	.search-results-wrapper .touch .search-panel-help .SP-desktop-heading-cont h4.search-panel-desktop-subheading, .search-results-wrapper .touch .search-panel-help .SP-desktop-heading-cont h4.search-panel-mobile-subheading {
		margin-bottom: 1rem;
	}
}
@media (max-width:320px) and (orientation: portrait) {
	.search-results-wrapper.search-panel-help .searchbox-con .search-panel-box {
		height: 45px;
	}
	.search-results-wrapper.search-panel-help .searchbox-con .search-panel-box .input-con input {
		height: 42px;
	}
	.search-results-wrapper.search-panel-help .searchbox-con .search-panel-box .icon-con {
		padding-right: 0.5em;
		line-height: 2.5em;
	}
}
@media (min-width:320px) and (max-width:767px) {
    .search-results-wrapper .search-panel-banner-inputcon.transform-to-center {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%;
	}
	.search-results-wrapper.search-panel-help .searchbox-con {
         margin-top: 0;
	}
}

@media (min-width:320px) and (max-width:767px) and (orientation: portrait) {
	.search-results-wrapper .search-panel-banner.theme-aqua,
	.search-results-wrapper .search-panel-banner-imgcon-img {
		height: 45vw;
	}
	.search-results-wrapper .search-panel-banner-imgcon {
		min-height: 45vw;
	}
}
@media (min-width:320px) and (max-width:767px) and (orientation: landscape) {
	.search-results-wrapper .search-panel-banner.theme-aqua,
	.search-results-wrapper .search-panel-banner-imgcon-img {
		height: 30vw;
	}
	.search-results-wrapper .search-panel-banner-imgcon {
		min-height: 30vw;
	}
}
@media (min-width:736px) and (max-width:767px) and (orientation: landscape) {
	.search-results-wrapper .search-panel-banner.theme-aqua,
	.search-results-wrapper .search-panel-banner-imgcon-img {
		height: 25vw
	}
	.search-results-wrapper .search-panel-banner-imgcon {
		min-height: 25vw;
	}
}
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3)  and (orientation: landscape) {
	.search-panel-help .search-panel-mobile-heading, .search-panel-help .search-panel-mobile-subheading {
		display: block;
	}
	.search-panel-help .search-panel-desktop-heading, .search-panel-help .search-panel-desktop-subheading {
		display: none;
	}
	.search-results-wrapper .search-panel-banner.theme-aqua,
    .search-results-wrapper .search-panel-banner-imgcon-img {
		height: 25vw;
	}
	.search-results-wrapper .search-panel-banner-imgcon {
		min-height: 25vw;
	}
	.search-results-wrapper .search-panel-banner.theme-aqua {
		height: 25vw;
	}
}
.SP__internationalHub .searchChangeText {
    float: right;
    font-size: 1.063rem;
    font-weight: 600;
    position: relative;
    right: -1.563rem;
}

.SP__internationalHub .searchChangeText:hover {
    color: #005a61 !important;
}

.SP__internationalHub .select2-selection__rendered {
    font-size: 1.063rem;
    color: #3c3d41;
}

.SP__countryDialCode--text {
    font-size: 1.063rem;
    text-align: center;
    margin-top: 0.875rem;
}

.SP__countryDialCode--number {
    font-weight: 600;
    display: inline-block;
}

.SP__internationalHub .EE a {
    border-bottom: none;
}

.SP__internationalHub .EE a:hover {
    color: #005a61;
    border-bottom: none;
}

.SP_countryName {
    font-weight: 600;
}

.search-panel .SP__internationalHub .search-panel-mobile-heading {
	font-size: 2.250rem;
}

.SP__internationalHub .EE .select2-container .select2-selection--single .select2-selection__rendered {
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media ( max-width : 47.938em) {
    .SP__internationalHub .searchChangeText {
        right: -1.313rem;
    }
}
@media ( min-width : 24em) and ( max-width : 47em) {
    .SP__internationalHub .search-panel-banner-imgcon-img {
        height: 265px;
    }
    .search-panel-help .search-panel-banner-imgcon {
        padding: 1rem;
    }
}

@media ( min-width : 48em) and (max-width : 64em) {
    .SP__countryDialCode--text {
        margin-top: 0.5rem;
    }
    .SP__internationalHub .search-panel-banner-imgcon-img {
        height: 260px;
    }
    .search-panel-help .search-panel-banner-imgcon {
        padding: 1rem;
    }
}

@media ( min-width : 47em) and ( max-width : 50.750em) {
    .SP__internationalHub .search-panel-banner-imgcon-img {
        height: 250px;
    }
}

/* For iPad portrait layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .search-panel-help .search-panel-banner.SP__internationalHub {
        height: 250px;
    }
}

/* For iPad landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .search-panel-help .search-panel-banner.SP__internationalHub {
        height: 260px;
    }
}

/* For iPad Pro portrait layouts only */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .search-panel-help .search-panel-banner.SP__internationalHub {
        height: 260px;
    }
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2021. All rights reserved.
 */

.accordion .h2, .accordion .expandable__module-heading {
    font-family: Rubrik, Arial, sans-serif;
    color: #6d6e71;
    text-transform: none;
}

.accordion .expandable__module-heading,
.accordion .inverse-color .expandable__panel-header{
    color: #6d6e71;
}

.accordion .inverse-color .expandable__panel-header:hover{
    color:#3c3d41;

}

.accordion .expandable__panel-header,
.accordion .inverse-color .expandable__module-heading{
    color: #007B85;
}
.accordion .expandable__panel-header:hover{
    color:#005a61;
}

.accordion .expandable__module-header.accordion__module-header {
    padding-left: 15px;
}

.accordion .expandable__panel-container.accordion__panel-container .accordion-item {
    border-bottom: 1px solid #D8D8D9;
}

.accordion .expandable__panel-container.accordion__panel-container li:first-of-type.accordion-item {
    border-top: 1px solid #D8D8D9;
}

.accordion .accordion-item .expandable__panel-header.accordion__panel-header.expandable__panel--open {
    border-bottom: 1px solid #D8D8D9;
}

.accordion .accordion-item .expandable__panel-header.accordion__panel-header,
.accordion .accordion-item .expandable__panel.accordion__panel {
    border: none;
}

.accordion .accordion-item .expandable__panel.accordion__panel > div {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 1rem;
}

.accordion .expandable__panel-container.accordion__panel-container .accordion-item {
    border-top: none;
}

.accordion-item.aem-GridColumn.aem-GridColumn--default--12::before {
    display:none;
}

.responsivegrid::before {
    display:none;
}

.accordion .expandable__panel-header.accordion__panel-header .accordion__panel-title {
    margin-left: 18px;
    display: block;
}

@media (min-width: 320px) and (max-width: 767px){
	ul{
		padding-left:1em;
	  }
table {
		width: 100%;
		table-layout:fixed;
}
}
@media (min-width: 960px){
	.aem-Grid .aem-Grid--12 .aem-Grid--default--12 {
	margin-left: 18px;
}
}

.accordion .expandable__panel-header.accordion__panel-header .expandable__icon {
    margin-right: 12px;
}

.accordion .accordion.module {
    margin: 1em 0;
}

.accordion__module-header {
    padding: 1em;
}

@media (min-width: 75em) {
  .accordion__module-header {
      padding: 2em;
  }
}

.accordion__module-heading {
    margin: 0;
}

.accordion__panel-container {
    margin: 0 0 .5em;
    padding: 1em;
    padding-top: 0 !important;
    padding-right: 0;
    padding-left: 0;
}

ul.accordion__panel-container {
    list-style-type: none;
}

.accordion__panel-header {
    margin: 0;
    padding: .8em 0;
}

.accordion__panel-header .accordion__icon {
    float: right;
}

.no-js .accordion__panel-header .accordion__icon {
    display: none;
}

.accordion__icon--open {
    display: none;
}

.accordion__panel {
    margin: 0;
    border-bottom: 0;
}

@media (min-width: 60em) {
    .accordion__panel > div {
    max-width: 91.66667%;
    }
    .brand-new-theme .accordion__panel > div {
        max-width: 100%;
    }
}

.js .accordion__panel-header {
    cursor: pointer;
}

.js .accordion__panel-header,
.js .accordion__panel {
    overflow: hidden;
}

.brand-new-theme.theme-container > .container {
    background-color: #ffffff;
}

.brand-new-theme .accordion__panel-container {
    margin-bottom: 0;
    padding: .5em .5em 0 .5em;
}

@media (min-width: 45em) {
    .brand-new-theme .accordion__panel-container {
        padding: .75em .75em 0 .75em;
    }
}

.js .brand-new-theme .accordion__panel-header {
    overflow: hidden;
    border-top: 1px solid #d8d8d9;
    border-bottom: none;
}

.js .dotted-line-theme .accordion__panel-header {
    border-top: 1px dotted #6d6e71;
    border-bottom: none;
}

.js .brand-new-theme .accordion-item:last-child .accordion__panel-header {
    border-bottom: 1px solid #d8d8d9;
}

.js .brand-new-theme .accordion-item:last-child .expandable__panel--open {
    border-bottom: none;
}

.js .brand-new-theme .accordion__panel {
    border-bottom: none;
    padding-bottom: 0;
}

.js .brand-new-theme .accordion__panel > div {
    padding-left: 0;
}

.js .accordion__panel--open,
.js .accordion__panel--active {
    border-bottom: none;
}

.js .accordion__panel--open .accordion__icon--closed {
    display: none;
}

.js .accordion__panel--open .accordion__icon--open {
    display: inline;
}

.js .accordion__panel {
    display: none;
    padding-bottom: 1.5em;
}

@media (min-width: 35em) {
    .js .accordion__panel > div {
        padding-left: 2.8em;
    }
}

@media (min-width: 50em) {
    .js .accordion__panel > div {
        padding-left: 3.1em;
    }
}

.accordion .fullwidth {
    max-width: 100%;
}

.accordion .nomargin {
    margin: 0;
}

.accordion a {
    color: inherit;
    text-decoration: none;
    border-bottom: thin dotted #000;
}

.accordion a:hover {
    color: #000;
    border-bottom: thin solid #000;
}

.cq-wcm-edit .accordion__panel-header, .accordion__panel-header.edit-mode {
    border-bottom: none;
}

.cq-wcm-edit .accordion__panel-header .accordion__icon--closed, .accordion__panel-header.edit-mode .accordion__icon--closed {
    display: none;
}

.cq-wcm-edit .accordion__panel-header .accordion__icon--open, .accordion__panel-header.edit-mode .accordion__icon--open {
    display: inline;
}

.cq-wcm-edit .accordion__panel, .accordion__panel.edit-mode {
    display: block !important;
}

.accordion__panel-header:focus {
    outline: 2px dotted;
}

.theme-aqua .accordion .inherited-theme .accordion__module-heading {
    color: #ffe600;
}

.theme-grey .accordion .inherited-theme .accordion__module-heading {
    color: #ffe600;
}

.theme-ivory .accordion .inherited-theme .accordion__module-heading {
    color: #007b85;
}

.theme-yellow .accordion .inherited-theme .accordion__module-heading {
    color: #007b85;
}

.theme-aqua .accordion .inherited-theme .expandable__panel-header {
    color: #ffe600;
}

.theme-grey .accordion .inherited-theme .expandable__panel-header {
    color: #ffe600;
}

.theme-aqua .accordion .inherited-theme .expandable__panel-header:hover {
    color: #F5D500;
}

.theme-grey .accordion .inherited-theme .expandable__panel-header:hover {
    color: #F5D500;
}

.theme-aqua .accordion .inherited-theme a:hover {
    color: #F5D500;
}

.theme-grey .accordion .inherited-theme a:hover {
    color: #F5D500;
}

.dotted-line-theme .expandable__module-heading {
    padding-bottom: 20px;
    border-bottom: 1px dotted #007b85;
}

/* CSS for the new FAQ Variant Starts*/

.accordion-faq .expandable__panel-header.accordion__panel-header .expandable__icon {
    margin-right: 0;
}

.accordion-faq .accordion-item .expandable__panel.accordion__panel > div {
    padding-left: 1rem;
    max-width: 100%;
}

.accordion-faq .accordion-item .expandable__panel.accordion__panel .nopadding {
    padding: 1rem 0 0 1rem !important;
}

.accordion-faq .expandable__panel-container {
    padding: 0;
}

.accordion-faq .expandable__panel-header {
    padding: .8em 0;
}

.accordion-faq .expandable__module-header.accordion__module-header {
    padding: 1em 1em 1em 0;
}

.accordion-faq .expandable__panel-header.accordion__panel-header .accordion__panel-title {
    font-size: 1.063rem;
    margin-left: 0;
}

.accordion-faq .accordion__module-heading {
    font-size: 1.529em;
    line-height: 1.23;
    color: #3c3d41;
}

/* CSS for the new FAQ Variant Ends*/
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

/* ==========================================================================
   Intro banner
   ========================================================================== */
.ee-intro-banner {
  display: none;
  line-height: 1.25;
  color: #d4d3cf;
  background: black;
}
.ee-intro-banner > .container {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.lt-ie9 .ee-intro-banner > .container {
  max-width: 79.375em;
}
.ee-intro-banner a {
  color: white;
  font-weight: bold;
}
.ee-intro-banner p {
  margin: .5em 0;
}

.ee-intro-banner--active {
  display: block !important;
}

.ee-intro-banner__brand {
  display: inline-block;
}
.ee-intro-banner__brand + .ee-intro-banner__brand {
  margin-left: .25em;
}
.backgroundsize .ee-intro-banner__brand.ee-bgimg-orange-logo {
  width: 32px;
  height: 32px;
  background-position: 0 0px;
  background-size: 158px auto;
}
.backgroundsize .ee-intro-banner__brand.ee-bgimg-tmobile-logo {
  width: 32px;
  height: 32px;
  background-position: 0 -158px;
  background-size: 158px auto;
}

.ee-intro-banner__heading {
  font-weight: bold;
  font-size: 1.14286em;
  color: white;
}

.ee-intro-banner__consent a {
  color: white;
}

.ee-intro-banner__close {
  position: absolute;
  top: .125em;
  right: -.125em;
  cursor: pointer;
  font-size: 2.5em;
}

.eed-off-canvas__smartapp-banner {
    margin-top: 85px;
}

@media (min-width: 45em) {
  .ee-intro-banner {
    font-family: Rubrik, Arial, sans-serif;
    font-weight: bold;
  }

  .ee-intro-banner-brands {
    position: absolute;
    top: .75em;
    left: 0;
  }

  .ee-intro-banner-content-web {
    margin: 0 3em;
  }
  .ee-intro-banner-content-web :first-child {
    margin-top: 0;
  }

  .ee-intro-banner__brand {
    display: block;
  }
  .ee-intro-banner__brand + .ee-intro-banner__brand {
    margin: .5em 0 0;
  }

  .ee-intro-banner__heading {
    font-weight: normal;
    font-size: 1.5em;
  }
  .ee-intro-banner__heading + p {
    margin: -.5em 0 1.5em;
  }

  .ee-intro-banner__consent {
    font-weight: normal;
  }
  .ee-intro-banner__consent a {
    text-decoration: underline;
  }
}
@media (min-width: 60em) {
  .ee-intro-banner__consent {
    position: absolute;
    right: 0;
    bottom: .75em;
  }
}
@media print {
  .ee-intro-banner {
    display: none;
  }
}

.ee-intro-banner__consent {
    position: relative;
    padding-top: 10px;
}

.ee-intro-banner__learn-more {
    text-align: right;
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.heading h1, .heading .h1,
.heading h2, .heading .h2,
.heading h3, .heading .h3,
.heading h4, .heading .h4 {
  margin: 0;
  font-weight: normal;
}
.heading .text-light {
  font-weight: 100;
}
.heading .text-bold {
  font-weight: bold;
}
.heading h1.text-bold, .heading .h1.text-bold,
.heading h2.text-bold, .heading .h2.text-bold {
  font-weight: normal;
}

.heading__main + .heading__sub {
  margin-top: .5em;
}

.heading-container {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0;
  text-align: center;
}

.heading .heading-component-container .heading-container{
    padding-left: .5em;
    padding-right: .5em;
}

.heading .heading-component-container .heading-container--no-top-margin{
    padding-left: .5em;
    padding-right: .5em;
}

.heading-container--no-top-margin{
  margin-bottom: 1em;
  padding: 0;
  text-align: center;
}

.heading-container--text-left {
  text-align: left;
}

.heading-container--text-center {
  text-align: center;
}

.heading-container--text-right {
  text-align: right;
}

.heading-component-container .theme-aqua a:hover {
  color: #F5D500;
}
.heading-component-container .theme-grey a:hover {
    color: #F5D500;
}
.heading-component-container  a:hover {
  color:#005a61;
}

.text-regular {
  font-weight: normal;
}

@media (min-width: 45em) {
  .heading-container {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .heading-container--no-top-margin{
    margin-bottom: 2em;
  }
}

.underlined-link:hover {
    border-bottom: 2px solid !important;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

@media (max-width: 44.9375em) {
  .breadcrumb.module {
    display: none;
  }
}
@media (min-width: 45em) {
  .breadcrumb.module {
    margin: 0;
  }

  .breadcrumb > .container {
    color: #3c3d41;
    background-color: #e8e6e3;
  }

  .breadcrumb-item-container {
    margin: 0;
  }

  .breadcrumb__item {
    display: inline-block;
    font-size: 0.875em;
  }
  .breadcrumb__item:before {
    content: ">";
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.66667em;
    margin-right: 0.88889em;
    font-size: 1.125em;
    font-family: Rubrik, Arial, sans-serif;
    color: #007B85;
  }
  .breadcrumb__item:first-child:before {
    display: none;
  }
  .breadcrumb__item > a {
    color: inherit;
  }
  .breadcrumb__item > a:hover {
    text-decoration: underline;
  }
  .breadcrumb__item > span {
    font-weight: bold;
  }

  .breadcrumb__item--cut:after {
    content: "\2026";
    display: inline-block;
  }
  .breadcrumb__item--cut > a {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .breadcrumb__item--cut > a:active, .breadcrumb__item--cut > a:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.breadcrumb.module {
    margin: 0;
    background-color: #ffffff;
    border-bottom: solid 1px #d8d8d9;
    display: block;
}
.breadcrumb__editmode ul li{
	float: left;
}

.breadcrumb-item-container {
    margin: 0;
}
.breadcrumb__item {
    display: inline-block;
    font-size: 1rem;
    color: #111;
}
.breadcrumb__item:before {
    content: ">";
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.66667em;
    margin-right: 0.88889em;
    font-size: 0.75em;
    color: #a9a9a9;
}
.breadcrumb__item:first-child:before {
    display: none;
}
.breadcrumb__item > a {
    font-size: 1rem;
    cursor: pointer;
    color: #111;
}
.breadcrumb-item-container .breadcrumb__item > a:focus-visible {
	outline: 3px solid #111;
}
.breadcrumb-item-container a:focus {
	outline: none;
}
.breadcrumb-item-container .breadcrumb__item > a:hover {
	text-decoration: underline;
	color: #111;
}
.breadcrumb__item > span {
    font-weight: normal;
}
.breadcrumb__container {
    display: block;
    width: 100%;
    background: white !important;
    position: relative;
    z-index: 22;
    top: 0;
    overflow: hidden;
    margin: 0 auto;
    padding:1em 0;
    color: #111;
}
.breadcrumb ul {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.breadcrumb ul::-webkit-scrollbar {
  display: none;
}

.breadcrumb__container::-webkit-scrollbar {
    display: none; 
}
.breadcrumb ul {
    margin: 0;
    padding: 0 0 0 2px;
    white-space: nowrap;
    overflow: scroll;
    overflow-y: hidden;
}
.breadcrumb ul li {
    list-style: none;
    margin:0;
    display: inline-block;
    pointer-events: all;
    margin-top: 1px;
    margin-bottom: 1px;
}

.breadcrumb  .breadcrumb__blur--left {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 75px;
    opacity: 0.5;
    z-index: 999;
    background: #fff;
    display: none;
}

.breadcrumb  .breadcrumb__blur--right {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 75px;
    opacity: 0.5;
    z-index: 999;
    background: #fff;
    display: none;
}

.breadcrumb__item--cut:after {
    content: "\2026";
    display: inline-block;
  }
  .breadcrumb__item--cut > a {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .breadcrumb__item--cut > a:active, .breadcrumb__item--cut > a:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }

@media (max-width: 63.938em) { /* max 1023px */
    .breadcrumb  .breadcrumb__blur--right,
    .breadcrumb  .breadcrumb__blur--left {
        display: block;
    }
    .breadcrumb__item,
    .breadcrumb__item > a {
        font-size: 1.0625rem;
    }
    .breadcrumb ul {
        padding: 0 50px 0 32px;
    }
    .breadcrumb__item > a:hover {
        text-decoration: none;
        color: #005A61;
    }
}

@media (max-width: 47.938em) { /* max 767px */
    .breadcrumb__item,
    .breadcrumb__item > a {
        font-size: 0.875rem;
    }
    .breadcrumb ul {
        padding: 0 50px 0 24px;
    }
}

@media (min-width: 87em) {
    .breadcrumb__container {
        margin: 0 2.5em;
    }
}

@media (min-width: 64em) { /* min 1024px */
    .breadcrumb ul {
        overflow: hidden;
        padding: 0 2.125em;
    }
    .breadcrumb__container {
        overflow: hidden;
    }
    .breadcrumb__item > a:hover {
        text-decoration: none;
        color: #005A61;
    }
}

@media screen and (min-width: 81.25em) { /* min 1300px */
    .breadcrumb ul {
         padding: 0 2px;
    }
}
.content-two-columns-and-icons__icon {
	float: left;
}

.content-two-columns-and-icons__icon img {
	display: block;
}

.content-two-columns-and-icons__content {
	overflow: hidden;
}

.content-two-columns-and-icons__heading {
	margin-top: 0;
	font-weight: normal;
}

.content-two-columns-and-icons__icon {
	margin-right: 0.5em;
	font-size: 2.28571em;
}

.content-two-columns-and-icons__icon span {
	vertical-align: top;
}

@media ( min-width : 35em) {
	.content-two-columns-and-icons .single-item {
		width: 50%;
		float: left;
	}
	.content-two-columns-and-icons__item {
		width: 100%;
		margin-top: 1em;
	}
	.content-two-columns-and-icons__item:nth-of-type(1),
		.content-two-columns-and-icons__item:nth-of-type(2) {
		margin-top: 0;
	}
	.content-two-columns-and-icons__item:nth-of-type(odd) {
		clear: left;
	}
	.lt-ie9 .content-two-columns-and-icons__item.col--odd {
		clear: left;
	}
}

@media ( min-width : 45em) {
	.content-two-columns-and-icons__icon {
		margin-right: .25em;
		font-size: 4em;
        color: #057382;
	}
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

/* ==========================================================================
   Horizontal -- STYLES
   ========================================================================== */
.horizontal-rule {
  height: 10px;
  margin: 0 auto;
  max-width: 1270px;
  position: relative;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}

.eeg-wrapper .horizontal-rule--label .container {
	padding-top: 48px;
	padding-bottom: 47px;
}

@media (min-width: 45em) {
  .horizontal-rule {
    margin-top: 1.5em;
  }
}
@media (min-width: 75em) {
  .horizontal-rule {
    margin-top: 1.5em;
  }
}
@media (min-width: 45em) {
  .horizontal-rule {
    margin-bottom: 1.5em;
  }
}
@media (min-width: 75em) {
  .horizontal-rule {
    margin-bottom: 1.5em;
  }
}

.horizontal-rule__circle {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  background: #007B85;
  color: white;
  display: none;
  font-family: Rubrik, Arial, sans-serif;
  height: 50px;
  margin: 0 auto;
  margin-top: -25px;
  text-align: center;
  width: 50px;
  z-index: 999;
}

.horizontal-rule__divider {
  border-top: 1px solid #6d6e71;
  height: 0;
  width: 100%;
  z-index: 0;
}

.eeg-wrapper .horizontal-rule__divider {
	border-top: 1px solid rgba(216,216,217,0.4);	
}
.horizontal-rule__icon {
  margin: 0;
  font-size: 1.5em;
  line-height: 50px;
}

/* ==========================================================================
   Horizontal -- CUSTOMISATION OPTIONS
   ========================================================================== */
.horizontal-rule--full-width {
  max-width: none;
}

.horizontal-rule--dotted .horizontal-rule__divider {
  border-top: 1px dotted;
}

.horizontal-rule--dashed .horizontal-rule__divider {
  border-top: 1px dashed;
}

.horizontal-rule--no-rule .horizontal-rule__divider {
  display: none;
}

.horizontal-rule--label .horizontal-rule__circle {
  display: block;
}

.horizontal-rule--no-margin {
  margin: 0 auto;
  margin-top: -1em;
  margin-bottom: -1em;
}
@media (min-width: 45em) {
  .horizontal-rule--no-margin {
    margin-top: -1.5em;
  }
}
@media (min-width: 75em) {
  .horizontal-rule--no-margin {
    margin-top: -1.5em;
  }
}
@media (min-width: 45em) {
  .horizontal-rule--no-margin {
    margin-bottom: -1.5em;
  }
}
@media (min-width: 75em) {
  .horizontal-rule--no-margin {
    margin-bottom: -1.5em;
  }
}
.horizontal-rule--no-margin .horizontal-rule__icon {
  line-height: auto;
}

.horizontal-rule--character .horizontal-rule__circle,
.horizontal-rule--icon .horizontal-rule__circle {
  display: block;
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.page-heading.module {
	position: relative;
	margin: 1em 0 0 0;
}

.page-heading__container {
	margin-bottom: 1em;
	padding: 0;
	text-align: center;
}

.page-heading__heading {
	margin: 0;
}

.page-heading__subheading {
	margin: 0;
	font-size: 1.28571em;
	font-family: Rubrik, Arial, sans-serif;
	line-height: 1.25;
	text-transform: none;
	font-weight: normal;
}

.page-heading-promo {
	display: block;
	width: 100%;
	max-width: 125em;
	margin: 0.75em auto 0;
}

.page-heading-promo__image {
	display: block;
	position: relative;
	padding-top: 56.25%;
}

.page-heading-promo__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.page-heading-promo__image--extra-wide {
	padding-top: 28.5625%;
}

.page-heading-promo__image--extra-wide_v2 {
	padding-top: 20.0025%;
}

.promo-content {
	color: white;
	text-align: left;
	padding: 0 18em;
	position: relative;
}

.promo-conten img {
	display: block;
}

.promo-content span {
	margin: 0.5em;
}

.promo-content .pull-center {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.promo-content span.pull-center {
	margin-top: 0.5em;
}

.page-heading-new__heading {
	padding-top: 35px;
	padding-bottom: 25px;
	font-family: Nobblee, Arial, sans-serif;
	font-size: 48px;
	letter-spacing: 0px;
	line-height: 48px;
	color: #6D6E72;
}

.page-heading__container.eeg-wrapper .page-heading-new__heading {
    padding-bottom: 0;
}

.page-heading-new__subheading {
	padding-bottom: 50px;
}

.page-heading-new__subheading p {
	margin-top: 0px;
	font-family: Rubrik, Arial, sans-serif;
	font-size: 18px;
	line-height: 18px;
	color: #6D6E72;
}
.page-heading-text-align-center {
    text-align: center;
}
.page-heading-text-align-left {
    text-align: left;
}
.header-text-padding {
    padding: 24px;
}
.header-text-top-padding {
    padding-top: 24px;
}

.page-heading .module .eeg-wrapper .h1 {
     color: white;
}

@media ( max-width : 47.938em) {
	.header-text-padding {
        padding: 14px;
    }
    .header-text-top-padding {
	    padding-top: 14px;
    }
}
@media ( max-width : 59.9375em) {
	.page-heading-promo__image--extra-wide {
		display: none;
	}
	.page-heading-promo__image--extra-wide_v2 {
		display: none;
	}
	.promo-content {
		display: none;
	}
}

@media ( min-width : 35em) {
	.page-heading__subheading {
		margin: .25em 0 0;
	}
}

@media ( min-width : 60em) {
	.page-heading.module {
		margin: 0;
	}
	.page-heading--text-overlay, .page-heading--text-overlay_v2 {
		margin-top: 0 !important;
	}
	.page-heading__container {
		margin-bottom: 0;
	}
	.page-heading--text-overlay .page-heading__container,
		.page-heading--text-overlay_v2 .page-heading__container {
		position: absolute;
		z-index: 10;
		top: 120px;
		width: 100%;
		max-width: none;
		margin: -1em 0 0;
		background: none;
	}
	.page-heading--text-overlay .page-heading__heading,
		.page-heading--text-overlay_v2 .page-heading__heading {
		font-size: 3em;
		color: white;
		text-shadow: 0 0 12px rgba(0, 0, 0, 0.5), 0 0 32px rgba(0, 0, 0, 0.4);
    	filter: dropshadow(color=#000, offx=3, offy=3);
	}
	.page-heading--text-overlay .page-heading__subheading,
		.page-heading--text-overlay_v2 .page-heading__subheading {
		margin-top: 0;
		padding-left: 5em;
		padding-right: 5em;
		font-size: 1.92857em;
		font-family: Rubrik, Arial, sans-serif;
		line-height: 1;
		color: #ffe600;
		text-shadow: 0 0 12px rgba(0, 0, 0, 0.5), 0 0 32px rgba(0, 0, 0, 0.4);
    	filter: dropshadow(color=#000, offx=3, offy=3);
	}
	.page-heading-promo__image--wide {
		display: none;
	}
	.ie9 .page-heading--text-overlay .page-heading__heading,
		.page-heading--text-overlay_v2 .page-heading__heading {
		font-size: 3em;
		color: white;
		filter: none;
	}
	.ie9 .page-heading--text-overlay .page-heading__subheading,
		.page-heading--text-overlay_v2 .page-heading__subheading {
		margin-top: 0;
		padding-left: 5em;
		padding-right: 5em;
		font-size: 1.92857em;
		font-family: Rubrik, Arial, sans-serif;
		line-height: 1;
		color: #ffe600;
		filter: none;
	}
}

@media ( min-width : 80em) {
	.page-heading--text-overlay .page-heading__heading {
		font-size: 5em;
		text-shadow: 0 0 12px rgba(0, 0, 0, 0.5), 0 0 32px rgba(0, 0, 0, 0.4);
    	filter: dropshadow(color=#000, offx=3, offy=3);
	}
	.page-heading--text-overlay .page-heading__subheading {
		font-size: 3em;
		text-shadow: 0 0 12px rgba(0, 0, 0, 0.5), 0 0 32px rgba(0, 0, 0, 0.4);
    	filter: dropshadow(color=#000, offx=3, offy=3);
	}
	.ie9 .page-heading--text-overlay .page-heading__heading {
		font-size: 5em;
		filter: none;
	}
	.ie9 .page-heading--text-overlay .page-heading__subheading {
		font-size: 3em;
    	filter: none;
	}
}

@media ( min-width : 85em) {
	.page-heading--text-overlay_v2 .page-heading__heading {
		font-size: 5em;
		text-shadow: 0 0 12px rgba(0, 0, 0, 0.5), 0 0 32px rgba(0, 0, 0, 0.4);
    	filter: dropshadow(color=#000, offx=3, offy=3);
	}
	.page-heading--text-overlay_v2 .page-heading__subheading {
		font-size: 3em;
		text-shadow: 0 0 12px rgba(0, 0, 0, 0.5), 0 0 32px rgba(0, 0, 0, 0.4);
    	filter: dropshadow(color=#000, offx=3, offy=3);
	}
	.ie9 .page-heading--text-overlay_v2 .page-heading__heading {
		font-size: 5em;
		filter: none;
	}
	.ie9 .page-heading--text-overlay_v2 .page-heading__subheading {
		font-size: 3em;
		filter: none;
	}
}

@media ( max-width : 44em) {
	.page-heading-par .container.page-heading__container .promo-content,
		.page-heading-par .page-heading-promo {
		display: none;
	}
	.page-heading-new__heading {
		padding-top: 4px;
		padding-bottom: 15px;
		font-family: Nobblee, Arial, sans-serif;
		font-size: 24px;
		color: #6D6E72;
		line-height: 1;
        margin-top: 0px;
	}
	.page-heading-new__subheading {
		padding-bottom: 20px;
	}
	.page-heading-new__subheading p {
		margin-top: 0px;
		font-family: Rubrik, Arial, sans-serif;
		font-size: 14px;
		line-height: 18px;
		color: #6D6E72;
		padding-left: 7px;
		padding-right: 7px;
	}
}

@media ( max-width : 59.99em) {
	.page-heading-promo-original-desktop {
		display: none;
	}
}
.header-text-padding .page-heading__heading, .page-heading-text-align-left .page-heading__subheading {
    padding: 0px;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.quote {
  font-family: Non-Dottee, Arial, sans-serif;
  text-align: center;
}

.quote__main {
  position: relative;
  float: none;
  margin: 0;
}

.quote__main:before {
  content: "\201C";
  display: block;
  margin-bottom: -.25em;
  font-size: 8em;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1;
}

.lt-ie9 .quote__main:before {
  text-align: center;
}

.quote__quote {
  margin: 0;
  font-size: 1.42857em;
  text-align: center;
}

.quote__separator {
  display: inline-block;
  width: 6em;
  margin-top: 2em;
  border-top: 2px solid;
}

.quote-citation__image,
.quote-citation__body {
  display: inline-block;
  vertical-align: top;
}

.quote-citation__image {
  width: 4em;
  height: 4em;
  margin-right: .75em;
}

.quote-citation__image+.quote-citation__body {
  text-align: left;
}

.quote-citation__body {
  overflow: hidden;
}

.quote-citation__author {
  display: block;
  font-weight: bold;
}

.quote-citation__source {
  display: block;
  font-size: 110%;
}

@media (min-width: 45em) {
  .quote__quote {
    font-size: 1.6875em;
  }
}

@media (min-width: 60em) {
  .quote__main {
    max-width: 66.66667%;
    margin: 0 auto;
  }
}

.theme-ivory-background .quote__main:before,
.theme-ivory-background-light .quote__main:before,
.theme-white .quote__main:before {
  color: #d4d3cf;
}

.theme-ivory-background .quote__separator,
.theme-ivory-background-light .quote__separator,
.theme-white .quote__separator {
  border-color: #d4d3cf;
}

@media (min-width: 784px) {
  .EE .quote__quote {
    font-size: 1.6875em !important;
    color: #111;
  }

  .quote__main {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .EE .quote .container {
    width: 90% !important;
  }
}
.theme-ivory-background .quote__main:before {
  font-family: Non-Dottee, Arial, sans-serif;

}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.one-three-column-shout__cta {
  text-align: center;
}
.one-three-column-shout__cta a:after {
  content: ">";
}

.shout__left-container {
  position: relative;
}

.one-three-column-shout__column_container {
	padding: 40px 30px;
	margin: 0.75em 0;
}

.one-three-column-shout__column_container_new {
	padding: 14px 0;	
}

.one-three-column-shout__column_container h6 {
	margin-top: 0;
	font-size: 26px;
    display: inline;
    font-family: Rubrik, Arial, sans-serif;
}

.one-three-column-shout__column_container .one-three-column-shout__header {
    padding-bottom: 12.5px;
	margin-bottom: 12.5px;
	min-height: 56px;
}

.one-three-column-shout__column_container .one-three-column-shout__header_border {
	border-bottom: 1px solid #6d6e71;
}

.column-style-two .one-three-column-shout__header {
	padding-bottom: 0.938em;
	margin-bottom: 0.938em;	
	min-height: 56px;
}

.one-three-column-shout__header h2 {
    color: #3c3d41;
    font-size:2.25rem ;
}

.one-three-column-shout__column_container .one-three-column-shout__header h3 {
    color: #3c3d41;
    font-weight: normal;
    font-size: 1.750rem;
}

.one-three-column-shout__shout .column-style-three {
	box-shadow : 0 2px 4px 0 #d8d8d9;
}

.one-three-column-shout__shout .one-three-column-shout__column_container .column-style-three {
	box-shadow : none;
}

.theme-container .one-three-column-shout__column_container.column-style-three {
	padding:24px;
}

.one-three-column-shout__column_container.column-style-three .icon-with-text__heading {
	padding-left: 16px;
}

.intnl-hub-one-three-column-shout__shout {
	 padding: 0;
     padding-left: 2.625em;
     padding-right: 2.625em;
 }

.one-three-column-shout__column_container .one-three-column-shout__header h3,
.one-three-column-shout__column_container .one-three-column-shout__header h4,
.one-three-column-shout__column_container .one-three-column-shout__header h5,
.one-three-column-shout__column_container .one-three-column-shout__header h6 {
	margin-top: 0;
	display: inline;
}

.theme-container .theme-white .one-three-column-shout__column_container .icon-text-style-two .icon-with-text__heading {
    color: #6D6E71;
}

.theme-container .theme-white .one-three-column-shout__column_container .icon-text-style-two .icon-with-text__icon {
    color: #099;
}

.theme-white .one-three-column-shout__column_container a:hover {
    color: #005A61;
}

.one-three-column-shout .EE .multi-shout-column-container {
    margin: 3rem 1.5rem;
}

.one-three-column-shout .EE .multi-shout-column-container .multi-shout-column-container__item {
    position: relative;
}

.one-three-column-shout .EE .multi-shout-column-container .multi-shout-column-container__item-recommendation {
    position: absolute;
    bottom: 97%;
    left: 1rem;
    border-bottom: .0625rem solid #d8d8d9;
    padding: .25rem .75rem;
}

.edit-mode-text {
   color: #178804;
   margin-bottom: 2rem;
}

.one-three-column-shout .EE .multi-shout-column-container > div[class^="cq-placeholder"]:nth-of-type(odd) {
    display: none;
}

.one-three-column-shout .desktop-only {
    display: block;
}

.one-three-column-shout .desktop-only .icon_text {
    display: flex;
    padding: 15px 0;
}

.one-three-column-shout .desktop-only .icon_text .box1 {
    padding: 0 20px;
}

.one-three-column-shout .mobile-only {
    display: none;
}

.one-three-column-shout.cq-Editable-dom .mobile-only {
    display: block;
}

@media (max-width: 767px) {
    .one-three-column-shout .mobile-only {
        display: block;
    }
    .one-three-column-shout .mobile-only .icon_text {
        display: block;
    }
    .one-three-column-shout .mobile-only .icon_text .box1 {
        padding: 10px 0;
    }
    .one-three-column-shout .desktop-only {
        display: none;
    }
    .one-three-column-shout.cq-Editable-dom .desktop-only {
        display: block;
    }
}

@media (max-width: 900px) and (orientation:landscape) {
    .one-three-column-shout .mobile-only {
        display: block;
    }
    .one-three-column-shout .mobile-only .icon_text {
        display: block;
    }
    .one-three-column-shout .mobile-only .icon_text .box1 {
        padding: 10px 0;
    }
    .one-three-column-shout .desktop-only {
        display: none;
    }
    .one-three-column-shout.cq-Editable-dom .desktop-only {
        display: block;
    }
}

@media (min-width: 40em) and (max-width: 59.9375em) {
  .shout__left-container {
    width: 33.33333%;
  }

  .shout__right-container {
    width: 66.66667%;
    text-align: left;
  }

  .one-three-column-shout__header h2 {
    font-size: 2rem;
   }

   .one-three-column-shout__column_container .one-three-column-shout__header h3 {
     font-size: 1.25rem;
    }
}
@media (min-width: 60em) {
  .one-three-column-shout__shout {
    width: 33.33333%;
  }
  .one-three-column-shout .module {
    margin: 2em 0;
  }
}

@media (max-width: 35em) {
  .one-three-column-shout .no-side-spacing {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
  }

  .one-three-column-shout__header h2 {
    font-size: 1.875rem;
   }

  .one-three-column-shout__column_container .one-three-column-shout__header h3 {
        font-size: 1.500rem;
    }
}

@media (min-width: 35em) and (max-width:45em) {
  .one-three-column-shout .no-side-spacing, .one-three-column-shout .no-side-spacing .col {
	padding-left: 0;
	padding-right: 0;
  }
  .one-three-column-shout__shout {
    padding:16px ;
   }
}

 @media (max-width: 50em) {
   .one-three-column-shout__column_container_new{
        padding: 16px 8px;	
    }
 }

@media (max-width: 1439px) {
  .one-three-column-shout .EE .multi-shout-column-container {
      margin-left: 1rem;
      margin-right: 1rem;
  }
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.two-column-standalone__item,
.two-column-standalone-footer__col {
  margin-bottom: 1em;
}

.two-column-standalone__media {
  display: none;
}

.two-column-standalone-footer {
  clear: both;
}

@media (min-width: 45em) {
  .two-column-standalone__item,
  .two-column-standalone-footer__col {
    margin-bottom: 1.5em;
  }
}
@media (min-width: 60em) {
  .two-column-standalone-footer {
    position: relative;
  }
  .two-column-standalone-footer .cta-group {
    margin-top: 0;
  }

  .two-column-standalone__media {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .two-column-standalone__item,
  .two-column-standalone-footer__col {
    float: left;
    width: 50%;
  }

  .two-column-standalone-footer__col {
    margin-bottom: 0;
  }

  .two-column-standalone__item--odd,
  .two-column-standalone-footer__col:first-child {
    clear: left;
    padding-right: 0.75em;
    padding-left: 0;
  }

  .two-column-standalone__item--even,
  .two-column-standalone-footer__col {
    padding-right: 0;
    padding-left: 0.75em;
  }

  .two-column-standalone-footer--image-first .two-column-standalone__media {
    left: 0;
  }
  .two-column-standalone-footer--image-first .two-column-standalone-footer__col {
    padding-right: 0.75em;
    padding-left: 0;
  }
  .two-column-standalone-footer--image-first .two-column-standalone-footer__col:first-child {
    float: right;
    padding-right: 0;
    padding-left: 0.75em;
  }
}
@media (min-width: 75em) {
  .two-column-standalone__item {
    margin-bottom: 1.5em;
  }

  .two-column-standalone__item--odd,
  .two-column-standalone-footer__col:first-child {
    padding-right: 0.75em;
  }

  .two-column-standalone__item--even,
  .two-column-standalone-footer__col {
    padding-left: 0.75em;
  }

  .two-column-standalone-footer--image-first .two-column-standalone-footer__col {
    padding-right: 0.75em;
  }
  .two-column-standalone-footer--image-first .two-column-standalone-footer__col:first-child {
    padding-left: 0.75em;
  }
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.four-column-features__header {
    text-align: center;
}
.four-column-features__header h3, .four-column-features__container h3 {
  color: #6d6e71;
}
.four-column-features__media {
    position: relative;
}

.parsys_column .four-column-features__feature {
width:100%
}

.four-column-features__feature>a{
    display: block;
}

.four-column-features__feature h3 {
    text-align: center;
}
.four-column-features__feature p:last-child {
    margin-bottom: 0;
}

.tight  .four-column-features__feature{
    width: 50%;
}
.four-column-features__feature .feature-icon {
    text-align: center
}
.four-column-features__feature .feature-icon span{
    font-size: 9.3em;
}
@media (min-width: 35em) {
    .four-column-features__feature {
        width: 50%;
    }
    .parsys_column .four-column-features__feature {
width:100%
}
    .four-column-features__feature .feature-icon span{
        font-size: 10.3em;
    }
}
@media (min-width: 60em) {
    .four-column-features__feature {
        width: 25%;
    }
    .parsys_column .four-column-features__feature {
width:100%
}
    .four-column-features__feature .feature-icon span{
        font-size: 9.3em;
    }
}
@media (max-width: 59.9375em) {
    .four-column-features__container:not(.tight) > .four-column-features__feature:nth-child(3){
        clear:left;
    }
}

@media (min-width: 45em) {
    .tight  .four-column-features__feature{
        width: 25%;
    }
}
@media (max-width: 44.9375em) {
    .tight.four-column-features__container > .four-column-features__feature:nth-child(3){
        clear:left;
    }
}

.four-column-features__header h3.yellow {
    color: #ffe600;
}

.four-column-features__header h3.aqua,.four-column-features__container a h3 .theme-white .four-column-features__container a h3, .theme-ivory .four-column-features__container a h3,.theme-yellow .four-column-features__container a h3,.theme-default .four-column-features__container a h3,.theme-ivory-background-light .four-column-features__container a h3,.four-column-features__container a h3  {
    color: #007B85;
}

.four-column-features__header h3.grey {
    color: #6d6e71;
}

.four-column-features__header h3.white {
    color: #ffffff;
}

.theme-aqua h3, .theme-grey h3 {
    color: #ffffff;
}

.four-column-features__header h3.white,.theme-aqua .four-column-features__container a h3,.theme-aqua .four-column-features__container  h3,.theme-grey .four-column-features__container a h3,.theme-grey .four-column-features__container  h3 {
    color: #ffffff;
}

.four-column-features__feature a.cta-group__link.icon-link:after ,.four-column-features__feature a.cta-group__link.icon-link h3.cta-group__link:after {
    content:"";
    display:none;
}

.four-column-features__feature a.cta-group__link:hover {
    border-bottom: 0 !important
}
.theme-default .four-column-features__feature  a:hover .single-column-features__header,.theme-ivory .four-column-features__feature  a:hover .single-column-features__header,
.theme-white .four-column-features__feature  a:hover .single-column-features__header,.theme-yellow .four-column-features__feature  a:hover .single-column-features__header ,
.theme-ivory-background-light .four-column-features__feature  a:hover .single-column-features__header, .theme-ivory-background .four-column-features__feature  a:hover .single-column-features__header,
.theme-ivory-background-light .four-column-features__feature  a:hover .feature-icon, .theme-ivory-background .four-column-features__feature  a:hover .feature-icon,.four-column-features__container a:hover h3{
    color:#005a61;
}
.theme-aqua .four-column-features__feature  a:hover .single-column-features__header ,.theme-grey .four-column-features__feature  a:hover .single-column-features__header {
  color: #ffe600;
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.look-up-section {
    font-family: Rubrik,Arial,sans-serif;
    margin-bottom: 1em;
}

.look-up-section .select2-container {
    width: 100%;
    zoom:0;
}

.look-up-section .look-up-con {
    width: 100%;
    float: left;
    position: relative;
}

.look-up-section .look-up-con .look-up,
.look-up-section .look-up-con .look-up-dropdown .select2-search__field,
.look-up-section .look-up-con .look-up-dropdown .select2-search--dropdown {
    min-height: 45px;
}

.look-up-section .h3-text {
    font-size: 1.125em;
    color: #3c3d40;
    font-weight: 600;
    line-height: 1;
    margin: 0;
}

.look-up-section  p {
    margin: 0.375em 0 1.250em;
    line-height: 1.2;
}

.look-up-section .look-up-hidden {
    display: none;
    margin-top: 1.875em;
}

.look-up-section .look-up-hidden p {
    line-height: 1;
    margin: 0 0 0.5em;
}

.look-up-section .look-up-hidden .look-up-rate {
    border-radius: 0.25em;
    border: 1px solid #5dd61b;
    background: #dff7d1;
    padding: 0.75em 0.75em 0.625em;
}

.look-up-section .look-up-hidden .look-up-rate .look-up-line {
    font-family: Rubrik,Arial,sans-serif;
    margin-bottom: 0.5em;
    line-height: 1;
}

.look-up-section .look-up-hidden .look-up-line:last-child {
    margin: 0;
}

.look-up-section .look-up-hidden .look-up-rate .look-up-line .right {
    float: right;
    color: #3c3d40;
    font-weight: 600;
}

/*select2 classes*/
.look-up-section .look-up-con .look-up-selector {
    display: block;
    height: 45px;
    padding: 0 1em;
    overflow: hidden;
    position: relative;
    border: 1px solid #d4d3cf;
    white-space: nowrap;
    line-height: 45px;
    color: #d4d3cf;
    text-decoration: none;
    border-radius: 0.25em;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: none !important;
    filter: none;
    font-family: Arial,sans-serif;
}

.look-up-section .look-up-con .select2-selection__clear,
.look-up-section .look-up-con .select2-selection__arrow {
    display: none;
}

.look-up-section .look-up-con .look-up-dropdown .select2-search--dropdown,
.look-up-section .look-up-con .look-up-dropdown .select2-search__field {
    padding: 0;
}

.look-up-section .look-up-con .look-up-dropdown .select2-results,
.look-up-section .look-up-con .look-up-dropdown .select2-search__field {
    margin: 0;
}

.look-up-section .look-up-con .look-up-dropdown .select2-results .loading-results {
    display: none;
}

.look-up-section .look-up-con .select2-selection__rendered {
    padding-top: 0;
}

.look-up-section .look-up-con .look-up-dropdown .select2-search__field {
    border-bottom: none;
    padding-left: 5px;
}

.look-up-section .look-up-con .select2-container.select2-container--open {
    border-radius: 0.25em;
}

.look-up-section .select2-choice:focus,
.look-up-section .look-up-con .look-up-dropdown .select2-search__field:focus {
    outline: none;
}

.EE.look-up-con .look-up-dropdown {
    border: 1px solid #007b85;
    border-radius: .25em;
}

.look-up-section .look-up-con .look-up-dropdown .select2-search__field {
    border: none;
}

.look-up-section .look-up-con .look-up-dropdown .select2-search--dropdown {
    margin-top: 0;
}

.EE.look-up-con .look-up-dropdown .select2-results .select2-rendered__match {
    text-decoration: underline;
}

.look-up-section .select2-container .select2-default {
    color: #d4d3cf !important;
}

.look-up-section .select2-container .select2-choice {
    color: #6d6e71;
}

.look-up-section .select2-container-active .select2-choice, .select2-container-active .select2-choices {
    box-shadow: none;
}

.look-up-section .select2-results {
    padding: 0;
}

.look-up-section .look-up {
    border: 1px solid #d4d3cf;
}

.look-up-section .look-up .select2-selection__placeholder {
    color: #d4d3cf;
}

.look-up-section .select2-results .select2-result-label  {
    cursor: pointer;
    margin: 0;
    min-height: 1em;
    padding: 0.225em 0 0.225em 1em;
}

.look-up-dropdown .select2-results .select2-highlighted,
.look-up-dropdown .select2-results .select2-results__option--highlighted {
    background: #007B85 !important;
    color: #ffffff;
}

.look-up-dropdown {
    margin-top: -45px;
    box-shadow: none !important;
}

.look-up-dropdown.select2-drop-active {
    border:1px solid #007B85;
    border-radius: 0.25em;
    min-height: 45px;
}

.look-up-dropdown.selected-value, .look-up-dropdown.select2-drop-active.selected-value {
    border: 1px solid #007B85;
}

.look-up-dropdown.select2-drop-above.select2-drop-active {
    border: 1px solid #007B85;
    margin-top: 45px;
}

.look-up-dropdown.select2-drop-active.selected-value.select2-drop-above, .look-up-dropdown.select2-drop-above.selected-value {
    border: 1px solid #007B85;
    margin-top: 45px !important;
}

.look-up-dropdown.select2-drop-above {
    border: 1px solid #d4d3cf;
}

.select2-drop.look-up-dropdown.select2-drop-above {
    margin-top:45px;
}

.look-up .select2-search input {
    border-bottom: 1px dotted #808080;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
    background: none;
    min-height: 36px;
    margin-top: 4px;
}

.select2-search-min-chars input {
    border-bottom: none !important;
    margin-top: -1px !important;
    padding-top: 12px !important;
}

.select2-results-dotted {
    border-top: 1px dotted #808080;
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background: none;
}

.select2-container .select2-choice abbr {
    background: none;
    width: auto;
    color: #007B85;
    font-size: 0.875em;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.select2-container .select2-choice abbr::after {
    content: "change";
    padding: 1.2em 1.5em 1.2em 0;
}

.select2-offscreen {z-index:-100;
    left: -1000px;}

.look-up-section .select2-container .select2-choice div {
    display: none;
}

.look-up-dropdown .select2-results li {
    font-family: Arial,sans-serif;
    color: #007B85;
}

.select2-container .select2-choice span {
    margin-right: 60px;
}

.look-up.select2-container-active .select2-choice.select2-default {
    border: 1px solid #007B85;
}

.look-up.select2-container-active.open .select2-choice {
    border: 1px solid #007B85;
}

.select2-drop-active.look-up-dropdown {
    min-height: 46px\9;
    margin-top: -45px\9;
}

.look-up-con .select2-search-change::after {
    content: "change";
    padding: 1.2em 1.5em 1.2em 0;
}

.look-up-con .select2-search-change {
    width: auto;
    color: #007b85;
    font-size: .875em;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 12px;
    cursor: pointer;
    line-height: 1.5;
}
.EE.look-up-con .select2-container--default .select2-selection--single {
    height: 0;
    background-color: #ffffff;
    border-radius: 4px;
}

.EE.look-up-con .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}

.EE.look-up-con .select2-results__option {
    line-height: 1.5;
    border-top: none;
    padding: 6px;
}

.EE.look-up-con .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #ffffff;
}

.EE.look-up-con .form__control {
    height: 0;
}

.EE.look-up-con input {
    background-color: transparent;
}

.EE.look-up-con .select2-container--open .select2-dropdown--below {
    border: 1px solid #007b85;
}

.EE.look-up-con .select2-dropdown.select2-dropdown--below,
.EE.look-up-con .select2-dropdown.select2-dropdown--above {
    border-radius: 0.25rem;
    border: 1px solid #007b85;
}

.EE.look-up-con .select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
}

.look-up-item {
    border: 1px dotted black;
    list-style: none;
}

@media (max-width: 45em) {
    .select2-search input {
        font-size: 1.14286em;
    }
    .look-up-dropdown {
        margin-top: -45px;
    }
    .look-up-con .select2-search-change {
        top: 18px;
        line-height: 1;
    }
}

@media (min-width: 45em) {
    .look-up-section select {
        padding: .875em;
    }
}
@media (max-width: 45em) {
    .js .expandable__panel .look-up .container {
        margin-left: 0;
        padding-left: 0;
    }

    .look-up-section .h3-text {
        font-size: 1.143em;
        letter-spacing: 1px;
        margin: 0.714em 0 0.2em;
    }

    .look-up-section p {
        margin: 0 0 1em;
    }

    .look-up-section .look-up-hidden .look-up-rate {
        padding: 0.75em
    }

    .look-up-section .look-up-hidden .look-up-rate .look-up-line {
        margin-bottom: 0.625em;
    }

    .look-up-section .look-up-hidden .look-up-line:last-child {
        margin: 0;
    }

    .look-up-section .look-up-hidden p {
        margin: 0 0 0.725em;
    }

    .select2-container {
        margin: 0.36em 0 0;

    }

    .look-up-section .select2-container--default .select2-selection--multiple {
        padding: 0.625em 1em;
    }

    .look-up-section {
        margin-top: 0.857em;
        font-size: 1em;
    }
}

@media (min-width: 45em) {
    .look-up-section {
        max-width: 19.5em;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .look-up .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
        background: none !important;
    }
}

/* ==========================================================================
   Links
   ========================================================================== */
.cta-group {
  margin-top: 1.5em;
}
.cta-group a.button {
  margin-top: 0;
}

.cta-group__link {
  display: inline-block;
  font-weight: bold;
  line-height: 1;
}
.cta-group__link:after {
  margin-left: .5em;
  content: ">";
  font-family: Rubrik, Arial, sans-serif;
  vertical-align: middle;
}

.download-link__icon {
  margin-right: .333em;
}

/* ==========================================================================
   Toggle buttons
   ========================================================================== */
.link-toggle {
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 0.375em;
  border: 1px solid #6d6e71;
  color: #007B85;
  float: left;
  width: 100%;
}
@media (min-width: 45em) {
  .link-toggle {
    padding: 0.75em;
  }
}
@media (min-width: 75em) {
  .link-toggle {
    padding: 0.75em;
  }
}
@media (min-width: 45em) {
  .link-toggle {
    margin-bottom: 0.75em;
  }
}
@media (min-width: 75em) {
  .link-toggle {
    margin-bottom: 0.75em;
  }
}

.link-toggle.link-toggle--selected {
  background: #007B85;
  color: white;
  border: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
.styled-search-box {
  overflow: hidden;
  position: relative;
  padding: 1em 4em 1em 1em;
  border-radius: 0.25em;
  background-color: #f6f4f0;
}
.styled-search-box input,
.styled-search-box button {
  background-color: transparent;
}
.styled-search-box input {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
}
.styled-search-box input:focus {
  outline: none;
}
.styled-search-box button {
  position: absolute;
  top: 0;
  right: 0;
  padding: .6em .5em;
  border: 0 dotted;
  border-left-width: 1px;
  color: #007B85;
  font-size: 1.5em;
}

@media (min-width: 45em) {
  .styled-search-box {
    padding: .4em 2.5em .4em .5em;
  }
  .styled-search-box button {
    padding: .3em;
    font-size: 1.25em;
  }
}

/* ==========================================================================
   Download list
   ========================================================================== */
.download-list {
  margin: 1em 0;
}
.download-list ul {
  list-style: none;
  padding: 0;
  border-top: 1px dotted;
}
.download-list ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.download-list ul li {
  padding: 1em 0;
}
@media (min-width: 40em) {
  .download-list ul li {
    padding-left: 2.2em;
  }
}
.download-list ul li {
  border-bottom: 1px dotted;
}
.download-list p {
  margin: .5em 0 0;
}

.download-list__heading-icon {
  margin-right: .333em;
}

/* ==========================================================================
   CQ overrides
   ========================================================================== */
/**
 * If a parsys contains elements that are floated, the target to drop new
 * components into it will not clear them and be rendered over components
 * already dropped in the parsys.
 */
.new.section {
  clear: both;
}

/**
 * Images injected by the linkchecker functionality may inherit specific widths
 * from component styles so make sure they are always auto.
 */
img[src*='linkchecker'] {
  width: auto !important;
}

/**
 * 1. CQ relies on content-box box sizing.
 * 2. The EE code adds styles to pseudo elements on top level elements, so we
 *    need to hide these by default in #CQ.
 */
#CQ * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
}
#CQ *:before,
#CQ *:after {
  display: none;
  /* 2 */
}

.eecolctrl_3_3_3_3.enhance .container .parsys_column:nth-child(2) {
  display: none;
}

.eecolctrl_3_3_3_3.enhance .container .parsys_column:nth-child(3) {
  display: none;
}

.eecolctrl_3_3_3_3.enhance .container .parsys_column:nth-child(4) {
  display: none;
}

.eecolctrl_3_3_3_3.enhance .container .parsys_column {
  width: 100%;
}

@media (min-width: 35em) {
  .eecolctrl_3_3_3_3.enhance .container .parsys_column:nth-child(2) {
    display: block;
  }

  .eecolctrl_3_3_3_3.enhance .container .parsys_column {
    width: 50%;
  }
}
@media (min-width: 60em) {
  .eecolctrl_3_3_3_3.enhance .container .parsys_column:nth-child(4) {
    display: block;
  }

  .eecolctrl_3_3_3_3.enhance .container .parsys_column {
    width: 25%;
  }
}
@media (min-width: 45em) {
  .eecolctrl_3_3_3_3.enhance .container .parsys_column:nth-child(3) {
    display: block;
  }

  .eecolctrl_3_3_3_3.enhance .container .parsys_column {
    width: 33.33333%;
  }
}
.eecolctrl_4_4_4.enhance .container .parsys_column:nth-child(2) {
  display: none;
}

.eecolctrl_4_4_4.enhance .container .parsys_column:nth-child(3) {
  display: none;
}

.eecolctrl_4_4_4.enhance .container .parsys_column {
  width: 100%;
}

@media (min-width: 35em) {
  .eecolctrl_4_4_4.enhance .container .parsys_column:nth-child(2) {
    display: block;
  }

  .eecolctrl_4_4_4.enhance .container .parsys_column {
    width: 50%;
  }
}
@media (min-width: 60em) {
  .eecolctrl_4_4_4.enhance .container .parsys_column:nth-child(3) {
    display: block;
  }

  .eecolctrl_4_4_4.enhance .container .parsys_column {
    width: 33.33333%;
  }
}
.eecolctrl_6_6.enhance .container .parsys_column:nth-child(2) {
  display: none;
}

.eecolctrl_6_6.enhance .container .parsys_column {
  width: 100%;
}

@media (min-width: 35em) {
  .eecolctrl_6_6.enhance .container .parsys_column:nth-child(2) {
    display: block;
  }

  .eecolctrl_6_6.enhance .container .parsys_column {
    width: 50%;
  }
}
@media (min-width: 60em) {
  .eecolctrl_6_6.enhance .container .parsys_column:nth-child(2) {
    display: block;
  }

  .eecolctrl_6_6.enhance .container .parsys_column {
    width: 50%;
  }
}
/* ==========================================================================
   ee-overlay
   ========================================================================== */
.ee-overlay {
  display: none;
}

.ee-overlay--active {
  display: block;
}

.ee-overlay__background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8500;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.ee-overlay__window {
  position: fixed;
  width: 61.8%;
  min-width: 18.125em;
  max-width: 60em;
  top: 50%;
  left: 50%;
  z-index: 8510;
  background-color: white;
}

.ee-overlay__header {
  overflow: hidden;
  padding: 1em;
  position: relative;
  color: white;
  background-color: #6d6e71;
}
@media (min-width: 45em) {
  .ee-overlay__header {
    padding: 1.5em;
  }
}
@media (min-width: 75em) {
  .ee-overlay__header {
    padding: 1.5em;
  }
}

.ee-overlay__heading {
  font-size: 2.21429em;
  font-family: Nobblee, Arial, sans-serif;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
  font-weight: 100;
}
@media (min-width: 45em) {
  .ee-overlay__heading {
    font-size: 2.6875em;
  }
}

.ee-overlay__close {
  position: absolute;
  top: .5em;
  right: .5em;
  color: white !important;
  font-size: 150%;
}

/* ==========================================================================
   Lazy Loading
   ========================================================================== */
.lazy-picture {
  position: relative;
}

.lazy-picture .lazy-picture__loading {
  background: url('clientlibs_help/img/loading.png?1389179946') no-repeat center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.lazy-picture.lazy-picture--background span {
  width: 100%;
  height: 100%;
  background-position: center;
}

/* ==========================================================================
   Background images
   ========================================================================== */
.background-image {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  z-index: -9998;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.background-image img {
  position: absolute;
  width: auto;
  max-width: none;
}
.js .background-image img {
  display: none;
}

.expandable__module-header {
  padding: 1em;
}
@media (min-width: 45em) {
  .expandable__module-header {
    padding: 1.5em;
  }
}
@media (min-width: 75em) {
  .expandable__module-header {
    padding: 1.5em;
  }
}

.expandable__module-heading {
  margin: 0;
}

.expandable__panel-container {
  margin: 0 0 .5em;
  padding: 1em;
  padding-top: 0 !important;
}
@media (min-width: 45em) {
  .expandable__panel-container {
    padding: 1.5em;
  }
}
@media (min-width: 75em) {
  .expandable__panel-container {
    padding: 1.5em;
  }
}

.expandable__panel-header {
  margin: 0;
  padding: .5em 0;
}
.expandable__panel-header .expandable__icon {
  margin-right: .25em;
  vertical-align: baseline;
}
.no-js .expandable__panel-header .expandable__icon {
  display: none;
}

.expandable__icon--open {
  display: none;
}

.expandable__panel {
  margin: 0;
}
@media (min-width: 60em) {
  .expandable__panel > div {
    max-width: 91.66667%;
  }
}
@media (min-width: 85em) {
  .expandable__panel > div {
    max-width: 75%;
  }
}

.js .expandable__panel-header {
  cursor: pointer;
}
.js .expandable__panel-header,
.js .expandable__panel {
  border-bottom: 1px dotted;
}
.js .expandable__panel--open,
.js .expandable__panel--active {
  border-bottom: none;
}
.js .expandable__panel--open .expandable__icon--closed {
  display: none;
}
.js .expandable__panel--open .expandable__icon--open {
  display: inline;
}
.js .expandable__panel {
  display: none;
  padding-bottom: 1.5em;
}
@media (min-width: 35em) {
  .js .expandable__panel > div {
    padding-left: 2.8em;
  }
}
@media (min-width: 50em) {
  .js .expandable__panel > div {
    padding-left: 3.1em;
  }
}

.cq-wcm-edit .expandable__panel-header {
  border-bottom: none;
}
.cq-wcm-edit .expandable__panel-header .expandable__icon--closed {
  display: none;
}
.cq-wcm-edit .expandable__panel-header .expandable__icon--open {
  display: inline;
}
.cq-wcm-edit .expandable__panel {
  display: block !important;
}

/*CSS will load only when promo banner component is configured with notification sg component*/

.notification-banner-iparsys + .promo-banner-section {
  margin-top: -42px;
}


.ee-login-banner {
    width: 51.875em;
    height: 4.5em;
    background: #FFE600;
    border-radius: 1em 1em 0 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    margin: 0 auto;
    display:none;
}
.ee-login-banner .eed-header-logo__img {
    position: relative;
    width: 1.5625em;
    height: 2.875em;
    margin-left: 2em;
    top: 0.9375em;
}
.ee-login-banner .ee-login-text-section {
    padding: 0;
    position: relative;
    display : inline-table;
    width: 35.75em;
    height: 3.25em;
    margin-left: 1em;
    top:-0.75em;

}
.ee-login-banner .ee-login-banner__heading {
    height: 1.5625em;
    font-size: 1.25em;
    line-height: 1.5625em;
    align-items: center;
    color: #333333;
    position:relative;
}
.ee-login-banner .ee-login-banner__text {
    height: 1.3125em;
    position: relative;
    font-size: 1em;
    line-height: 1.3125em;
    align-items: center;
    margin: 0.3125em 0;
    color: #333333;
}
.ee-login-banner .ee-login-banner__cta {
    display:inline-table;
    color: #FFFFFF;
    padding: 0.5625em 1.5em 0.4375em;
    width: 5.9375em;
    height: 2.5em;
    right: 4em;
    background: #007B85;
    border-radius: 1.25em;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}
.ee-login-banner .ee-login-banner__close {
    display:inline-table;
    min-width: 1.25em;
    height: 1.25em;
    border-left : none !important;
    right: 0.5625em;
    top: 1em;
    position: absolute;
}
.ee-login-banner .ee-login-banner__login-link, .ee-login-banner .ee-login-banner__login-link:hover {
    text-decoration: none;
    border-bottom : none;
    color: #fff;
    -webkit-transform: perspective(0.0625rem) scale(1.05);
    transform: perspective(0.0625rem) scale(1.05);
}

.kampyle_vertical_button {
    margin-top : 3.25em !important;
}

@media screen and (max-width: 51.5em) and (orientation: landscape) {
    .ee-login-banner {
        width: 	100%;
    }
    .ee-login-banner .ee-login-banner__cta {
        right: 6%;
    }
}
@media screen and (max-width: 47.9375em) and (orientation: landscape) {
    .ee-login-banner .ee-login-banner__heading {
        font-size: 1.125em;
    }
    .ee-login-banner .ee-login-banner__cta {
        float: right;
        right: 8%;
    }
    .kampyle_vertical_button {
        margin-top: 0 !important;
    }
    .ee-login-banner .ee-login-banner__heading {
        font-weight : 800;
    }
}

@media screen and (max-width: 48em) {
    .ee-login-banner {
        width: 	100%;
        height : 6.125em;
    }
    .ee-login-banner .ee-login-text-section {
        width: 64%;
    }

}
@media screen and (max-width: 35.5em) and (orientation: landscape) {
    .kampyle_vertical_button {
        margin-top: -1.5em !important;
    }
    .ee-login-banner .eed-header-logo__img {
        margin-left : 1em;
    }
    .ee-login-banner .ee-login-banner__cta {
        right : 10%;
    }
}
@media screen and (max-width: 30em) {
    .ee-login-banner {
        width: 100%;
        height: 11.25em;
    }
    .ee-login-banner .ee-login-text-section {
        width: 16.25em;
        height: 6em;
        margin: 0 auto;
        top: -2em;
        display: block;
    }
    .ee-login-banner .ee-login-banner__heading {
        margin-bottom: 0.3125em;
        font-size: 1em;
        font-weight : 800;
    }
    .ee-login-banner .ee-login-banner__cta {
        width: 16.25em;
        height: 2.5em;
        display: flex;
        margin: 0 auto;
        top:0.5625em;
        bottom:0.5625em;
        position: relative;
        right : auto;
    }
    .ee-login-banner .ee-login-banner__close {
        top: 8%;
    }
    .ee-login-banner .eed-header-logo__img {
        margin-left: 1em;
    }

}
@media screen and (max-width: 22.5em) {
    .ee-login-banner .ee-login-text-section {
        left : 0.3125em;
    }
}
@media screen and (max-width: 20em) {
    .ee-login-banner .ee-login-text-section,
    .ee-login-banner .ee-login-banner__cta {
        width : 14em;
    }
    .ee-login-banner .ee-login-banner__text {
        font-size: 0.875em;
    }
    .ee-login-banner .ee-login-banner__heading {
        font-size: 0.875em;
        margin-bottom : auto;
        font-weight : 800;
    }
    .ee-login-banner .ee-login-banner__close {
        right : 0.25em;
    }
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.bottomDottedBorder{
	border-bottom : 1px dotted;
    width : 100%;
    display : block;
    padding-bottom : 0.35em;
}

.text-color-yellow-bold {
    color: #ffe600;
    font-size: 1.3em;
    font-weight : 700;
}

.text-color-dark-grey {
    color: #3c3d41;
}

.text-color-purple {
    color: #533475;
}

.text__signpost-text {
	text-align : center;
    display : block;
}


@media (min-width: 45em) {
  .text__signpost-text {
    text-align : right;

  }
}

.text .text-65percent-width p {
    max-width : 65%;
    word-wrap : break-word;
}


.text ul li {
	margin-bottom : 0.5em;
}

.text-font-size-8pt{
	font-size : 8pt;
}

.text-font-size-10pt{
	font-size : 10pt;
}

.text-font-size-12pt{
	font-size : 12pt;
}

.text-font-size-14pt{
	font-size : 14pt;
}

.text-font-size-16pt {
    font-size: 1em;
}

.text-font-size-18pt {
    font-size: 1.125em;
}

.text-font-size-20pt {
    font-size: 1.250em;
}

.text-font-size-22pt {
    font-size: 1.375em;
}

.text-font-size-24pt {
    font-size: 1.500em;
}

.text ol li {
	margin-bottom : 0.5em;
	list-style : decimal !important;
}

.text-font-size-14px {
	font-size: 14px;
}

.text-font-size-16px {
	font-size: 16px;
}

.text-font-size-18px {
	font-size: 18px;
}

.text-font-size-20px {
	font-size: 20px;
}

.text-font-size-22px {
	font-size: 22px;
}

.text-font-size-24px {
	font-size: 24px;
}

.aqua {
	color: #007B85;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.sub-nav-tabbed__tabs {
  list-style: none;
  margin: 0;
}
.sub-nav-tabbed__tabs li {
  display: block;
  float: left;
  position: relative;
  width: 20%;
  min-width: 100px;
}
.sub-nav-tabbed__tabs li a {
  z-index: 2;
  color: #007B85;
  cursor: pointer;
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0;
  padding-right: 0;
  font-family: Rubrik, Arial, sans-serif;
}
@media (min-width: 45em) {
  .sub-nav-tabbed__tabs li a {
    padding-top: 1.5em;
  }
}
@media (min-width: 75em) {
  .sub-nav-tabbed__tabs li a {
    padding-top: 1.5em;
  }
}
@media (min-width: 45em) {
  .sub-nav-tabbed__tabs li a {
    padding-bottom: 1.5em;
  }
}
@media (min-width: 75em) {
  .sub-nav-tabbed__tabs li a {
    padding-bottom: 1.5em;
  }
}
.sub-nav-tabbed__tabs li.no-border .sub-nav-tabbed__tabs-label {
  border-color: transparent;
}
.sub-nav-tabbed__tabs li .sub-nav-tabbed__tabs-label {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.sub-nav-tabbed__tabs li.sub-nav-tabbed--active {
  position: relative;
  background-color: #f6f4f0;
  margin-top: -10px;
  padding-top: 10px;
}
.sub-nav-tabbed__tabs li.sub-nav-tabbed--active a {
  color: #6d6e71;
}
.sub-nav-tabbed__tabs li.sub-nav-tabbed--active a .sub-nav-tabbed__tabs-label {
  border-left: 0;
}

.sub-nav-tabbed-mobile__head .sub-nav-tabbed--active {
  margin-top: 0;
}
.sub-nav-tabbed-mobile__head .sub-nav-tabbed--active span {
  padding-top: 10px;
}

@media (min-width: 40em) {
  .sub-nav-tabbed-mobile__head .sub-nav-tabbed--active {
    margin-top: -10px;
    padding-top: 10px;
  }

  .sub-nav-tabbed-mobile__head__tab.sub-nav-tabbed--active a {
	background-color: #f6f4f0;
  }
}
.sub-nav-tabbed-mobile .sub-nav-tabbed--active a {
  position: relative;
  background-color: #f6f4f0;
  width: 100%;
}
.sub-nav-tabbed-mobile .sub-nav-tabbed--active a span {
  color: #6d6e71;
}

.sub-nav-tabbed-mobile__head__tab.no-border > a > span,
.sub-nav-tabbed-mobile__head__tab.sub-nav-tabbed--active > a > span {
  border-color: transparent;
}

.sub-nav-tabbed-mobile__menu {
  background: white;
  border-bottom: 9px solid #007B85;
}
.sub-nav-tabbed-mobile__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sub-nav-tabbed-mobile__menu li {
  border-top: 1px dotted #6d6e71;
  width: 100%;
  display: none;
}
.sub-nav-tabbed-mobile__menu li a {
  display: block;
  font-family: Rubrik, Arial, sans-serif;
  color: #3c3d41;
  padding: 1em;
}
@media (min-width: 45em) {
  .sub-nav-tabbed-mobile__menu li a {
    padding: 1.5em;
  }
}
@media (min-width: 75em) {
  .sub-nav-tabbed-mobile__menu li a {
    padding: 1.5em;
  }
}
.sub-nav-tabbed-mobile__menu li a:hover {
  background-color: #3c3d41;
  color: white;
}
.sub-nav-tabbed-mobile__menu li a:hover span {
  color: white;
}
.sub-nav-tabbed-mobile__menu li a.sub-nav-tabbed-mobile--active {
  padding-left: 1em;
  font-family: Rubrik, Arial, sans-serif;
}
@media (min-width: 45em) {
  .sub-nav-tabbed-mobile__menu li a.sub-nav-tabbed-mobile--active {
    padding-left: 1.5em;
  }
}
@media (min-width: 75em) {
  .sub-nav-tabbed-mobile__menu li a.sub-nav-tabbed-mobile--active {
    padding-left: 1.5em;
  }
}
.sub-nav-tabbed-mobile__menu li a .sub-nav-tabbed__tabs-label {
  border: 0;
  text-align: left;
  display: block;
  background-color: none;
}
.sub-nav-tabbed-mobile__menu .sub-nav-tabbed__tabs-label {
  border-left: 0;
}

.sub-nav-tabbed-mobile__head__tab.sub-nav-tabbed--active a {
  background-color: #d4d3cf;
 /* position: absolute;
  top: -10px;

  span {
    padding-top:10px;
  }*/
}

li.sub-nav-tabbed-mobile {
  display: none;
}

.sub-nav-tabbed-mobile__head {
  position: relative;
}

.sub-nav-tabbed-mobile__head__tab {
  text-align: center;
  width: 100%;
  color: #007B85;
  background-color: transparent;
  padding-right: 3.5em;
}

.sub-nav-tabbed-mobile__head__toggle {
  background-color: #007B85;
  color: white;
  text-align: center;
  position: absolute;
  right: -3.5em;
  bottom: 0;
  padding: 1em;
  height: 3.5em;
  cursor: pointer;
  width: 3.5em;
}
@media (min-width: 45em) {
  .sub-nav-tabbed-mobile__head__toggle {
    padding: 1.5em;
  }
}
@media (min-width: 75em) {
  .sub-nav-tabbed-mobile__head__toggle {
    padding: 1.5em;
  }
}

.sub-nav-tabbed-mobile__menu {
  display: none;
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
}

li.sub-nav-tabbed-mobile {
  display: block;
}

/* 2-4 TABS NAV
  These share common attributes but breakpoints are different
*/
.sub-nav-tabbed__tabs > li {
  width: 220px;
}
.sub-nav-tabbed__tabs .sub-nav-tabbed-mobile__menu {
  width: 268px;
}

.sub-nav-tabbed__tabs-5 > li {
  width: 194px;
}
.sub-nav-tabbed__tabs-5 .sub-nav-tabbed-mobile__menu {
  width: 242px;
}

.sub-nav-tabbed__tabs li {
  background: white;
}

@media (max-width: 39.9375em) {
  .sub-nav-tabbed__tabs li {
    background: none;
  }

  .sub-nav-tabbed__tabs {
    width: 100%;
    position: relative;
  }
  .sub-nav-tabbed__tabs .sub-nav-tabbed-mobile__head__toggle {
    right: 0;
  }

  .sub-nav-tabbed-mobile > .sub-nav-tabbed-mobile__menu {
    width: 100%;
    padding-left: 0;
  }

  .sub-nav-tabbed-mobile__head {
    max-width: 100%;
  }

  li.sub-nav-tabbed-mobile {
    display: block;
  }

  li.sub-nav-tabbed-mobile {
    width: 100%;
  }
  li.sub-nav-tabbed-mobile .sub-nav-tabbed-mobile___head__tab a {
    background-color: #d4d3cf;
  }
  li.sub-nav-tabbed-mobile .sub-nav-tabbed-mobile__menu {
    left: 0;
  }

  li .sub-nav-tabbed-mobile__head__tab a {
    background-color: #d4d3cf;
    color: #6d6e71;
  }
}
@media (min-width: 40em) {
  .sub-nav-tabbed-mobile .sub-nav-tabbed--active {
    background-color: #f6f4f0;
  }

  .sub-nav-tabbed__tabs li .sub-nav-tabbed__tabs-label {
    border-left: 1px dotted #6d6e71;
  }

  .sub-nav-tabbed__tabs li .sub-nav-tabbed__tabs-label {
    padding-top: 0;
  }

  .sub-nav-tabbed-mobile__head__tab {
    padding-right: 0;
  }

  .sub-nav-tabbed-mobile__head__toggle {
    bottom: 0;
  }
}
@media (min-width: 45em) {
  .sub-nav-tabbed__tabs li a, .sub-nav-tabbed-mobile__head__toggle {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0;
    padding-right: 0;
  }
  .sub-nav-tabbed-mobile__head__toggle {
    height: 3em;
    padding: 1em;
    right: -3em;
    width: 3em;
  }
}
@media (min-width: 45em) and (min-width: 45em) {
  .sub-nav-tabbed__tabs li a, .sub-nav-tabbed-mobile__head__toggle {
    padding-top: 0.75em;
  }
}
@media (min-width: 45em) and (min-width: 75em) {
  .sub-nav-tabbed__tabs li a, .sub-nav-tabbed-mobile__head__toggle {
    padding-top: 0.75em;
  }
}
@media (min-width: 45em) and (min-width: 45em) {
  .sub-nav-tabbed__tabs li a, .sub-nav-tabbed-mobile__head__toggle {
    padding-bottom: 0.75em;
  }
}
@media (min-width: 45em) and (min-width: 75em) {
  .sub-nav-tabbed__tabs li a, .sub-nav-tabbed-mobile__head__toggle {
    padding-bottom: 0.75em;
  }
}

/*
@include respond(800) {
 li.sub-nav-tabbed-mobile {
    display: none;
  }
}*/
li.sub-nav-tabbed--reveal {
  display: block;
}

li.sub-nav-tabbed--hidden {
  display: none;
}

.sub-nav-tabbed-mobile__menu li a {
  padding-left: 0.5em;
}
@media (min-width: 45em) {
  .sub-nav-tabbed-mobile__menu li a {
    padding-left: 0.75em;
  }
}
@media (min-width: 75em) {
  .sub-nav-tabbed-mobile__menu li a {
    padding-left: 0.75em;
  }
}
.sub-nav-tabbed-mobile__menu li.sub-nav-tabbed--active {
  padding-top: 0;
  top: 0;
}

.page-heading .sub-nav-tabbed {
  margin: 0;
  bottom: 0;
  width: 100%;
}
.page-heading .sub-nav-tabbed > .container.nopadding {
  position: static;
  width: auto;
}

@media (min-width: 50em) and (max-width: 79.9375em) {
  .page-heading .sub-nav-tabbed > .container.nopadding {
    max-width: 1270px;
    margin-left: 1em;
    margin-right: 1em;
  }
}
@media (min-width: 50em) and (max-width: 79.9375em) and (min-width: 45em) {
  .page-heading .sub-nav-tabbed > .container.nopadding {
    margin-left: 1.5em;
  }
}
@media (min-width: 50em) and (max-width: 79.9375em) and (min-width: 75em) {
  .page-heading .sub-nav-tabbed > .container.nopadding {
    margin-left: 1.5em;
  }
}
@media (min-width: 50em) and (max-width: 79.9375em) and (min-width: 45em) {
  .page-heading .sub-nav-tabbed > .container.nopadding {
    margin-right: 1.5em;
  }
}
@media (min-width: 50em) and (max-width: 79.9375em) and (min-width: 75em) {
  .page-heading .sub-nav-tabbed > .container.nopadding {
    margin-right: 1.5em;
  }
}

@media (min-width: 80em) {
  .page-heading .sub-nav-tabbed > .container.nopadding {
    max-width: 1270px;
    margin: 0 auto;
  }
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

/* ==========================================================================
   Two column shout
   ========================================================================== */

.two-column-shout .container,
.two-column-shout .col {
  padding: 0;
}
.lt-ie9 .two-column-shout .container {
  max-width: 79.375em;
}
.two-column-shout .panel {
  padding: 1em;
}
.two-column-shout .mobile-only .cta-group__link{
  display:none;
}
.two-column-shout .recommendation-text {
    width: fit-content;
    position: inherit;
    margin-bottom: 0.625rem;
    margin-left: 2rem;
}

@media (min-width: 45em) {

img#lazyload:not([srcset]:not([src])) {
   visibility: hidden;
}
  .two-column-shout .panel {
    padding: 1.5em;

    .two-column-shout-container {
      padding: 2em 0 0;
    }
  }
  .two-column-shout .panel.no-padding-top {
  	padding-top: 0;
  }
}
@media (min-width: 75em) {
  .two-column-shout .panel {
    padding: 1.5em;
  }
}

.two-column-shout-container {
  overflow: hidden;
  position: relative;
}

.two-column-shout__action-heading {
  margin: 1.5em 0 0;
}

.two-column-shout__action-links {
  list-style: none;
  margin: .333em 0 0;
  padding: 0;
}
.two-column-shout__action-links li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.two-column-shout__action-links li {
  display: inline-block;
  margin-right: 1em;
}
.two-column-shout__action-links li:last-child {
  margin-right: 0;
}

.two-column-shout__action-icon {
  margin-right: .333em;
}

@media (max-width: 44.9375em) {
  .two-column-shout__media {
    position: relative;
  }

  .two-column-shout--background-image .two-column-shout__media {
    padding-top: 56.25%;
  }
}
@media (min-width: 45em) {
  .two-column-shout .col {
    margin-bottom: -999px;
    padding-bottom: 999px;
  }

  .col.two-column-shout__media,
  .col.two-column-shout__content {
    width: 50%;
  }

  .two-column-shout__media-frame {
    position: relative;
  }

  .col.two-column-shout__content {
    float: right;
  }

  .col.two-column-shout--content-left .two-column-shout__content {
    float: left;
  }

  .col.two-column-shout--content-left .two-column-shout__media {
    float: right;
  }

  .two-column-shout__content {
    float: right;
  }

  .two-column-shout--content-left .two-column-shout__content {
    float: left;
  }
  .two-column-shout--content-left .two-column-shout__media {
    float: right;
  }

  .two-column-shout--background-image .two-column-shout__media-frame {
    padding-top: 56.25%;
  }
  .two-column-shout--background-image .col {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media print {
  .two-column-shout .col {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 25em) {
    .two-column-shout__content .cta-group > p{
        display: inline-block;
    }

    .two-column-shout__content .cta-group p:first-child {
        margin-right: 1.5em;
    }

    .two-column-shout__content .cta-group.vertical-align > p{
      display: block;
      margin: 0.5em 0;
    }
}

.two-column-shout__content .panel h3.aqua {
    color: #007B85;
}

.two-column-shout__content .panel h3.yellow {
    color: #ffe600;
}

.two-column-shout__content .panel h3.white {
    color: #ffffff;
}

.two-column-shout__content .panel h3.grey {
    color: #6d6e71;
}


/* ==========================================================================
   Two column shout - breakout
   ========================================================================== */
.two-column-shout--breakout .container {
  background: none !important;
}
@media (max-width: 44.9375em) {
  .two-column-shout--breakout .two-column-shout__header,
  .two-column-shout--breakout .two-column-shout__body {
    text-align: center;
  }
}
@media (min-width: 45em) {
  .two-column-shout--breakout .two-column-shout-container {
    overflow: visible;
  }
  .two-column-shout--breakout .two-column-shout__header,
  .two-column-shout--breakout .two-column-shout__body {
    float: right;
    clear: right;
    width: 50%;
  }
  .two-column-shout--breakout .two-column-shout__header > .panel,
  .two-column-shout--breakout .two-column-shout__body > .panel {
    padding-bottom: 0;
  }
  .two-column-shout--breakout .two-column-shout__media {
    float: left;
    width: 50%;
  }
  .two-column-shout--breakout.two-column-shout--content-left .two-column-shout__header,
  .two-column-shout--breakout.two-column-shout--content-left .two-column-shout__body {
    float: left;
    clear: left;
  }
  .two-column-shout--breakout.two-column-shout--content-left .two-column-shout__media {
    float: right;
  }
  .eeg-wrapper .two-column-shout .panel {
    display:table-cell;
    vertical-align:middle;
    z-index: 3;
  }
  .eeg-wrapper .two-column-shout  .two-column-shout__content {
     display:table;
   }
  .eeg-wrapper .two-column-shout .panel-no-image {
	position: static;
    transform: none;
    width: 100%;
  }
  .eeg-wrapper .two-column-shout .vertical-align-middle, .two-column-shout .vertical-align-middle-content {
    position: absolute;
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media ( max-width : 768px) {
  .two-column-shout .mobile-only .cta-group__link {
    display: inline;
  }
  .two-column-shout  .cta-group.vertical-align{
    margin-bottom: 1.75em;
  }
}

@media (max-width : 719px) {
  .two-column-shout-container.mobile-reverse{
      display: flex;
      flex-direction: column-reverse;
      -moz-flex-direction: column-reverse;
  }
}

.two-column-shout  .cta-group.vertical-align{
  margin-bottom:  1.575em;
  font-weight: normal;
}

.non-bold-link{
  font-weight: normal;
  font-size: 16px;
}

.eeg-wrapper .two-column-shout .container {
	min-height: 50px;
}
.eeg-wrapper .two-column-shout .container .theme-smartlayer-mask {
	position: initial;
}

.eeg-wrapper .two-column-shout .cta-group a:focus {
   outline: 0.0625rem solid #007b85;
   outline-offset: 0.125rem;
}

.navigation-wrapper .module {
	margin: 0;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.icon-with-text__heading {
    color: #007b85;
    font-weight: bold;
    margin: 0;
    font-size:0.89em;
}

.icon-with-text__icon {
    font-size: 2em;
}

.icon-text-bg-white {
    padding-top: 20px;
    background: white;
}

.icon-text-style-two {
    margin-bottom: 25px;
}

.icon-text-style-two .icon-with-text__icon {
    font-size: 1.3em;
    display: table-cell;
    vertical-align: top;
}

.icon-text-style-two .icon-with-text__heading{
    display: table-cell;
    font-weight: normal;
    padding-left: 20px;
    font-size: 1em;
}

.icon-text:last-child .icon-text-style-two{
    margin-bottom: 0;
}

.icon-text-style-three {
    padding-top: 8px;
    padding-bottom: 20px;
}

.icon-text-style-three a {
    display: block;
}

.icon-text-style-three .imageicon-with-img__container {
    display: table-cell;
    vertical-align: top;
}

.icon-text-style-three .image-icon-container {
    width: 86px;
    height: 50px;
    text-align: center;
    margin-top: 5px;
}

.icon-text-style-three .imageicon-with-text__container {
     padding: 0 0 0 8px;
     text-align: left;
     display: table-cell;
     vertical-align: top;
}

.icon-text-style-three .imageicon-with-text__heading {
    float: left;
    line-height: 22px;
    width: 100%;
    font-weight: 600;
    font-size: 17px;
    word-wrap: break-word;
 }

.icon-text-style-three .imageicon-with-text__content {
    float: left;
    width: 100%;
    color: #6d6e71;
    padding: 8px 0;
    word-wrap: break-word;
 }

.icon-text-style-three .imageicon-with-text__content p {
    margin: 0;
    padding: 0;
}


@media (max-width: 60em) {
	.icon-text-style-three {
	    padding-bottom: 25px;
	}
	.icon-text-style-three .image-icon-container {
	    width: 40px;
	    height: 40px;
	}
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.table h1 [data-icon]:before{
    font-size: 0.45em;
    position: relative;
    top: -21px;
}
.table h2 [data-icon]:before{
    font-size: 0.6em;
    position: relative;
    top: -6px;
}
.table {
  text-align: left;
}

.table__module-footer, .table__footer {
  padding: 0.5em;
}

.table tbody tr p{
  margin-top:0px;
}

.table thead.responsive{
  border:none;
  vertical-align: top;
}

.table tbody.responsive tr{
  border:none;
  vertical-align: top;
}
  
.table tbody.responsive tr td .cta-group {
  margin-top:0px;
} 
 
.table tbody.responsive tr td .button {
  float:none;
}

.inlineClass{
  display:inline-block;
} 

.table tbody tr .table-row-cell h1,.table tbody tr .table-row-cell h2,
.table tbody tr .table-row-cell h3,.table tbody tr .table-row-cell h4,
.table tbody tr .table-row-cell h5,.table tbody tr .table-row-cell .h1,
.table tbody tr .table-row-cell .h2,.table tbody tr .table-row-cell .h3,
.table tbody tr .table-row-cell .h4,.table tbody tr .table-row-cell .h5{
  margin : 0;
}

.table tbody tr .table__row-header h1,.table tbody tr .table__row-header h2,
.table tbody tr .table__row-header h3,.table tbody tr .table__row-header h4,
.table tbody tr .table__row-header h5,.table tbody tr .table__row-header .h1,
.table tbody tr .table__row-header .h2,.table tbody tr .table__row-header .h3,
.table tbody tr .table__row-header .h4,.table tbody tr .table__row-header .h5{
  margin : 0;
}

.table thead th.left{
    text-align:left
}
.table thead th.center{
    text-align:center
}

@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translateZ(-500px) translateX(100%);
  }
  to {
    -webkit-transform: translateZ(0) translateX(0%);
  }
}

@-moz-keyframes slideIn {
  from {
    -moz-transform: translateZ(-500px) translateX(100%);
  }
  to {
  -moz-transform: translateZ(0)  translateX(0%);
  }
}

@keyframes slideIn {
  from {
     transform: translateZ(-500px) translateX(100%);
  }
  to {
     transform: translateZ(0) translateX(0%);
  }
}

@media (min-width: 45em) {
  .table__module-footer, .table__footer {
    padding: 0.75em;
  }
}
@media (min-width: 75em) {
  .table__module-footer, .table__footer {
    padding: 0.75em;
  }
}

.table thead {
  border-top: 1px dotted #6d6e71;
  border-bottom: 1px dotted #6d6e71;
}
.table thead th {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  /* IE8/9 fix */
  text-align: inherit;
}
@media (min-width: 45em) {
  .table thead th {
    padding-top: 0.75em;
  }
}
@media (min-width: 75em) {
  .table thead th {
    padding-top: 0.75em;
  }
}
@media (min-width: 45em) {
  .table thead th {
    padding-bottom: 0.75em;
  }
}
@media (min-width: 75em) {
  .table thead th {
    padding-bottom: 0.75em;
  }
}

.table tbody .button {
  margin-top: 0;
  float: right;
}
.table tbody td {
  padding-left: 1em;
  padding-right: 1em;
}
@media (min-width: 45em) {
  .table tbody td {
    padding-left: 1.5em;
  }
}
@media (min-width: 75em) {
  .table tbody td {
    padding-left: 1.5em;
  }
}
@media (min-width: 45em) {
  .table tbody td {
    padding-right: 1.5em;
  }
}
@media (min-width: 75em) {
  .table tbody td {
    padding-right: 1.5em;
  }
}
.table tbody td *[data-icon] {
  font-size: 1.4em;
}

@media (max-width: 44.9375em) {
  .table table,
  .table thead,
  .table tfoot,
  .table tbody,
  .table tr,
  .table th,
  .table caption,
  .table td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: left;
  }

  .table thead {
    display: none;
  }

  .table tr {
    padding: 1em;
    position: relative;
  }
  
  .table tbody td {
    padding-left: 50%;
    position: relative;
    font-weight: bold;
  }
  
  .table tbody.responsive td {
    padding-left: 0.75em;
  }
  
  .table tbody td.h4 {
    font-family: 'arial';
    margin-top: 0;
  }
  
  .table tbody td:before {
    position: absolute;
    left: 0;
    font-weight: normal;
  }
  

  .table tbody.responsive td .table-row-cell {
     float: right;
     width: 50%
  }
  
  .table tbody.responsive .colHeader {
    display: inline-block;
    white-space: normal;
    font-weight: normal;
    width: 45%;
    padding: 0 5px;
  }

  .table tbody td.cta {
    padding: 0;   
  }

  .table tbody .cta {
    text-align: center;
  }

  .table tbody .button {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  .slide-in {
    animation: slideIn 0.7s ease 0.01s;
  }
  
  .page-navigation a.previous_link {
   position:absolute;
   left:3%;  
   z-index:10;
   display:none;
  }

  .page-navigation a.previous_link>span.ee-icon-chevronback {
   font-size: 1.5em;
  }  

  .page-navigation a.next_link{
   position:absolute;
   right:3%;
   z-index:10;
  }

  .page-navigation a.next_link,.page-navigation a.previous_link:focus {
    outline-color: white;
  }  

  .page-navigation a.next_link>span.ee-icon-chevronnext {
   font-size: 1.5em;
  }

  .page-navigation a.page_link {
   display:none;
  }

  .table tbody.responsive tr td.highlight:not(.table__row-header) {   
    color: #6d6e71;
  } 

   .table tbody td.centerClass{
    text-align:center;
  }
   .table .paragraph-content .table__tooltip-icon{
    position: relative;
    right: 0;
    top: 0;
  }
  .table .table__tooltip-icon{
    top:0;
    position:static
  }
}
@media (min-width: 44.9375em) and (max-width: 75em) {
  .table .container.white.responsive{
    overflow-x:auto;
}
}
@media (max-width: 44.9375em) and (min-width: 45em) {
  .table tr {
    padding: 1.5em;
  }
}
@media (max-width: 44.9375em) and (min-width: 75em) {
  .table tr {
    padding: 1.5em;
  }
}

.table tbody tr {
  border-top: 1px dotted #6d6e71;
}

.table tbody td.table__row-header {
  padding-left: 0;
}

.table tbody td:before {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
  padding-right: 0.5em;
}
@media (min-width: 45em) {
  .table tbody td:before {
    padding-right: 0.75em;
  }
}
@media (min-width: 75em) {
  .table tbody td:before {
    padding-right: 0.75em;
  }
}

@media (min-width: 45em) {
  .table tbody td.table__row-header {
    padding-left: 0.5em;
  }
  .table tbody td {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0;
    padding-right: 0;
  }
  .table tbody td:before {
    content: "";
    display: none;
  }

  .table tbody tr td.highlight {
    background: #f6f4f0;
    color: inherit;
  }

}
@media (min-width: 45em) and (min-width: 45em) {
  .table tbody td.table__row-header {
    padding-left: 0.75em;
  }
}
@media (min-width: 45em) and (min-width: 75em) {
  .table tbody td.table__row-header {
    padding-left: 0.75em;
  }
}

@media (min-width: 45em) and (min-width: 45em) {
  .table tbody td {
    padding-top: 0.75em;
  }
}
@media (min-width: 45em) and (min-width: 75em) {
  .table tbody td {
    padding-top: 0.75em;
  }
}
@media (min-width: 45em) and (min-width: 45em) {
  .table tbody td {
    padding-bottom: 0.75em;
  }
}
@media (min-width: 45em) and (min-width: 75em) {
  .table tbody td {
    padding-bottom: 0.75em;
  }
}
@media (min-width: 45em) {
  .table thead th, .table td {
    padding-left: 0;
  }

  .table .table--themed thead th:first-child, .table .table--themed tbody tr td:first-child,
  .table .table--headers thead th:first-child, .table .table--headers tbody tr td:first-child {
    padding-left: 0.5em;
  }
  .table .table--themed.table--headers thead th:nth-child(2), .table .table--themed.table--headers tbody tr td:nth-child(2) {
    padding-left: 0.5em;
  }
}
@media (min-width: 45em) and (min-width: 45em) {
  .table .table--themed thead th:first-child, .table .table--themed tbody tr td:first-child,
  .table .table--headers thead th:first-child, .table .table--headers tbody tr td:first-child {
    padding-left: 0.75em;
  }
}
@media (min-width: 45em) and (min-width: 75em) {
  .table .table--themed thead th:first-child, .table .table--themed tbody tr td:first-child,
  .table .table--headers thead th:first-child, .table .table--headers tbody tr td:first-child {
    padding-left: 0.75em;
  }
}

@media (min-width: 45em) and (min-width: 45em) {
  .table .table--themed.table--headers thead th:nth-child(2), .table .table--themed.table--headers tbody tr td:nth-child(2) {
    padding-left: 0.75em;
  }
}
@media (min-width: 45em) and (min-width: 75em) {
  .table .table--themed.table--headers thead th:nth-child(2), .table .table--themed.table--headers tbody tr td:nth-child(2) {
    padding-left: 0.75em;
  }
}

@media (max-width: 44.9375em) {
  .table tbody td.table__row-header.theme-standard {
    padding: 0.5em;
  }
}
@media (max-width: 44.9375em) and (min-width: 45em) {
  .table tbody td.table__row-header.theme-standard {
    padding: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 75em) {
  .table tbody td.table__row-header.theme-standard {
    padding: 0.75em;
  }
}

/* ==========================================================================
   TOOL TIP
   ========================================================================== */
.table__tooltip {
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -ms-border-radius: 0.2em;
  -o-border-radius: 0.2em;
  border-radius: 0.2em;
}

.table__tooltip-icon {
  color: #007B85;
  cursor: pointer;
  font-size: 1em;
  position: absolute;
  right: 0.5em; 
  top: 0.5em;  
}

.table__tooltip-insert {
  display: none;
}

.tooltip__triangle {
  bottom: -0.9em;
  height: 1em;
  left: 50%;
  margin-left: -1em;
  position: absolute;
  width: 2em;
}

.tooltip__triangle:before {
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0.75em;
  border-top-color: #d5d5d0;
  content: " ";
  position: absolute;
  top: 2px;
}

.tooltip__triangle:after {
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0.75em;
  border-top-color: #f6f4f0;
  content: " ";
  position: absolute;
}

@media (max-width: 44.9375em) {
  .table__tooltip {
    display: none !important;
  }

  .table__tooltip-insert {
    width: 100%;
    float: left;
    position: relative;
    background: #f6f4f0;
    border: 1px solid #d5d5d0;
    margin-top: 0.5em;
    margin-bottom: 1em;
  }
  .table__tooltip-insert .tooltip__title {
    width: 100%;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 3em;
    font-family: Rubrik, Arial, sans-serif;
    font-weight: bold;
  }
  .table__tooltip-insert .tooltip__triangle {
    bottom: auto;
    top: -1.5em;
    left: auto;
    margin: auto;
    right: 1em;
  }
  .table__tooltip-insert .tooltip__triangle:before {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0.75em;
    border-bottom-color: #d5d5d0;
    top: auto;
    position: absolute;
  }
  .table__tooltip-insert .tooltip__triangle:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0.75em;
    border-bottom-color: #f6f4f0;
    top: 2px;
    position: absolute;
  }
  .table__tooltip-insert .tooltip__content {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
  }
  .table__tooltip-insert .tooltip__close-button {
    display: none;
  }
}
@media (max-width: 44.9375em) and (min-width: 45em) {
  .table__tooltip-insert {
    margin-top: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 75em) {
  .table__tooltip-insert {
    margin-top: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 45em) {
  .table__tooltip-insert {
    margin-bottom: 1.5em;
  }
}
@media (max-width: 44.9375em) and (min-width: 75em) {
  .table__tooltip-insert {
    margin-bottom: 1.5em;
  }
}
@media (max-width: 44.9375em) and (min-width: 45em) {
  .table__tooltip-insert .tooltip__title {
    padding-left: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 75em) {
  .table__tooltip-insert .tooltip__title {
    padding-left: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 45em) {
  .table__tooltip-insert .tooltip__title {
    padding-top: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 75em) {
  .table__tooltip-insert .tooltip__title {
    padding-top: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 45em) {
  .table__tooltip-insert .tooltip__title {
    padding-bottom: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 75em) {
  .table__tooltip-insert .tooltip__title {
    padding-bottom: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 45em) {
  .table__tooltip-insert .tooltip__content {
    padding-left: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 75em) {
  .table__tooltip-insert .tooltip__content {
    padding-left: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 45em) {
  .table__tooltip-insert .tooltip__content {
    padding-right: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 75em) {
  .table__tooltip-insert .tooltip__content {
    padding-right: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 45em) {
  .table__tooltip-insert .tooltip__content {
    padding-bottom: 0.75em;
  }
}
@media (max-width: 44.9375em) and (min-width: 75em) {
  .table__tooltip-insert .tooltip__content {
    padding-bottom: 0.75em;
  }
}
@media (min-width: 45em) {
  .table__tooltip {
    position: absolute;
    display: none;
    background: #f6f4f0;
    border: 1px solid #d5d5d0;
    color: #6d6e71;
    z-index: 10;
    max-width: 20em;
    padding: 0.5em;
  }
  .table__tooltip .tooltip__title {
    width: 100%;
    padding-right: 3em;
    font-family: Rubrik, Arial, sans-serif;
    font-weight: bold;
  }
  .table__tooltip .tooltip__close-button {
    position: absolute;
    top: 1em;
    right: 1em;
    cursor: pointer;
  }

  .table__tooltip-icon {
    position: static;
  }

  .table__tooltip-insert {
    display: none !important;
  }
}
@media (min-width: 45em) and (min-width: 45em) {
  .table__tooltip {
    padding: 0.75em;
  }
}
@media (min-width: 45em) and (min-width: 75em) {
  .table__tooltip {
    padding: 0.75em;
  }
}
.container__table.cols-1 .table__col-width {
  width: 100%;
}
.container__table.cols-2 .table__col-width {
  width: 50%;
}
.container__table.cols-3 .table__col-width {
  width: 33.3%;
}
.container__table.cols-4 .table__col-width {
  width: 25%;
}
.container__table.cols-5 .table__col-width {
  width: 20%;
}
.container__table.cols-6 .table__col-width {
  width: 16.6%;
}
.container__table.cols-7 .table__col-width {
  width: 14.2%;
}
.container__table.cols-8 .table__col-width {
  width: 12.5%;
}
.container__table.cols-9 .table__col-width {
  width: 11.11%;
}
.container__table.cols-10 .table__col-width {
  width: 10%;
}
.container__table.cols-11 .table__col-width {
  width: 9%;
}
.container__table.cols-12 .table__col-width {
  width: 8.3%;
}

.container__table caption {
  font-size: 0.9em;
  padding: 0.5em;
}

.table a.cta-group__button:focus {
  outline: #007b85 2px dotted;
}

@media (min-width: 45em) {
  .container__table caption {
    padding: 0.75em;
  }
}
@media (min-width: 75em) {
  .container__table caption {
    padding: 0.75em;
  }
}

.container__table.cols-12 {
  table-layout: fixed;
  width: 100%;
}
.container__table.cols-12 tbody > tr > td, .container__table.cols-12 thead > tr > th {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.container__table.cols-12 tbody > tr > td {
  padding-left: 50%;
}
@media (min-width: 45em) {
  .container__table.cols-12 tbody > tr > td {
    padding-left: 0;
  }
}

@media (min-width: 45em) {
     .table .table--themed thead tr th, .table .table--themed tbody tr td{
        padding-left: 0.75em;
  }
}



/* table changes new style variant 2*/

.table-style2  .tabella-ctr {
    margin: 0;    
    border-top: solid 1px #d8d8d9; 
    border-bottom: solid 2px #d8d8d9; 
    box-shadow: 0 -1px 5px 0 rgba(214, 214, 214, 0.5);   
}

.table-style2 .t-row-cell:nth-of-type(odd) {
    background: none;
    height: auto;   
}

.table-style2  .t-row-cell:nth-of-type(even) {
    background: none;
    height: auto;   
}

.table-style2 .t-row-cell {
    font-family: Rubrik, Arial, sans-serif;
    font-size: 17px;
    color: #3c3d41;
    padding: 0;
    height: auto;    
}

.table-style2 .t-bold {
    font-weight: 600;
}

.table-style2 .t-row-desc {
    text-align: left;
    padding: 15px 0;
    z-index: 999;
}

.table-style2 .t-row-values,
.table-style2 .t-row-desc {
    padding: 15px 0;
}

.table-style2 .t-row-desc {
    padding-left: 15px;
    padding-right: 24px;
}

.table-style2  .t-cell-desc-l {
    font-family: Rubrik, Arial, sans-serif;
    font-size: 17px;
    color: #3c3d41;
    font-style: normal;
}

.table-style2 .t-cell-desc-l p, 
.table-style2 .t-row-cell .t-cell-value p,
.table-style2 .t-row .t-row-values .t-element .t-cell-desc-s p,
.table-style2 .tabel-mobile-row .tabel-mobile-row-value p,
.table-style2 .tabel-mobile-row .tabel-mobile-row-header p {
    margin-top: 0;
}

.table-style2 .t-cell-desc-l p:last-of-type, 
.table-style2 .t-row-cell .t-cell-value p:last-of-type,
.table-style2 .t-row .t-row-values .t-element .t-cell-desc-s p:last-of-type,
.table-style2 .tabel-mobile-row .tabel-mobile-row-value p:last-of-type,
.table-style2 .tabel-mobile-row .tabel-mobile-row-header p:last-of-type {
    display: inline-block;
}

.table-style2  .t-first-row .t-cell-desc-l{
    font-weight: 600;
}

.table-style2  .t-row{
    margin: 0;
    border: none;
    border-top: solid 1px #d8d8d9;    
}

.table-style2 .t-cell-value {
    text-align: center;
}

.table-style2 .t-arrow,
.table-style2 .t-arr-right, 
.table-style2 .t-arr-left {
    background-color: transparent;
    font-size: 1.3rem;
    width: 2rem;
    height: 2rem;
    line-height: 1.5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.table-style2 .t-arrow:focus,
.table-style2 .t-arr-right:focus, 
.table-style2 .t-arr-left:focus {
    outline: none;
}

.table-style2 .t-row-desc,
.table-style2 .t-row-content {
    background: #fff;
}

.table-style2  .t-row:hover {
    background-color: #f4f4f4;
}

.table-style2  .t-first-row:hover{
    background: transparent;
}

.table-style2 .tabel-mobile-style2 {
    display:none;
    width: 100%;
}

.table-style2 .table__icon {
    color: #009c9c;
    font-size: 2em;
}

.t-row:nth-child(2n+2) .t-row-content,
.t-row:nth-child(2n+2) .t-row-desc {
    background: #f4f4f4;
}

@media (min-width: 0) and (max-width: 47.9375em) {

    .table-style2 .tabel-mobile-style2 {
        display:inline-block;
        width: 100%;
    }
    .table-style2 .tabel-mobile-row {
        float: left;
        width: 100%;
        border-bottom: solid 1px #d8d8d9;
        background: #f4f4f4;
    }
    .table-style2 .tabel-mobile-row-header {
        font-size: 17px;
        font-weight: 600;
        text-align: left;
        color: #3c3d41;
        padding: 22px 5% 22px 5%;
    }
    .table-style2 .tabel-mobile-row-content { 
        float: left;
        width: 100%;
        padding: 22px 5% 22px 5%;
        border-bottom: dotted 1px #d8d8d9;
    }
    .table-style2 .tabel-mobile-row-content:last-child { 
        border-bottom: solid 1px #d8d8d9;
    }
    .table-style2 .tabel-mobile-row-desc,
    .table-style2 .tabel-mobile-row-value { 
        float: left;
        width: 50%;
    }
    .table-style2 .tabel-mobile-row-value {
        text-align: center;
    }
    .table-style2 .tabella-ctr {
        display: none;
     }
}

.table-style2 .table-blur__left,
.table-style2 .table-blur__right {
    position: absolute;
    top: 0;
    width: 40px;
    margin-top: -10px;
    z-index: -1;
}

.table-style2 .table-blur__right {
    right: 0;
    margin-right: -10px;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));
    background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(255,255,255,1));
    background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(255,255,255,1));
    pointer-events: none;
}

.table-style2 .table-blur__left {
    left: 0;
    margin-left: -10px;
    background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
    background: -o-linear-gradient(right, rgba(255,255,255,1), rgba(0,0,0,0));
    background: -moz-linear-gradient(right, rgba(255,255,255,1), rgba(0,0,0,0));
    opacity: 0.8;
    pointer-events: none;
}

.table-style2 .table-blur__left:hover,
.table-style2 .table-blur__right:hover,
.table-style2 a:hover,
.table-style2 a {
    cursor: default;
}

.table-style2 .t-svg-arrow {
    fill: transparent;
}

.table-style2 .t-arr-right svg,
.table-style2 .t-arr-left svg  {
    width: 78%;
    height: 78%;
}

.table-style2 .t-arr-left {
    margin-left: 10px;
    margin-top: 10px !important;
}

.table-style2 .t-arr-right {
    margin-right: 10px;
    margin-top: 10px !important;
}

.table-style2 .highlighted--row .t-row-content,
.table-style2 .highlighted--row .t-row-desc {
    background: #f4f4f4;
    box-shadow: none;
}

.table__authorInstance .table__row-header {
    width: 14%;
}

@media (min-width: 0) and (max-width: 1024px) {
    .table-style2 .table-blur__left,
    .table-style2 .table-blur__right {
        width: 40px;
    }
}

.EE .accordion-item .table {
    margin-top: 76px;
    margin-bottom: 76px;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

/*
 *  tabellajs - v0.4.1
 *  2016-11-09
 *
 *  https://github.com/iliketomatoes/tabellajs
 */

.tabella-ctr *,
.tabella-ctr *:after,
.tabella-ctr *:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabella-ctr {
  display: block;
  position: relative;
  width: 100%;
  margin: 1rem 0 2rem;
  transition: all 100ms ease-out;
}

/*
===========================
TABLE HEADER
===========================*/
.t-fixed-header {
  display: block;
  z-index: -1;
}

.t-first-row {
  z-index: 100;
}

.t-shadow {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
}

.t-shadow::before {
  position: absolute;
  content: '';
  top: -1px;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

/**
* WATCH OUT! The height property given to a table displayed element, is equal to min-height.
* Hence, it is going to expand when the content is higher than that height.
*/
.t-first-row .t-row-cell {
  height: 3.4rem;
}

/*
===========================
MAIN RULES
===========================*/
.t-row {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.t-row-content-wrapper {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
}

.t-row-content {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
}

.t-row-header {
  display: block;
  position: relative;
  width: 100%;
  padding: 0.3rem 0.5rem;
  float: none;
  overflow: auto;
  color: #3F51B5;
}

.t-cell-desc-l .t-header-devider,
.t-cell-desc-s .t-header-devider {
  text-align: left;
}

.t-header-devider {
  display: block;
  clear: both;
  text-align: center;
  line-height: 0.4rem;
  margin-bottom: 0.2rem;
}

.t-sliding-row {
  position: relative;
  overflow: auto;
  will-change: transform;
}

.t-row-values {
  float: left;
  position: relative;
  font-size: 1rem;
  overflow: hidden;
}

.t-row-desc {
  float: left;
  display: table;
  position: relative;
  overflow: hidden;
  padding: 0.4rem 0.1rem;
  font-size: 1rem;
  background-color: #fff;
  text-align: center;
}

.t-row-cell {
  float: left;
  display: table;
  position: relative;
  text-align: center;
  padding: 0.4rem 0.1rem;
  color: rgba(0, 0, 0, 0.7);
}

.t-row-cell:nth-of-type(odd) {
  background-color: #C5CAE9;
}

.t-row-cell:nth-of-type(even) {
  background-color: #9FA8DA;
}

.t-cell-border-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.9rem;
  right: 0.9rem;
  height: 0;
  border-top: 1px dotted rgba(0, 0, 0, 0.12);
}

.t-element {
  display: table-cell;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  line-height: 1.4;
  vertical-align: middle;
}

.t-cell-value {
  display: inline-block;
  text-align: left;
  cursor: default;
}

.t-cell-desc-s {
  display: inline-block;
  margin-right: 0.4rem;
  text-align: left;
  color: rgba(0, 0, 0, 0.3);
}

.t-cell-desc-l {
  display: inline-block;
  position: relative;
  height: 100%;
  margin: 0 auto;
  text-align: left;
  color: rgba(0, 0, 0, 0.54);
  font-style: italic;
}

.t-hide {
  display: none !important;
  width: 0;
  height: 0;
  z-index: -1;
}

.t-arrow, .t-arr-right, .t-arr-left {
  position: absolute;
  z-index: 500;
  width: 3rem;
  height: 3rem;
  top: 0;
  margin-top: 0.25rem;
  line-height: 1.4;
  font-size: 2rem;
  text-align: center;
  border-radius: 50%;
  background-color: #FF4081;
  color: #fff;
  cursor: pointer;
  outline: none;
  -webkit-box-shadow: 1px 0px 2px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 1px 0px 2px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 1px 0px 2px 0px rgba(50, 50, 50, 0.75);
  transition: all 100ms ease-out;
}

.t-arrow:active, .t-arr-right:active, .t-arr-left:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 0.28rem;
}

.t-arr-right {
  right: 0;
  margin-right: -0.7rem;
}

.t-arr-right svg {
  position: relative;
  width: 60%;
  height: 60%;
  top: 10%;
}

.t-arr-left {
  left: 0;
  margin-left: -0.7rem;
}

.t-arr-left svg {
  position: relative;
  width: 60%;
  height: 60%;
  top: 10%;
}

.t-svg-arrow {
  fill: #fff;
}

.t-bold {
  font-weight: bold;
}

/*
=====================
 COMMON RULES
=====================*/
.t-no-select, .t-sliding-row, .t-cell-value, .t-arr-right, .t-arr-left {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * EE Limited 2018. All rights reserved.
 */

.enable-margin-banner {
    margin: 48px 0;
}

.general-banner {
    margin-top: 0;
    margin-bottom: 0;
    height: 100%
}

.general-banner-nonviewport {
    height: 100%
}

.general-banner .container {
    padding: 0;
    position: relative
}

.general-banner .container .general-banner-content__container {
    position: absolute;
    z-index: 10;
    width: 100%;
    max-width: none;
    background: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 1.5em;
}

.general-banner .container .general-banner-content__container.video-always-play-inline {
    top: 40%;
}
.general-banner-video__container .video-embed__play {
    line-height:0;
}
.general-banner .container .general-banner-image__container {
    width: 100%;
    max-width: 125em;
    margin: 0 auto;
}

.general-banner .general-banner-image--adaptive img {
    width: 100%;
    max-width: 100%;
    max-height: 100%
}

.general-banner .general-banner__container--handheld {
    display: none
}

.general-banner .general-banner__container--desktop {
    display: block
}

.general-banner .container.general-banner--height480{
 	    max-width: 100%;
}

@media ( max-width : 767px) {
    .enable-margin-banner {
    margin: 42px 0px 14px 0px;
    }
    .general-banner .general-banner__container--handheld {
        display: block
    }
    .general-banner .general-banner__container--desktop {
        display: none
    }
    .general-banner .width-33, .general-banner .width-50 {
        width: 100%
    }


.general-banner .general-banner__container--handheld .container.general-banner--height480{
	    margin: 0;
}

}
.general-banner .general-banner__container__fullwidth {
    margin: 0 0;
    min-width: 100%;
    padding:0 !important;
}


.general-banner .general-banner__container--border {
    border: 1px solid #007b85;
}

.general-banner .general-banner__text--block {
    padding: 1.5em;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.general-banner .general-banner__text--block {
    padding: 1.5em;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.general-banner .general-banner__text--block .cta-group__link {
    margin-top: 0
}

.general-banner .general-banner__text--block>:first-child {
    margin-top: 0
}

.general-banner .general-banner__text--block a::after {
    content: '';
    margin-left: 0
}

.general-banner .general-banner__text--block a:hover {
    border: 0 !important
}

@media ( min-width :768px) and (max-width: 1023px) {
    .general-banner .general-banner__text--block {
        padding: 1em;
    }
    .general-banner .general-banner__text--block p {
        font-size: 0.875em;
    }

}

@media ( min-width :768px) and (max-width: 1023px) and (orientation: portrait) {
	.general-banner .general-banner__container--handheld.general-banner__medium-variant{
		display: block
	}
	
	.general-banner .general-banner__container--handheld.general-banner__medium-variant .container .general-banner-content__container {
		z-index: 0;
	}
	
	.general-banner .general-banner__container--handheld .container .opacity-block {
		opacity: 0;
	}
}

@media ( min-width :768px) and (max-width: 1024px) {

	.general-banner .general-banner--height480 .general-banner-content__container{
		top: 40%;
	}

	.general-banner .medium-banner__variant .container.general-banner--height480{
	    margin: 0;
    	position: unset;
	}
	.general-banner .general-banner-nonviewport.medium-banner__variant{
		position: relative;
	}
}

@media (min-width:768px) and (max-width:1366px) and (orientation: portrait) {
    .enable-margin-banner {
    margin: 42px 0px 14px 0px;
    }
    .general-banner .general-banner__container--desktop .desktop-text {
        display: block;
    }
    .general-banner .width-33, .general-banner .width-50 {
        width: 100%
    }
}

@media ( max-width : 768px) {
    .general-banner .general-banner__text--block h3 {
        margin: 0;
        margin-bottom: 6px;
        font-size: 1.375em
    }
    .general-banner .general-banner__text--block h4 {
        margin: 0;
        font-size: 1em
    }
    .general-banner .general-banner__text--block h2 {
        margin: 0;
        margin-bottom: 6px;
        font-size: 1.6875em
    }
}

.general-banner .general-banner__text--block .general-banner__text--desktop {
    display: block;
    word-wrap: normal;
}

.general-banner .general-banner__text--block .general-banner__text--mobile {
    display: none;
    word-wrap: normal;
}

@media screen and (max-width: 767px) {
    .general-banner .general-banner__text--block .general-banner__text--desktop {
        display: none;
    }
    .general-banner .general-banner__text--block .general-banner__text--mobile {
        display: block;
    }
}

.general-banner a.general-banner__cta--item {
    z-index: 11;
    position: relative;
}

.general-banner .general-banner--vertical.right .general-banner__cta--item {
    text-align: right
}

.general-banner .cta-group__link, .general-banner .button-primary {
    display: inline-block
}
.general-banner .width-33 {
    width: 33.3%;
    float: left
}

.general-banner .width-50 {
    width: 50%;
    float: left
}

.general-banner .general-banner__clickable-banner .container:hover {
    cursor: pointer
}

.general-banner .general-banner__clickable-banner .container:focus {
    outline: 2px dotted #007b85
}

.general-banner .general-banner__overlay--off {
    display: none
}

.general-banner .general-banner__overlay--on {
    position: absolute;
    z-index: 1;
    width: 100%
}

.general-banner .general-banner__overlay--on+.general-banner__cta--block {
    display: none
}

.general-banner .general-banner__text-shadow {
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.5), 0 0 32px rgba(0, 0, 0, 0.4);
    filter: dropshadow(color = #000, offx = 3, offy = 3)
}

.ie9 .general-banner .general-banner__text-shadow {
    filter: none
}

.general-banner .general-banner--vidautoplay {
    padding: 0
}

.general-banner .general-banner__cta--item:last-child {
    padding-bottom: 1.5em;
}

.general-banner .general-banner--height180 {
    min-height: 180px;
}

.general-banner .general-banner--height320 {
    min-height: 320px;
}

.general-banner .general-banner--height640 {
    min-height: 640px;
}

@media ( max-width : 567px) {
    .general-banner .general-banner--height180 {
        min-height: 90px;
    }

    .general-banner .general-banner--height320 {
        min-height: 160px;
    }

    .general-banner .general-banner--height640 {
        min-height: 172px;
    }
}

@media ( min-width : 568px) and (max-width: 767px) {
    .general-banner .general-banner--height180 {
        min-height: 145px;
    }

    .general-banner .general-banner--height320 {
        min-height: 240px;
    }

    .general-banner .general-banner--height640 {
        min-height: 296px;
    }
}

@media ( max-width : 767px) {
    .general-banner .container .general-banner-content__container.video-always-play-inline {
        top: 30%;
    }
}

@media ( max-width : 400px) {
    .general-banner .container .general-banner-content__container.video-always-play-inline {
        top: 25%;
    }
}

@media ( min-width : 569px) {
    .eeg-wrapper .eco-sys-banner-caption .general-banner__cta--block .general-banner__cta--item {
        margin-left: 1.5rem;
    }
    .eeg-wrapper .eco-sys-banner-caption .general-banner__cta--block .general-banner__cta--item:first-child {
        margin-left: 0;
    }
}

@media ( min-width : 768px) and (max-width: 1024px) {

    .general-banner .general-banner--height640 {
        min-height: 350px;
    }
    .general-banner .container .general-banner-content__container.video-always-play-inline {
        top: 35%;
    }
}

#CQrte span.white,#CQrte span.yellow {
    background-color: #cccccc
}

.general-banner-image__container.general-banner--vidautoplay {
    position: absolute;
}

.general-banner-image__container.general-banner--vidautoplay {
    display: none;
}

/*General annual upgrade banner*/

.general-banner .general-banner__container--handheld .general-banner--override-height180 {
    min-height : 180px;
}

.general-banner .general-banner__container--handheld .general-banner--override-height320 {
    min-height : 320px;
}

.general-banner .general-banner__container--handheld .general-banner--override-height480 {
    min-height : 480px;
}

.general-banner .general-banner__container--handheld .general-banner--override-height640 {
    min-height : 640px;
}

/*Bottom annual upgrade banner*/
.general-banner .annual-upgrade.bottom .h1,
.general-banner .annual-upgrade.bottom .h2,
.general-banner .annual-upgrade.bottom h1,
.general-banner .annual-upgrade.bottom h2{
    color: #ffffff;
}

.general-banner .annual-upgrade.bottom .general-banner__container__fullwidth {
    display: table;
    width: 100%;
}

.general-banner .annual-upgrade.bottom .general-banner-content__container {
    display: table-cell;
    vertical-align: middle;
}

/*Header annual upgrade banner*/
.general-banner .annual-upgrade.header .general-banner__container__fullwidth {
    background-color: #3C3D41;
}

.general-banner__container--handheld.annual-upgrade .general-banner-image{
    position: absolute;
    bottom: 0;
}

@media (min-width: 481px) and (max-width: 767px) {
    .general-banner__container--handheld.annual-upgrade .general-banner-image{
        left: 50%;
        margin-left: -300px;
        width: 600px;
    }
}

.general-banner .video-embed__play:before {
    content: "\e910";
    font-size: 4rem;
}

@media (max-width:440px){
    .general-banner--height180{
        height:140px;
    }
}


.general-banner .general-banner__text--block a.cta-group__button.button.button-primary:before,
.general-banner .general-banner__text--block a.cta-group__button.button.button-secondary:before {
    content: "";
}
.general-banner .general-banner__text--block a.cta-group__button.button.button-primary,
.general-banner .general-banner__text--block a.cta-group__button.button.button-secondary {
    margin: .5rem;
}


.general-banner .theme-container .general-banner__text--block a.cta-group__button.button.button-secondary:hover {
	border: 1px solid transparent !important;
}


.general-banner .theme-aqua .general-banner__text--block a.cta-group__button.button.button-primary {
    color: #3c3d41 !important;
    background-color: #ffe600;
}

.general-banner .theme-aqua .general-banner__text--block a.cta-group__button.button.button-primary:hover {
    background-color: #dbc600;
}

.general-banner .theme-aqua .general-banner__text--block a.cta-group__button.button.button-secondary:hover {
    color: #007b85 !important;
    background: #ffffff;
}

.general-banner .theme-white .general-banner__text--block a.cta-group__button.button.button-secondary:hover,
.general-banner .theme-ivory-background-light .general-banner__text--block a.cta-group__button.button.button-secondary:hover,
.general-banner .theme-ivory-background .general-banner__text--block a.cta-group__button.button.button-secondary:hover {
    color: #007b85 !important;
    background-color: #f2f2f2;
    border: 1px solid #6d6e71 !important;
}

.general-banner .theme-aqua  .general-banner__text--block a.cta-group__button.button.button-secondary,
.general-banner .theme-yellow  .general-banner__text--block a.cta-group__button.button.button-secondary,
.general-banner .theme-grey  .general-banner__text--block a.cta-group__button.button.button-secondary,
.general-banner .theme-ivory .general-banner__text--block a.cta-group__button.button.button-secondary,
.general-banner .theme-fog .general-banner__text--block a.cta-group__button.button.button-secondary {
    border: 1px solid transparent !important;
}

.general-banner  .eeg-wrapper.viewport .theme-aqua  .general-banner__text--block a.cta-group__button.button.button-secondary,
.general-banner .eeg-wrapper.viewport .theme-grey  .general-banner__text--block a.cta-group__button.button.button-secondary,
.general-banner .eeg-wrapper.viewport .theme-ivory .general-banner__text--block a.cta-group__button.button.button-secondary {
    border: 1px solid #fff !important;
}

.general-banner .eeg-wrapper.viewport .theme-fog .general-banner__text--block a.cta-group__button.button.button-secondary,
.general-banner .eeg-wrapper.viewport .theme-yellow  .general-banner__text--block a.cta-group__button.button.button-secondary,
.eeg-wrapper  .general-banner .eeg-wrapper.viewport .theme-yellow  .general-banner__text--block a.cta-group__button.button.button-secondary,
.eeg-wrapper  .general-banner .eeg-wrapper.viewport .theme-ivory .general-banner__text--block a.cta-group__button.button.button-secondary,
.eeg-wrapper  .general-banner .eeg-wrapper.viewport .theme-fog .general-banner__text--block a.cta-group__button.button.button-secondary {
    border: 1px solid #007b85 !important;
}

.eeg-wrapper  .general-banner .eeg-wrapper.viewport .theme-grey  .general-banner__text--block a.cta-group__button.button.button-secondary,
.eeg-wrapper  .general-banner  .eeg-wrapper.viewport .theme-aqua  .general-banner__text--block a.cta-group__button.button.button-secondary,
.eeg-wrapper .general-banner .theme-aqua  .general-banner__text--block a.cta-group__button.button.button-secondary,
.eeg-wrapper .general-banner .theme-grey  .general-banner__text--block a.cta-group__button.button.button-secondary,
.eeg-wrapper .general-banner .theme-ivory .general-banner__text--block a.cta-group__button.button.button-secondary {
    border: 1px solid #ffffff !important;
}

.eeg-wrapper .general-banner .theme-fog .general-banner__text--block a.cta-group__button.button.button-secondary,
.eeg-wrapper .general-banner .theme-yellow  .general-banner__text--block a.cta-group__button.button.button-secondary {
	border: 1px solid #007b85 !important;
}

.eeg-wrapper .general-banner .theme-white .general-banner__text--block a.cta-group__button.button.button-secondary:hover {
  color: #ffffff !important;
  background: #007b85;
  border: 1px solid #007b85 !important;
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.eeg-wrapper .eco-sys-banner .container {
    max-height: 100%;
}

.eeg-wrapper .eco-sys-banner .general-banner__text--block {
    padding: 0;
    height: auto;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-image__container {
    margin: 0;
}

.eeg-wrapper .eco-sys-banner-caption .general-banner__cta--block .general-banner__cta--item{
    display:inline;
}
 
.eeg-wrapper .eco-sys-banner-caption .general-banner__text--block h1 .lower-case {
    text-transform: lowercase !important;
}

.eeg-wrapper .ee-overlay__window_new {
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8510;
    min-width: 0;
    max-width: none;
    background-color: white;
}

.eeg-wrapper .eco-sys-banner{
    overflow:hidden;
    background-color: #f4f4f4;
    position: relative;
}
 
.eeg-wrapper .eco-sys-banner--overlay {
    position: absolute;
    width: 100%;
    height: 580px;
    opacity: 0.5;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000000);
}

.eeg-wrapper .eco-sys-banner--overlay.top-gradient {
    top: 0;
}

.eeg-wrapper .eco-sys-banner--overlay.bottom-gradient {
    transform: rotate(-180deg);
    bottom: 0;
}

.eeg-wrapper .eco-sys-banner-caption .general-banner__text--block h1,
    .eeg-wrapper .eco-sys-banner-caption .general-banner__text--block p {
    position: relative;
}

.viewport.banner-bottom-color-white{
		border-bottom: 4px solid #ffffff;
}

.viewport.banner-bottom-color-fog{
		border-bottom: 4px solid #DCDBDF;
}
 
@media (min-width:320px) and (max-width:767px) { 
    .eeg-wrapper .eco-sys-banner{
        background-color: rgba(0, 0, 0, 0.1);
    }
    .eeg-wrapper .eco-sys-banner-caption{
        width:100%;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        bottom:4.3%;
        left:0;
        padding:0 14px
    }
    .eeg-wrapper #section1 .eco-sys-banner-caption{
        bottom:14%;
    }
    .eeg-wrapper .eco-sys-banner--overlay {
        min-height: 504px;
    }
}

@media (min-width:320px) and (max-width:767px) and (orientation: landscape) {
    .eeg-wrapper .eco-sys-banner--overlay {
        min-height:240px;height: 240px;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .eeg-wrapper .eco-sys-banner{
        max-height:100%;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container {
        min-width: 532px;
    }    
    .eeg-wrapper .eco-sys-banner--overlay {
        height: 580px;
    }
 }
 
.eeg-wrapper .eco-sys-banner .container .general-banner-content__container {
    left: 3.1%;
    top: 9.7%;
    min-width:33%;
    transform: inherit;
    min-height: 1em;
    height: auto;
    word-break: break-word;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-thirty {
    max-width: 30%;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-fortyfive {
    max-width: 45%;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-fifty {
    max-width: 50%;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-fiftyfive {
    max-width: 55%;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-sixty {
    max-width: 60%;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-seventy {
    max-width: 70%;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-eighty {
    max-width: 80%;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-right {
    left: inherit;
    right: 2.5em;
    text-align: right;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-bottom {
    bottom: 2.5em;
    top: inherit;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-center-align {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-middle {
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-middle.video-always-play-inline {
    top: 40%;
}

.eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-center-align.desktop-middle {
    transform: translate(-50%, -50%);
    text-align: center;
}

.eeg-wrapper .eco-sys-banner .general-banner__text--block {
    padding: 0;
}

.eco-sys-banner.video-present {
    height: inherit;
}

.general-banner--vidautoplay .general-banner__overlay--on {
    position: static;
}

.eco-sys-banner .general-banner__container--desktop, .eco-sys-banner .general-banner__container--handheld,
.eco-sys-banner .theme-container, .eco-sys-banner .container,
.eco-sys-banner .container .general-banner-video__container,
.eco-sys-banner .container .general-banner-video__container .video-embed,
.eco-sys-banner .container .general-banner-video__container .video-embed .video-embed__player {
    height: inherit;
}

.eco-sys-banner .general-banner__container--desktop .container .general-banner-video__container .video-embed .video-embed__player {
    position: inherit;
}

.eco-sys-banner.no-desktop-image {
    height: 100%;
}

.general-banner .viewport .general-banner-image__container-desktop {
    display: block
}

.general-banner .viewport .general-banner-image__container-handheld {
    display: none
}

.eeg-wrapper .desktop-bottom~.general-banner-image__container .eco-sys-banner--overlay {
    transform: rotate(-180deg);
    bottom: 0;
}

.eeg-wrapper .desktop-middle~.general-banner-image__container .eco-sys-banner--overlay,
.eeg-wrapper .desktop-top~.general-banner-image__container .eco-sys-banner--overlay {
    top: 0;
     transform: rotate(0deg);
}

@media ( min-width :320px) and (max-width:767px) {
    .eeg-wrapper .eco-sys-banner-caption .general-banner__text--block h1,
    .eeg-wrapper .eco-sys-banner-caption .general-banner__text--block .h1 {
         font-size: 44px;
         line-height: 44px;
    }
    .eeg-wrapper .eco-sys-banner {
        background-color: rgba(0, 0, 0, 0.1);
    }
    .eeg-wrapper .eco-sys-banner-caption {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        bottom: 4.3%;
        left: 0;
        padding: 0 14px
    }
    .eeg-wrapper #section1 .eco-sys-banner-caption {
        bottom: 14%;
    }
    .eeg-wrapper .eco-sys-banner--overlay {
        min-height: 504px;
    }
    .general-banner-image--original-handheld {
        display: block;
    }
    .general-banner-image--original-tablet {
        display: none;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container a.button-primary,
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container a.button-secondary {
        margin-top:0.75em;
    }
}

@media ( min-width :320px) and (max-width:767px) and (orientation:
    landscape) {
    .eeg-wrapper .eco-sys-banner--overlay {
        min-height: 240px;
        height: 240px;
    }
}

@media ( min-width :569px) and (max-width:1025px)and (orientation:portrait) {
    .general-banner.general-banner__container--handheld {
        display: none;
    }
    .general-banner-image__container .general-banner--animatedbg-mobile {
        display: none
    }
    .general - banner.banner__viewPort--tablet {
        display: block;
    }
    .eco-sys-banner.no-desktop-image {
        height: auto;
    }
    .eeg-wrapper .eco-sys-banner {
        max-height: 100%;
    }
    .eeg-wrapper .eco-sys-banner--overlay {
        height: 580px;
    }
    .eco-sys-banner.no-tablet-image {
        height: 100%;
    }
    .general-banner-image--original-handheld {
        display: none;
    }
    .general-banner-image--original-tablet {
        display: block;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-left {
        right: inherit;
        left: 0.75em;
        text-align: left !important;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-right {
        left: inherit;
        right: 0.75em;
        text-align: right !important;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-top {
        top: 0.75em;
        bottom: inherit;
        transform: rotate(0deg) !important;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-center-align {
        left: 50%;
        transform: translateX(-50%) !important;
        text-align: center;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-bottom {
        bottom: 0.75em;
        top: inherit;
        transform: rotate(0deg);
    }
    .eeg-wrapper .tablet-bottom~.general-banner-image__container .eco-sys-banner--overlay {
        transform: rotate(-180deg);
        bottom: 0;
        top: initial;
    }
    .eeg-wrapper .tablet-top~.general-banner-image__container .eco-sys-banner--overlay {
        top: 0;
        transform: rotate(0deg);
    }
    .general-banner .viewport .eco-sys-banner-caption .general-banner__cta--block .tablet-cta-left-alignment {
    	display: block;
        margin-left: 0;
    }
}

@media ( min-width :569px) and (max-width:1366px)and (orientation:portrait) {
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-thirty {
        max-width: 30%;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-fortyfive {
        max-width: 45%;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-fifty {
        max-width: 50%;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-fiftyfive {
        max-width: 55%;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-sixty {
        max-width: 60%;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-seventy {
        max-width: 70%;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.tablet-eighty {
        max-width: 80%;
    }
}

@media ( max-width : 569px)and (orientation: portrait) {
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.mobile-bottom {
        bottom: 0.75em;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.mobile-top {
        top: 0.75em;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.mobile-bottom,
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.mobile-top {
        max-width: 100%;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-right {
        right: 0em;
        text-align: left;
        transform: none;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-center-align {
        text-align: left;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-middle {
        top: initial;
        transform: none;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-center-align.desktop-middle {
        transform: translate(-50%);
        text-align: left;
    }
    .general-banner .cta-group__link {
        margin: 16px 0px 0px 10px;
    }
    .general-banner .viewport .general-banner-image__container-handheld {
        display: block
    }
}

.general-banner--animatedbg-tablet {
    display: none
}

.general-banner--animatedbg-mobile {
    display: none
}

@media ( min-width :569px) and (max-width:1366px) and (orientation:portrait) {
    .general-banner--animatedbg-desktop {
        display: none
    }
    .general-banner--animatedbg-mobile {
        display: none
    }
    .general-banner--animatedbg-tablet {
        display: block
    }
    .general-banner .viewport .general-banner-image__container-handheld {
        display:block;
    }
}

@media ( max-width : 800px) and (min-width: 320px) and (orientation:landscape) {
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-left {
        text-align: left;
        left: 0.75em;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-right {
        text-align: right;
        right: 0.75em;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-center-align {
        text-align: center;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-middle {
        top: 50%;
        transform: translateY(-50%);
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-top {
        top: 0.75em;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.desktop-bottom {
        bottom: 0.75em;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container a.button-primary {
        width: auto;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container a.button-secondary {
        width: auto;
    }
}

.eeg-wrapper .eco-sys-banner .general-banner__text--block {
    padding: 0;
}

@media ( min-width :320px) and (max-width:767px) {
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container {
        left: inherit;
        top: inherit;
        transform: inherit;
        right: inherit;
    }
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container.video-always-play-inline {
        top: 35%;
    }
    .eeg-wrapper .eco-sys-banner-caption .general-banner__cta--block .general-banner__cta--item.general-banner__cta--hide {
        display: none;
    }
}

@media ( max-width : 767px) and (orientation: portrait) {
    .general-banner--animatedbg-mobile {
        display: block
    }
    .general-banner .viewport .general-banner-image__container-handheld {
        display: block
    }
    .general-banner .viewport .general-banner-image__container-desktop {
        display: none
    }
    .eco-sys-banner.no-handheld-image {
        height: 100%;
    }
    .eeg-wrapper .mobile-top~.general-banner-image__container .eco-sys-banner--overlay {
        top: 0;
        transform: rotate(0deg);
    }
    .eeg-wrapper .mobile-bottom~.general-banner-image__container .eco-sys-banner--overlay {
        transform: rotate(-180deg);
        bottom: 0;
        top: initial;
    }
}

@media ( max-width : 767px) and (min-width: 320px) and (orientation:portrait) {
    .eeg-wrapper .eco-sys-banner-caption {
        min-width: auto;
    }
    .eco-sys-banner.no-desktop-image {
        height: auto;
    }
    .eco-sys-banner.no-handheld-image {
        height: 100%;
    }
}

@media ( max-width : 768px) {
    .eeg-wrapper .eco-sys-banner-caption {
        padding-left: 0;
        padding-right: 0;
    }
}

@media ( min-width :768px) and (max-width:1024px) {
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container a.button-primary,
    .eeg-wrapper .eco-sys-banner .container .general-banner-content__container a.button-secondary {
        margin-top:0.75em;
    }
}


/*********** view port css ************/
.eeg-wrapper .eco-sys-banner .general-banner-image__container-desktop {
	max-width: 100%;
}

.eeg-wrapper .eco-sys-banner .general-banner-image--adaptive img {
    width: auto;
}

.eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h1,
.eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h1 {
    font-size: 7vh;
    line-height: 7vh;
    margin-bottom: 1.25vh;
    font-weight: 300;
    display: inline-block;
}
.eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h2,
.eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h2 {
    font-size: 3.15vh;
    line-height: 3.8vh;
    margin-bottom: 0.5vh;
    font-weight: 100;
    display: inline-block;
}

.eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h3,
.eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h3 {
	 font-size: 3.7vh;
     line-height: 3.7vh;
}

.eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h4,
.eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h4 {
     font-size: 2.8vh;
     line-height: 2.8vh
}

.eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  p {
     font-size: 2vh;
     line-height: 2vh
}

@media (max-width: 768px) {
    .eeg-wrapper .eco-sys-banner .eco-sys-viewport-banner h2,
    .eeg-wrapper .eco-sys-banner .eco-sys-viewport-banner .h2 {
        display: block;
    }
}

@media(min-width:320px) and (max-width:767px) and (orientation:landscape) {
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h1,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h1 {
        font-size: 4.9vh;
        line-height: 5.5vh;
    }
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h2,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h2 {
        font-size: 3.6vh;
        line-height: 4.5vh;
    }
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h3,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h3 {
         font-size: 4.2vh;
         line-height: 4.2vh;
    }

    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h4,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h4 {
         font-size: 3.4vh;
         line-height: 3.4vh;
    }
}

@media(min-device-width:320px) and (max-device-width:767px) and (orientation:landscape) {
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h1,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h1 {
        font-size: 8vh;
        line-height: 9vh
    }
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h2,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h2 {
        font-size: 5vh;
        line-height: 6vh;
    }
	.eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h3,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h3 {
         font-size: 4.2vh;
         line-height: 4.2vh;
    }

    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h4,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h4 {
         font-size: 3.4vh;
         line-height: 3.4vh;
    }
}

@media(min-width:768px) and (max-width:1366px) and (orientation:portrait) {
	.eeg-wrapper .eco-sys-banner .eco-sys-viewport-banner  h2,
	.eeg-wrapper .eco-sys-banner .eco-sys-viewport-banner  .h2 {
        font-size: 2.15vh;
        line-height: 3.1vh;
    }
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h1,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h1 {
        font-size: 5vh;
        line-height: 5vh;
        margin-bottom: 1.25vh;
    }

    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h3,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h3 {
         font-size: 2.6vh;
         line-height: 2.6vh;
    }

    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h4,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h4 {
         font-size: 2vh;
         line-height: 2vh;
    }
}

/* start: for iphone X */

@media (min-width : 350px)
    and  (max-width : 390px)
      and (min-height : 800px)
      and (max-height : 850px)
      and (orientation: portrait) {
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h2,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h2{
        font-size: 3.05vh;
        line-height: 3.85vh;
        margin-bottom: 3vh;
        font-weight: 100;
    }
   .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h1,
   .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h1 {
        font-size: 5.75vh;
        line-height: 5.75vh;
        margin-bottom: 2vh;
        font-weight: 300;
    }
     .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h3,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h3 {
         font-size: 4.2vh;
         line-height: 4.2vh;
    }

    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h4,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h4 {
         font-size: 3.4vh;
         line-height: 3.4vh;
    }
}

@media (min-width : 800px) 
      and  (max-width : 850px)
      and (min-height : 350px) 
      and (max-height : 390px) 
      and (orientation: landscape) { 
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h2,
    eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h2 {
        font-size: 5.05vh;
        line-height: 5.8vh;
        font-weight: 100;
        text-shadow: 0 0 5px #fff
    }
     .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h1,
     .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h1 {
        font-size: 9.75vh;
        line-height: 9.75vh;
        margin-bottom: 2vh;
        font-weight: 300;
        text-shadow: 0 0 5px #fff
    }
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h3,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h3 {
         font-size: 2.6vh;
         line-height: 2.6vh;
    }

    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h4,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h4 {
         font-size: 2vh;
         line-height: 2vh;
    }
  }
  

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.no-handheld-image .container {
	   height: 100vh;
	}
}

@media only screen and (min-width: 1025px) {
    .no-desktop-image .container {
        height: 100vh;
    }
}

/*tablet Portrait */
@media only screen
  and (min-width: 768px)
  and (max-width: 1024px)
  and (orientation: portrait) {
    .general-banner__tablet-align-left p,
    .general-banner__tablet-align-left h1,
    .general-banner__tablet-align-left h2,
    .general-banner__tablet-align-left h3,
    .general-banner__tablet-align-left h4,
    .general-banner__tablet-align-left h5 {
        text-align: left !important;
    }
    .general-banner__tablet-align-center p,
    .general-banner__tablet-align-center h1,
    .general-banner__tablet-align-center h2,
    .general-banner__tablet-align-center h3,
    .general-banner__tablet-align-center h4,
    .general-banner__tablet-align-center h5 {
        text-align: center !important;
    }
    .general-banner__tablet-align-right p,
    .general-banner__tablet-align-right h1,
    .general-banner__tablet-align-right h2,
    .general-banner__tablet-align-right h3,
    .general-banner__tablet-align-right h4,
    .general-banner__tablet-align-right h5 {
        text-align: right !important;
    }
}
@media (max-width: 414px) and (orientation:portrait) {
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  h1,
    .eeg-wrapper .eco-sys-banner  .eco-sys-viewport-banner  .h1 {
         display:block;
     }
}

.video-embed__play,
.eeg-wrapper .video-embed__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  margin-top: -.5em;
  margin-left: -.5em;
  text-align: center;
  line-height: 1;
  font-size: 5em;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.eeg-wrapper {
    font-family: Rubrik, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.75rem;
}

@media (min-width: 85em) {
    .eeg-wrapper {
        font-size: 17px;
    }
}

/** Basic anchor tag styles **/
.eeg-wrapper a:active,
.eeg-wrapper a:hover {
    outline: 0
}

/** Header tags **/
.eeg-wrapper h1,
.eeg-wrapper .h1 {
    font-size: 2rem;
    margin: .67rem 0
}

.eeg-wrapper h1,
.eeg-wrapper .h1,
.eeg-wrapper h2,
.eeg-wrapper .h2,
.eeg-wrapper h3,
.eeg-wrapper .h3,
.eeg-wrapper h4,
.eeg-wrapper .h4 {
    font-family: Rubrik, Arial, sans-serif;
    font-weight: 100;
    color: #3c3d41;
    margin-top: 0;
    margin-bottom: .5rem
}

.eeg-wrapper h1,
.eeg-wrapper .h1 {
    font-family: Nobblee, Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 2.75rem;
    line-height: 2.75rem
}

@media (min-width: 40em) {
    .eeg-wrapper h1,
    .eeg-wrapper .h1 {
        font-size: 3.5rem;
        line-height: 3.5rem
    }
}

@media (min-width: 85em) {
    .eeg-wrapper h1,
    .eeg-wrapper .h1 {
        font-size: 4rem;
        line-height: 4rem
    }
}

.eeg-wrapper h2,
.eeg-wrapper .h2 {
    font-size: 1.875rem;
    line-height: 2rem
}

@media (min-width: 40em) {
    .eeg-wrapper h2,
    .eeg-wrapper .h2 {
        font-size: 2rem;
        line-height: 2.25rem
    }
}

@media (min-width: 85em) {
    .eeg-wrapper h2,
    .eeg-wrapper .h2 {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

.eeg-wrapper h3,
.eeg-wrapper .h3 {
    font-size: 1.5rem;
    line-height: 1.75rem
}

@media (min-width: 40em) {
    .eeg-wrapper h3,
    .eeg-wrapper .h3 {
        font-size: 1.625rem;
        line-height: 1.75rem
    }
}

@media (min-width: 85em) {
    .eeg-wrapper h3,
    .eeg-wrapper .h3 {
        font-size: 1.75rem;
        line-height: 2rem
    }
}

.eeg-wrapper h4,
.eeg-wrapper .h4 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.eeg-wrapper h4.text-bold,
.eeg-wrapper .h4.text-bold {
    font-weight: 600;
}


@media (min-width: 85em) {
    .eeg-wrapper h4,
    .eeg-wrapper .h4 {
        font-size: 1.375rem;
        line-height: 1.75rem
    }
}

.eeg-wrapper .text-font-size-10pt {
    font-size : 0.875rem;
    line-height: 1.714
}

.eeg-wrapper a.cta-group__button {
    border-radius: 10rem;
    display: block;
    text-align: center;
}

@media (min-width: 40em) {
    .eeg-wrapper a.cta-group__button {
        display: inline-block;
    }
}

.eeg-wrapper .button-primary {
	margin-right: 0; /* Can be removed once migrated from base clientlibs */
}

.eeg-wrapper .cta-group__link:after {
	content: none;
}

.eeg-wrapper .cta-group__link:before {
    content: ">";
}

.eeg-wrapper .cta-group__link.download-link:before {
    content: "\e044";
}

.eeg-wrapper .cta-group__link:hover {
    border-bottom: none !important; /*Important to be removed once moved to core clientlibs*/
}

.eeg-wrapper .cta-group__link {
	background-size: 200% 100%;
    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;
    transition: background-position 1s;
}

.eeg-wrapper .theme-white .cta-group__link,
.eeg-wrapper .theme-yellow .cta-group__link,
.eeg-wrapper .cta-group__link {
    background-image: linear-gradient(to left, rgba(0,123,133,0.1) 50%, rgba(255,0,0,0) 50%);
}

.eeg-wrapper .theme-grey .cta-group__link,
.eeg-wrapper .theme-aqua .cta-group__link {
    background-image: linear-gradient(to left, rgba(255,255,255,0.1) 50%, rgba(255,0,0,0) 50%);
    color: #ffffff;
}

.eeg-wrapper .cta-group__link:hover {
    background-position: -100% 100%;
}

.eeg-wrapper .theme-grey a.button-secondary,
.eeg-wrapper .theme-aqua a.button-secondary {
	color: #ffffff !important; /* !important can be removed once clientlibs base is removed. */
	background: transparent;
    border: 1px solid #ffffff;
}

.eeg-wrapper .theme-grey a.button-secondary:hover,
.eeg-wrapper .theme-aqua a.button-secondary:hover {
    color: #007b85 !important; /* !important can be removed once clientlibs base is removed. */
    background: #ffffff;
}

.eeg-wrapper .theme-white .button-secondary,
.eeg-wrapper .theme-yellow .button-secondary,
.eeg-wrapper section.white a.button-secondary,
.eeg-wrapper div.white a.button-secondary,
.eeg-wrapper li.white a.button-secondary,
.eeg-wrapper a.button-secondary {
	color: #007b85 !important; /* !important can be removed once clientlibs base is removed. */
    background: transparent;
    border: 1px solid #007b85;
    margin-top: 0; /* can be removed once clientlibs base is removed.*/
}
/* Last selector added as a fallback for ivory themes*/

.eeg-wrapper .theme-white .button-secondary:hover,
.eeg-wrapper .theme-yellow .button-secondary:hover,
.eeg-wrapper .button-secondary:hover {
    color: #ffffff !important; /* !important can be removed once clientlibs base is removed. */
    background: #007b85;
    border: 1px solid #007b85;
}

.eeg-wrapper .button-secondary+.cta-group__link,
.eeg-wrapper .button-primary+.cta-group__link {
	margin-left: 32px
}

.eeg-wrapper .cta-group a{
    text-align: center;
}

.eeg-wrapper .button-primary+.button-secondary {
    margin-top: 1rem;
}

.eeg-wrapper .cta-group.vertical-align p.cta-group__second-link {
	margin-top: 0;
}

.eeg-wrapper .cta-group p:first-child {
    width: 100%;
}

@media (min-width: 40em) {
    .eeg-wrapper .button-primary+.button-secondary {
        margin-left: 1.5rem
    }
    .eeg-wrapper .cta-group p:first-child {
        margin-top: 0;
        margin-right: 2rem;
        width: auto;
    }
    .eeg-wrapper .cta-group.vertical-align p:first-child {
        margin-right: 0;
    }
}

.eeg-wrapper .theme-aqua.theme-standard,
.eeg-wrapper .theme-aqua.theme-container > .container,
.eeg-wrapper section.aqua,
.eeg-wrapper div.aqua,
.eeg-wrapper li.aqua {
    color: white;
    background-color: #007b85
}

.eeg-wrapper.theme-aqua a,
.eeg-wrapper.theme-aqua .cta-group__link,
.eeg-wrapper .theme-aqua a,
.eeg-wrapper .theme-aqua .cta-group__link{
    color: white;
}

.eeg-wrapper.theme-aqua a:hover,
.eeg-wrapper.theme-aqua .cta-group__link:hover,
.eeg-wrapper .theme-aqua a.cta-group__link:hover,
.eeg-wrapper .theme-aqua .cta-group__link:hover{
    background-color: rgba(0, 156, 156, 0.6);
}


.eeg-wrapper .theme-yellow.theme-standard,
.eeg-wrapper .theme-yellow.theme-container > .container,
.eeg-wrapper section.yellow,
.eeg-wrapper div.yellow,
.eeg-wrapper li.yellow {
    color: #3c3d41;
    background-color: #ffe600
}

.eeg-wrapper .theme-grey.theme-standard,
.eeg-wrapper .theme-grey.theme-container > .container,
.eeg-wrapper section.grey,
.eeg-wrapper div.grey,
.eeg-wrapper li.grey {
    color: white;
    background-color: #6d6e71
}

.eeg-wrapper .theme-white.theme-standard,
.eeg-wrapper .theme-white.theme-container > .container,
.eeg-wrapper .theme-white.theme-container > .full-width-container,
.eeg-wrapper section.white,
.eeg-wrapper div.white,
.eeg-wrapper li.white {
    color: #6d6e71;
    background-color: white
}

.eeg-wrapper .theme-aqua h1,
.eeg-wrapper .theme-aqua .h1,
.eeg-wrapper .theme-aqua h2,
.eeg-wrapper .theme-aqua .h2,
.eeg-wrapper .theme-aqua h3,
.eeg-wrapper .theme-aqua .h3,
.eeg-wrapper .theme-aqua h4,
.eeg-wrapper .theme-aqua .h4,
.eeg-wrapper .theme-aqua p,
.eeg-wrapper .theme-grey h1,
.eeg-wrapper .theme-grey .h1,
.eeg-wrapper .theme-grey h2,
.eeg-wrapper .theme-grey .h2,
.eeg-wrapper .theme-grey h3,
.eeg-wrapper .theme-grey .h3,
.eeg-wrapper .theme-grey h4,
.eeg-wrapper .theme-grey .h4,
.eeg-wrapper .theme-grey p {
    color: #ffffff
}

/* Spacing rules */

.eeg-wrapper .h1+p,
.eeg-wrapper h1+p,
.eeg-wrapper .h1+table,
.eeg-wrapper h1+table,
.eeg-wrapper h2+p,
.eeg-wrapper .h2+p,
.eeg-wrapper h2+table,
.eeg-wrapper .h2+table,
.eeg-wrapper h3+p,
.eeg-wrapper .h3+p,
.eeg-wrapper h3+table,
.eeg-wrapper .h3+table,
.eeg-wrapper h4+p,
.eeg-wrapper .h4+p,
.eeg-wrapper h4+table,
.eeg-wrapper .h4+table {
    margin-top: 0
}

.eeg-wrapper h1+a,
.eeg-wrapper h2+a,
.eeg-wrapper h3+a,
.eeg-wrapper h4+a,
.eeg-wrapper .h1+a,
.eeg-wrapper .h2+a,
.eeg-wrapper .h3+a,
.eeg-wrapper .h4+a {
    margin-top: 1rem
}

.eeg-wrapper h1+h1,
.eeg-wrapper h1+.h1,
.eeg-wrapper h1+h2,
.eeg-wrapper h1+.h2,
.eeg-wrapper h1+h3,
.eeg-wrapper h1+.h3,
.eeg-wrapper h1+h4,
.eeg-wrapper h1+.h4,
.eeg-wrapper h2+h1,
.eeg-wrapper h2+.h1,
.eeg-wrapper h2+h2,
.eeg-wrapper h2+.h2,
.eeg-wrapper h2+h3,
.eeg-wrapper h2+.h3,
.eeg-wrapper h2+h4,
.eeg-wrapper h2+.h4,
.eeg-wrapper h3+h1,
.eeg-wrapper h3+.h1,
.eeg-wrapper h3+h2,
.eeg-wrapper h3+.h2,
.eeg-wrapper h3+h3,
.eeg-wrapper h3+.h3,
.eeg-wrapper h3+h4,
.eeg-wrapper h3+.h4,
.eeg-wrapper h4+h1,
.eeg-wrapper h4+.h1,
.eeg-wrapper h4+h2,
.eeg-wrapper h4+.h2,
.eeg-wrapper h4+h3,
.eeg-wrapper h4+.h3,
.eeg-wrapper h4+h4,
.eeg-wrapper h4+.h4 {
    margin-top: .5em
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

/* Start of New style rounded buttons - interim rollout */
a.button, .ee-form button, .ee-form input[type="reset"], .ee-form input[type="button"], .ee-form input[type="submit"] {
    border-radius: 20px;
    transition: all .25s ease-in-out;
    text-transform: none;
    font-size: 16px;
    line-height: 24px; 
    padding: 8px 24px; 
    -webkit-transform: perspective(1px) translate3d(0, 0, 0); 
    -moz-transform: perspective(1px) translate3d(0, 0, 0);          
} 

a.button-primary:hover, a.button-secondary:hover, input.button:hover, .ee-form button:hover,
a.button:hover, .ee-form button:hover, .ee-form input[type="reset"]:hover, .ee-form input[type="button"]:hover, 
.ee-form input[type="submit"]:hover {
    -webkit-transform: perspective(1px) scale(1.05);
    -moz-transform: perspective(1px) scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: perspective(1px) scale(1.05);
}

@media (min-width: 40em) {
  a.button, .ee-form button, .ee-form input[type="reset"], .ee-form input[type="button"], .ee-form input[type="submit"] {    
    font-size: 17px;
  }
}

/* disabled buttons should not expand on hover */
.ee-form button[disabled], .ee-form input[type="reset"][disabled], .ee-form input[type="button"][disabled], .ee-form input[type="submit"][disabled] {
    transform: none;    
}
 
/* Fix for plans on PDP page -  100% width button, scaling expands outside of container */
.ee-plans-all .plan-footer .ee-form input[type="submit"] {
    margin: 0 auto;
    width: 94% !important;
}

/* Fix Network Coverage checker button */
.ee-form button#mobileLocationBtn {
    font-size: inherit;
    transform: none;
}

button#checkMobileCoverage.ltea-cc-btn-Inactive {
    transform: none;
}

/* Disabled buttons on deals page should not have the transform */    
.countdown-disabled a.button-primary:hover{
    transform: none;
}

/* Non Standard CTA code */
/* SIMO page - /sim-only/pay-monthly-phones */
.ee-plans-list__list_type_grid .ee-device-card__button, .ee-plans-list__list_type_list .ee-device-card__button {
    border-radius: 20px;
    transition: all .25s ease-in-out;
    text-transform: none;
    font-size: 16px;
    line-height: 24px; 
    padding: 8px 24px !important; 
}

.ee-plans-list__list_type_grid .ee-device-card__button:hover, .ee-plans-list__list_type_list .ee-device-card__button:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);

}

/* Fix for EID Security Questions */
.eid-continue-link {
    width: 94%;
}

/* Fix payg packs buttons */
.pack-tabs .packListingTable .cta a.button {
    padding: 8px 24px;
}

/* Fix for minibasket from meganav */
 .eed-header .minibasket .ee-minibasket-footer .button {
    border-radius: 20px;
}

/* Fix for upgrades recommendation page */
.ee-brand-new .ee-plans .ee-form input {
    border-radius: 20px;
    padding: 8px 24px;
}

/* Fix for business plans, basket page, upgrades basket page */
.planListingTable.business .ee-plan-table .cell.cta .ee-form-field .button {
    margin: 15px 5px;
    width: 94%;
}

.planListingTable.business .ee-form input[type="submit"] {
    padding: 8px 16px;
}

.total-links .continue .checkout {
    margin-right: 8px;
}

.basket-page .total-links .col.continue.cta {
    width: 100%;
}

@media (min-width: 45em) {
    .planListingTable.business .ee-plan-table .cell.cta .ee-form-field .button {
        margin: 6px 3px;
        width: auto;
    }
    .planListingTable.business .ee-form input[type="submit"] {
        padding: 10px 10px;
     }
    .ee-modal-wrap .add-ons-terms-footer .footer-part .button {
        height: inherit;
    }
    .basket-page .total-links .col.continue.cta {
        width: 50%;
    }               
}
/* End of New style rounded buttons - interim rollout */
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.cq-form-container {
  padding: 1em;
}

.form__check-input[type=checkbox] {
  + .form__check-label:after {
    font-family: ee-icons;
    content: '';
    color: ee-colour('teal');
    font-size: 1.25rem;
    line-height: 1;
    left: .1875rem;
    margin-top: -.75rem;
  }
}

.EE .radio .form_row .form__icon.form__icon--valid,
.EE .radio .form_row .form__icon.form__icon--error {
    top: 0;
    right: -2rem;
}

.EE .dropdown .form_row .form__icon.form__icon--valid,
.EE .dropdown .form_row .form__icon.form__icon--error {
    background-color: #F4F4F4;
}

.EE .cmp-form-button {
    margin-top: 10px;
}

.EE.sg-override--aem ul>li:before {
    color: black;
}

@media (min-width: 45em) {
  .cq-form-container {
    padding: 1.5em;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
    .captcha--override {
        transform:scale(0.75);
        transform-origin:0 0;
        padding-top: 16%;
    }
}

@media (min-width: 360px) and (max-width: 767px) {
    .captcha--override {
        transform:scale(0.82);
        transform-origin:0 0;
        padding-top: 8%;
    }
}

@media (min-width: 1024px) {
    .captcha--override {
        transform:scale(1.1);
        transform-origin:0 0;
        padding-top: 1%;
        padding-bottom: 3%;
    }
}

@media (min-width: 768px) and (max-width: 1023px ) {
    .captcha--override {
        transform:scale(1);
        transform-origin:0 0;
        padding-top: 6%;
    }
}

.theme-grey .ee-form-control > label, .theme-aqua .ee-form-control > label {
    color: white;
}

.span-6 .ee-form.ee-form--full-page {
    width: 100%;
}

.span-6 .ee-form-message-wrapper {
    left: 5%;
    top: -3.2em;
}

.theme-aqua .ee-form-field--invalid,
.theme-aqua .ee-form-message-icon.ee-icon-medium,
.theme-aqua .ee-form-field--invalid label,
.theme-aqua .ee-form-field--validated .ee-form-message-icon:before,
.theme-grey .ee-form-field--invalid,
.theme-grey .ee-form-message-icon.ee-icon-medium,
.theme-grey .ee-form-field--invalid label,
.theme-grey .ee-form-field--validated .ee-form-message-icon:before {
    color: #ffe600!important;
}

.date .ee-form-field--validated .ee-form-message-icon.ee-icon-medium {
    top: -1.1em;
}

.EE .checkbox .form_row .form__icon.form__icon--valid,
.EE .checkbox .form_row .form__icon.form__icon--error {
    top: 0;
}

@media (min-width: 35em) and (max-width: 55em) {
    .span-6 .date .ee-form-control--twin .styled-select {
        width: 100%;
        padding: 0;
        margin: 1em 0;
    }
}

@media (max-width: 767px) {
  .icon-adjustment {
      top: -10px !important;
    }
}

@media (max-width: 767px) {
  .message-margin {
      margin-top: 1em !important;
    }
            }

@media (min-width: 45em) {
    .date .ee-form-field--validated .ee-form-message-icon.ee-icon-medium {
        top: 0.55em;
    }

    .span-6 .ee-form-message-text{
        top: -1em;
    }
}

@media (min-width: 55em) {
    .span-6 .ee-form-message-text{
        top: 0;
    }
}

svg.form__icon.form__icon--error.icon-svg.top-overlap.radio-error-icon {
    top: -1.625rem;
}

svg.form__icon.form__icon--valid.icon-svg.top-overlap.radio-valid-icon {
    top: -1.625rem;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.EE.sg-override--aem .ee-form.theme--fog input.invalid[type="email"],
.EE.sg-override--aem .ee-form.theme--fog input.invalid[type="password"],
.EE.sg-override--aem .ee-form.theme--fog input.invalid[type="search"],
.EE.sg-override--aem .ee-form.theme--fog input.invalid[type="tel"],
.EE.sg-override--aem .ee-form.theme--fog input.invalid[type="text"],
.EE.sg-override--aem .ee-form.theme--fog input.invalid[type="url"],
.EE.sg-override--aem .ee-form.theme--fog input.invalid[type="number"],
.EE.sg-override--aem .ee-form.theme--fog textarea.invalid {
    background-color: #ffffff;
}
.EE.sg-override--aem .select2-container--open .select2-dropdown {
    top: 0 !important;
    left: 0 !important;
}
.EE.sg-override--aem .ee-form-field--invalid .form__control.form__control-select.select2-hidden-accessible.invalid + .EE.sg-override--aem .select2.select2-container.select2-container--default .select2-selection.select2-selection--single {
    border-color: #e00000;
}
.EE.sg-override--aem .ee-form-field--invalid .form__label {
    color: #6d6e71 !important;
}
.EE.sg-override--aem .date.section .error.form__error-text {
    padding-left:8px
}
.EE.sg-override--aem .ee-form-field--invalid .form__control.form__control-select.select2-hidden-accessible.invalid + .select2.select2-container.select2-container--default .select2-selection.select2-selection--single {
    border-color: #e00000;
}
.EE.sg-override--aem .ee-form-field--tooltip .ee-form-message-icon:before {
    content: "\e037";
}
.EE.sg-override--aem .ee-form-field--invalid .ee-form-message-icon {
    color: #007B85;
}
.EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message {
    border: none;
    background-color: inherit;
}
.EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message.ee-form-message--active {
    border: 1px solid #d4d3cf;
    background-color: #f4f4f4;
}
.EE.sg-override--aem .date.section .row .error.form__error-text {
    padding-left:8px
}
.EE.sg-override--aem .ee-form-field--invalid .select2-selection.select2-selection--single {
    border-color: #e00000;
}
.EE.sg-override--aem .ee-form .Zebra_DatePicker_Icon_Wrapper .form__control:focus {
    border-color: #007b85 !important;
}
.EE.sg-override--aem .ee-form-message-text {
    color: #007B85;
}
.EE.sg-override--aem .ee-form-field--invalid select.invalid, 
.EE.sg-override--aem .ee-form-field--invalid .Zebra_DatePicker_Icon_Wrapper {
     border: 0.0625rem solid #e00000;
}
.EE.sg-override--aem .ee-form.theme--fog .date .form__control.form__control-datepicker {
    background-color: #FFFFFF !important;
}
.EE.sg-override--aem .ee-form .form__control.form__control-datepicker {
    border-radius: 0px;
    border-color: #d8d8d9 !important;
    background-color: #f4f4f4 !important;
    display: inline-block;
}

.EE.sg-override--aem .ee-form .Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Right {
    font-weight: normal;
    background-color: inherit;
}
.EE.sg-override--aem .ee-form .Zebra_DatePicker_Icon_Wrapper .form__control:focus {
    border-color: #007b85 !important;
}
.EE.sg-override--aem .ee-form .Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Right:hover {
    background-color: transparent;
    transform: perspective(1px) scale(1);
}

.EE.sg-override--aem .ee-form-field--invalid .ee-form-message-icon {
    color: #007B85;
}

.EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message--height {
    height: 0;
}
.EE.sg-override--aem .ee-form-field--invalid .form__check-input[type=radio] + .form__check-label:before,
.EE.sg-override--aem .ee-form-field--invalid .form__check-input + .form__check-label:before {
    border: 0.0625rem solid #e9020b;
}
.EE.sg-override--aem .ee-form input.invalid[type="email"],
.EE.sg-override--aem .ee-form input.invalid[type="password"],
.EE.sg-override--aem .ee-form input.invalid[type="search"],
.EE.sg-override--aem .ee-form input.invalid[type="tel"],
.EE.sg-override--aem .ee-form input.invalid[type="text"],
.EE.sg-override--aem .ee-form input.invalid[type="url"],
.EE.sg-override--aem .ee-form input.invalid[type="number"],
.EE.sg-override--aem .ee-form textarea.invalid {
    background-color: #f4f4f4;
}
.EE.sg-override--aem .ee-form input.validated[type="email"],
.EE.sg-override--aem .ee-form input.validated[type="password"],
.EE.sg-override--aem .ee-form input.validated[type="search"],
.EE.sg-override--aem .ee-form input.validated[type="tel"],
.EE.sg-override--aem .ee-form input.validated[type="text"],
.EE.sg-override--aem .ee-form input.validated[type="url"],
.EE.sg-override--aem .ee-form input.validated[type="number"],
.EE.sg-override--aem .ee-form textarea.validated {
    border-color: #d4d3cf;
}
.EE.sg-override--aem .ee-form-field--invalid .show-more__link,
.EE.sg-override--aem .ee-form-field--invalid .show-more__icon {
    color: #e9020b;
    stroke: #e9020b;
    fill: #e9020b;
}
.EE.sg-override--aem .ee-form-field--invalid .show-more__link:hover .show-more__icon {
    stroke: #e9020b;
    fill: #e9020b;
}
.EE.sg-override--aem .ee-form-field--invalid .show-more__link {
    border-bottom: 0.0625rem solid #e9020b;
}
.EE.sg-override--aem .ee-form input[type="text"],
.EE.sg-override--aem .ee-form textarea {
    border-radius: 0;
    padding-right: 2.5em;
}
.EE.sg-override--aem .ee-form-field--invalid .form__group-element .form__label {
    color: #e00000 !important;;
}
.EE.sg-override--aem .ee-form input[type="checkbox"] + label:before,
.EE.sg-override--aem .ee-form input[type="radio"] + label:before {
    background-image: none;
}
.EE.sg-override--aem .form__check-input + .form__check-label {
    display: block;
    margin-bottom: .25rem;
}
.EE.sg-override--aem .form__check-input[type=checkbox] {
  + .EE.sg-override--aem .form__check-label:after {
    font-family: ee-icons;
    content: '\e00a';
    color: ee-colour('teal');
    font-size: 1.25rem;
    line-height: 1;
    left: .1875rem;
    margin-top: -.75rem;
  }
}
.EE.sg-override--aem .ee-form-field--invalid .timeslot-picker__time {
    color: #e00000;
    border: 0.0625rem solid #e00000;
}
.EE.sg-override--aem .confirm-page__header h1 {
    text-align: center;
}
.EE.sg-override--aem .confirm-page__header h2 {
    text-align: center;
    margin-top: 1rem;
}
.EE.sg-override--aem .confirm-page__header-div  button {
    margin-top: 1.75rem;
}
.EE.sg-override--aem .confirm-page__header__cta {
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    color: #ffffff;
    border-bottom: none;
}
.EE.sg-override--aem .confirm-page__header__cta:hover {
    border-bottom: none;
    color: #ffffff;
}
.EE.sg-override--aem .ee-form-field--tooltip .ee-form-message-icon:before {
    content: "\e037";
}
.EE.sg-override--aem .ee-form-field--invalid .ee-form-message-icon {
    color: #007B85;                          
}
.EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message {
    border: none;
    background-color: inherit;
}
.EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message.ee-form-message--active {
    border: 1px solid #d4d3cf;
    background-color: #f4f4f4;
}
.EE.sg-override--aem .ee-form-message-text {
    color: #007B85; 
}
.EE.sg-override--aem .ee-form-field--validated .ee-form-message-icon:before {
    color: #007B85;
}
.EE.sg-override--aem .ee-form-field--required > legend:after {
    content: '*';
    display: inline;
    margin-left: .25em;
}
.EE.sg-override--aem .ee-form .form__control:active, .EE.sg-override--aem .ee-form .form__control:focus {
    background-color: #f4f4f4;
}
.EE.sg-override--aem .ee-form.theme--fog .form__control:active, 
.EE.sg-override--aem .ee-form.theme--fog .form__control:focus {
    background-color: #ffffff;
}
.EE.sg-override--aem .ee-form-field--multi-select .form__group-element--valid:after {
    content: none;
}
.EE.sg-override--aem .ee-form a {
    color: #007b85;
    font-weight: 600;
    border-bottom: none;
}
.EE.sg-override--aem .ee-form a:hover {
    color: #005a61;
    border-bottom: none;
}
.EE.sg-override--aem .ee-form a.btn {
    color: #ffffff;
}
.EE.sg-override--aem .ee-form a.btn:hover {
    color: #ffffff;
    border-bottom: none;
}
.EE.sg-override--aem .ee-form .show-more a:hover {
    color: #000;
}
.EE.sg-override--aem .ee-form.theme--fog .form__control:active, 
.EE.sg-override--aem .ee-form.theme--fog .form__control:focus {
    background-color: #ffffff;
}
.EE.sg-override--aem .select2-dropdown.select2-dropdown--below, .EE.sg-override--aem .select2-dropdown.select2-dropdown--above {
    border-radius: 0px;
}
.EE.sg-override--aem .error-block__heading.h3,
.EE.sg-override--aem .error-block li,
.EE.sg-override--aem .error-block .ee-icon-warning,
.EE.sg-override--aem .ee-form-field--invalid .ee-form-message-icon.ee-icon-warning,
.EE.sg-override--aem .ee-form-field--invalid .ee-form-message-text{
    color:#e00000;
}
.EE.sg-override--aem .radio.section label.form__label, .EE.sg-override--aem .checkbox.section label.form__label {
   word-wrap: initial;
}
.EE.sg-override--aem .show-more__link {
    cursor: pointer;
}
.EE.sg-override--aem .ee-form .show-more div:hover {
    color: #000;
}
.EE.sg-override--aem .ee-form-field--invalid .ee-form-message--active .ee-form-message-text {
    color: #007b85;
}
.EE.sg-override--aem .radio.section .form__group .ee-form-message-wrapper,
.EE.sg-override--aem .checkbox.section .form__group .ee-form-message-wrapper {
    margin-top: -3%;
}
.EE.sg-override--aem .form__group .ee-form-message-wrapper {
    top: auto;
    width: 50%;
}
.EE.sg-override--aem .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 54px;
}
.EE.sg-override--aem .select2-container--default .select2-selection--single {
    border-radius: 0;
}
.EE.sg-override--aem .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-style: none;
    border-width: 0;
    left: 30%;
}
.EE.sg-override--aem .select2-results {
    margin: 0;
}
.EE.sg-override--aem .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #6d6e71;
}
.EE.sg-override--aem .ee-form .form__control:active, .EE.sg-override--aem .ee-form .form__control:focus {
    border-color: #007b85;
}
.EE.sg-override--aem .ee-form .form__control.invalid:active,
.EE.sg-override--aem .ee-form .form__control.invalid:focus {
    border-color: #e00000;
}
.EE.sg-override--aem .ee-form .form__control.validated:active,
.EE.sg-override--aem .ee-form .form__control.validated:focus {
    border-color: #007b85;
}
.EE.sg-override--aem .ee-form .Zebra_DatePicker_Icon_Wrapper .form__control.invalid:focus {
    border-color: transparent !important;
}
.EE.sg-override--aem .ee-form-field .form__check-label {
    font-weight: 400;
}
.EE.sg-override--aem .ee-form .ee-form-field--invalid .show-more div:hover {
    color: #e00000;
    border-bottom: 0.0625rem solid #e9020b;
}
.EE.sg-override--aem .error-block ul li:before {
    content: none;
}
.EE.sg-override--aem .error-block ul li {
    text-indent: 0;
}
.EE.sg-override--aem .ee-form .select2-dropdown input[type="search"] {
    border-radius: 0;
}
.EE.sg-override--aem .ee-form .select2-dropdown .select2-search input {
    margin-top: 0;
}
.EE.sg-override--aem .ee-form .select2-dropdown .select2-search--dropdown {
    padding: 0;
}

.EE.sg-override--aem .ee-form-field,
.EE.sg-override--aem .date .form__group-element-datepicker {
    width: 100%;
}

@media (max-width: 44.9375em) {
    .EE.sg-override--aem .ee-form-field--tooltip .ee-form-control,
    .EE.sg-override--aem .ee-form-field--invalid .ee-form-control,
    .EE.sg-override--aem .ee-form-field--validated .ee-form-control {
        padding-right: 0;
    }
    
    .EE.sg-override--aem .form__group-element .timeslot-picker__list label {
        font-weight: normal;
    }
}

@media (max-width: 63.938em) {
    .EE.sg-override--aem .form__label {
        width: 75%;
    }
    .EE.sg-override--aem .ee-form--full-page {
        width: 100%;
    }
    .EE.sg-override--aem .form__group .ee-form-message-wrapper {
        display: block;
        width: 100%;
        padding-left: 0;
        left: 0;
    }
    .EE.sg-override--aem .form__group .ee-form-message-wrapper, 
    .EE.sg-override--aem .form__group .ee-form-message-wrapper .ee-form-message-icon {
        top: 0;
    }
    .EE.sg-override--aem .form__group .ee-form-message-wrapper .ee-form-message--hidden {
        margin: 0;
    }
    .EE.sg-override--aem .ee-form-field {
        position: relative;
        margin: 1em 0;
    }
    .no-js .EE.sg-override--aem .ee-form-field--tooltip .ee-form-message {
        padding: 1em;
        border: 1px solid #d4d3cf;
        border-radius: 0.25em;
        background-color: #f6f4f0;
        margin: .5em 0 1em;
    }
    .js .EE.sg-override--aem .ee-form-field--tooltip .ee-form-message--active {
        margin: .5em 0 1em;
    }
    .js .EE.sg-override--aem .ee-form-message--hidden .ee-form-message-text {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .EE.sg-override--aem .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:before, 
    .EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:before {
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 0.875em;
        border-bottom-color: #d4d3cf;
        top: -2.71429em;
    }
    .EE.sg-override--aem .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:after, 
    .EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:after {
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 0.875em;
        border-bottom-color: #f6f4f0;
        top: -2.64286em;
    }
    .EE.sg-override--aem .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:before, 
    .EE.sg-override--aem .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:after, 
    .EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:before,
    .EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:after {
        content: "";
        position: absolute;
        right: -0.14286em;
    }
    .EE.sg-override--aem .radio.section .form__group .ee-form-message-wrapper, 
    .EE.sg-override--aem .checkbox.section .form__group .ee-form-message-wrapper {
        margin-top: 0;
    }
}
@media (min-width: 45em) and (max-width: 63.938em) {
    .EE.sg-override--aem .ee-form-message--hidden {
        padding: 0;
    }
    .EE.sg-override--aem .ee-form-message-wrapper {
        position: unset;
    }
    .EE.sg-override--aem .ee-form-message--height {
        height: 0;
    }
    .EE.sg-override--aem .form__group .ee-form-message-wrapper .ee-form-message-icon {
        left: 91%;
    }
    .EE.sg-override--aem .form__group .ee-form-message {
        position: unset;
    }
    .EE.sg-override--aem .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:before, 
    .EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:before {
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 0.875em;
        border-bottom-color: #d4d3cf;
        top: -2.71429em;
        right: 0.5rem;
        left: 94%;
    }
    .EE.sg-override--aem .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:after, 
    .EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:after {
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 0.875em;
        border-bottom-color: #f6f4f0;
        top: -2.64286em;
        right: 0.5rem;
        left: 94%;
    }
    .EE.sg-override--aem .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:before, 
    .EE.sg-override--aem .ee-form-field--tooltip .ee-form-message--active .ee-form-message-text:after, 
    .EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:before,
    .EE.sg-override--aem .ee-form-field--tooltip.ee-form-field--invalid .ee-form-message .ee-form-message-text:after {
        content: "";
        position: absolute;
        right: -0.14286em;
    }
    .EE.sg-override--aem .ee-form-message-text {
        padding-left: 0px;
    }
    .EE.sg-override--aem .reCaptcha .ee-form-message-icon {
        right: 0.25em;
        top: -1.5em;
    }
    .EE.sg-override--aem .reCaptcha .ee-form-message-wrapper {
        padding-left: 0;
    }
    .EE.sg-override--aem .reCaptcha .ee-form-message {
        padding: 0;
    }
}
@media (max-width: 47.938em) { 
    .EE.sg-override--aem.cq-form-container {
        padding: 1.2rem;
    }
    .EE.sg-override--aem .date.section .select2-container--default .select2-selection--single {
        padding: 0 0.5rem;
    }
    .EE.sg-override--aem .form__group .ee-form-message-wrapper .ee-form-message-icon {
        right:0.7em
    }
    .EE.sg-override--aem .form__group .ee-form-message-wrapper {
        display: block;
        width: 100%;
        padding-left: 0;
        left: 91%;
    }
    .EE.sg-override--aem .date .select2-results .select2-results__option {
        word-wrap: normal;
    }
    .EE.sg-override--aem .reCaptcha .ee-form-message {
        margin-top: 0;
    }
}
@media (width: 64em) { 
    .EE.sg-override--aem.cq-form-container {
        margin: 0;
    }
}

/*Rich-Text variant font fix */
.ee-form-control-wrapper,
.ee-form-control form__group-element,
.form-richtext-content,
.EE.sg-override--aem .ee-form a {
    font-weight: unset;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.benefits-module-container {
     padding:0;
     margin:0;
}
.new-benefits-module-container {
    padding:0;
}
.benefits-container {
     padding: 0;
     border: 1px solid #007B85;
     overflow: hidden;
}
.new-benefits-module-container .benefits-container{
    border: solid 1px #d8d8d9;
}
.benefits-container .title {
     font-weight: bold;
     font-size: 18px;
     color: #007B85;
     letter-spacing: 0;
}
.new-benefits-module-container .benefits-container .title {
     font-weight: normal;
     font-family: rubrik;
     font-size: 22px;
     color: #3c3d41;
     line-height: 1.27;
}
.benefits-container .titlebar {
      text-align: center;
     padding: 15px 10px 15px 10px;
}
.new-benefits-module-container .benefits-container .titlebar{
     padding: 2.1875rem 0 0 0;
}
.icon-header{
    padding-bottom: 18.72px;
}
.benefits-container .benefits-module__section-header {
     font-weight: bold;
     font-family: rubrik;
     font-size: 14px;
     color: #007B85;
     letter-spacing: 0;
     padding-bottom: 6px;
     padding-left:40px;
}
.new-benefits-module-container .benefits-container .benefits-module__section-header {
      padding: 0;
      font-size: 22px;
      color: #3c3d41;
      text-transform: uppercase;
      overflow: auto;
}
.benefits-container .benefits-module__section-body {
     font-family: rubrik;
     font-size: 14px;
     color: #6D6E72;
     letter-spacing: 0;
     padding-left:40px;
}
.new-benefits-module-container .benefits-container .benefits-module__section-body {
     font-size: 17px;
     color: #3c3d41;
     line-height: 28px;
     padding-left: 0;
}
.benefits-container .benefits-module__section-body p{
     margin-top:0;
     margin-bottom:0;
}
.new-benefits-module-container .benefits-container .header-row{
    display: inline-block;
    width: auto;
    margin: 0 auto;
    padding-bottom: 0.75rem;
}
.benefits-container .benefits-module__section-block {
     padding-top:2px;
     padding-bottom: 18px;
}
.new-benefits-module-container .benefits-container .benefits-module__section-block {
     padding: 0 2.375rem 1.125rem 2.375rem;
     text-align: center;
}
.benefits-container .benefits-module__section {
     overflow: hidden;
}
.new-benefits-module-container .benefits-container .benefits-module__section {
     padding: 1.625rem 3.625rem 1.1875rem 3.625rem;
}
.benefits-container .benefits-module__column{
     border: none;
     float: left;
     padding-left: 15px;
     padding-right: 15px;
     width: 100%;
}
.new-benefits-module-container .benefits-container .new-benefits-module__column {
    padding:0;
    border: none;
    float: left;
    width: 100%;
}
.benefits-container .benefits-module__custom-icon {
     font-size: 2.0em;
     color: #007B85;
}
.new-benefits-module-container .benefits-container .benefits-module__custom-icon {
     font-size: 20px;
     margin-left: -40px;
     margin-top: 3px;
     color: #009c9c;
}
.benefits-container .benefits-module__grey {
     color: #6d6e72;
}
.new-benefits-module-container .benefits-container .benefits-module__section-thumbnail {
     margin-right: -35px;
     float: left;
}
.benefits-container .benefits-module__section-thumbnail {
     float: left;
     display: block;
     width: 30px;
     overflow: hidden;
     text-align: center;
     margin-right:10px;
}
.benefits-container .benefits-module__section-block a{
     color: #007B85;
}
.benefits-container .benefits-module__section-block a:hover .benefits-module__section-header,
.new-benefits-module-container .benefits-container .benefits-module__section-block a:hover .benefits-module__section-header{
    color: #005a61;
}
.benefits-container .benefits-module__section-block a:hover .benefits-module__custom-icon {
    color: #005a61;
}
.benefits-container .benefits-module__section-block a:focus{
    outline:2px dotted #007B85;
    display:block;
}
.new-benefits-module-container .benefits-container .benefits-module__section-block a:focus{
     display: inline-block;
}

.contact-us-benefits-module-container .benefits-container .benefits-module__custom-icon {
    font-size: 1.25rem;
    margin-top: 0;
    color: #009c9c;
}

.contact-us-benefits-module-container .benefits-container {
    border: none;
}

.contact-us-benefits-module-container .benefits-module__row {
    border-bottom: 0.1rem solid #f4f4f4;
    text-align: inherit;
}

.contact-us-benefits-module-container .benefits-module__section {
    padding-top: 1rem;
}

.contact-us-benefits-module__column .benefits-module__section-header {
    color: #057382;
    white-space: nowrap;
}

.contact-us-benefits-module-container .benefits-container .title {
    font-size: 1.1rem;
    color: #3c3d41;
    padding: 0.6rem 0.5rem;
}

@media (max-width: 720px) {
    .new-benefits-module-container {
        margin: 0;
    }
     .benefits-container .benefits-module__column, .new-benefits-module-container .benefits-container .new-benefits-module__column {
         width: 100%;
    }
    .new-benefits-module-container .benefits-container {
        margin: 40px 14px;
    }
    .new-benefits-module-container .benefits-container .title {
        font-size: 20px;
        line-height: 1.2;
        padding: 2rem 1.9375rem 0 1.9375rem;
    }
    .new-benefits-module-container .benefits-container .benefits-module__section-header {
        font-size: 20px;
    }
    .new-benefits-module-container .benefits-container .benefits-module__section {
        padding: 1.625rem 1.625rem 0 1.625rem;
    }
    .new-benefits-module-container .benefits-container .benefits-module__section-block{
        padding: 0;
    }
    .new-benefits-module-container .benefits-container .header-row{
         padding-bottom: 0.75rem;
    }
    .new-benefits-module-container .benefits-container .benefits-module__section-thumbnail {
         margin: 0 1px 0 -22px;
    }
    .new-benefits-module-container .benefits-container .benefits-module__custom-icon {
        margin-left: 0px;
    }
    .new-benefits-module-container .benefits-container .benefits-module__section-body {
        padding-bottom: 2rem;
    }
	.contact-us-benefits-module__column .benefits-module__section-body {
        font-size: 0.8rem;
        padding-left: 0.4rem;
    }
    .contact-us-benefits-module__column .benefits-module__section-header {
        width: 100%;
        padding-left: 0;
        text-transform: uppercase;
        font-size: 1rem;
        padding-left: 1.8rem;
    }
    .contact-us-benefits-module__column .benefits-module__section-thumbnail {
        margin-right: 0;
    }
    .contact-us-benefits-module-container .benefits-container .benefits-module__custom-icon {
        margin-top: 0;
    }
    .contact-us-benefits-module-container .benefits-container {
        padding: 0.6rem;
    }
    .contact-us-benefits-module-container .benefits-module__row {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 720px) and (max-width : 1023px) {
    .new-benefits-module-container .benefits-container{
        margin: 22px 0 7px 0;
    }
    .new-benefits-module-container .benefits-container .title {
        font-size: 20px;
        line-height: 1.2;
        padding: 2.1875rem  7.375rem 0  7.375rem;
    }
    .new-benefits-module-container .benefits-container .benefits-module__section-block{
        padding: 0 4.063rem 2.313rem 4.063rem;
    }
    .new-benefits-module-container .benefits-container .benefits-module__section {
        padding: 1.625rem 0.5rem 0.125rem 0.5rem;
    }
    .new-benefits-module-container .benefits-container .benefits-module__custom-icon {
        font-size: 26px;
        margin-left: 0px;
    }
    .new-benefits-module-container .benefits-container .benefits-module__section-thumbnail {
        margin: 0 -8px 0 -30px;
     }
    .new-benefits-module-container .benefits-container .benefits-module__section-body {
        color: #6d6e71;
    }
    .new-benefits-module-container .benefits-container .new-benefits-module__column:nth-child(2n+1) {
         clear: left;
    }
    .new-benefits-module-container .benefits-container .new-benefits-module__column {
         width: 50%;
    }
	.contact-us-benefits-module__column .benefits-module__section-body {
        padding-left: 0.6rem !important;
    }
    .contact-us-benefits-module__column .benefits-module__section-header {
        padding-left: 0 !important;
        text-transform: uppercase;
        font-size: 1rem !important;
        margin-right: 1rem;
        margin-left: 1rem;
    }
    .contact-us-benefits-module__column .benefits-container .benefits-module__section-thumbnail {
        float: left;
        display: block;
        width: 1.8rem;
        overflow: hidden;
        text-align: center;
        margin-left: 1.25rem;
        padding-top: 0;
        margin-top: -0.15rem;
    }
    .contact-us-benefits-module-container .benefits-container .benefits-module__custom-icon {
        margin-top: -0.1rem;
    }
    .contact-us-benefits-module-container .benefits-container {
        padding: 0.3rem;
    }
    .contact-us-benefits-module__column .benefits-module__section-block {
        display: flex;
    }
    .contact-us-benefits-module__column .benefits-module__section-thumbnail {
        width: 1.25rem !important;
    }
    .contact-us-benefits-module-container .benefits-container .benefits-module__custom-icon {
        margin-top: -0.25rem;
    }
    .contact-us-benefits-module-container .benefits-container {
        padding: 0.6rem;
    }
	.contact-us-benefits-module-container .benefits-container .benefits-module__section-block {
        padding-bottom: 8px;
    }
}
@media (min-width : 720px) {
    .benefits-module-container {
        padding:2.5em;
        margin:0 auto;
    }
    .benefits-container .benefits-module__section-thumbnail {
        width: 60px;
    }
    .benefits-container .benefits-module__section-header {
        font-size: 18px;
        padding-left:70px;
    }
    .benefits-container .benefits-module__section-body {
        font-size: 14px;
        padding-left:70px;
    }
    .benefits-container .title {
        font-size: 24px;
    }
    .benefits-container .benefits-module__custom-icon {
        font-size: 2.0em;
    }
    .benefits-container .benefits-module__section-header {
        padding-bottom: 10px;
    }
    .benefits-container .benefits-container .titlebar {
        padding: 15px 15px 15px 15px;
    }
    .benefits-container .benefits-module__column {
        padding-left: 10px;
        padding-right: 10px;
    }
    .benefits-container .benefits-module__column:nth-child(2n+1) {
        clear: left;
    }
    .benefits-container .benefits-module__column {
        width: 50%;
    }
}
@media (min-width : 992px) {
    .new-benefits-module-container .benefits-container .new-benefits-module__column {
        width: 25%;
    }
    .benefits-container .benefits-module__column:nth-child(2n+1),.new-benefits-module-container .benefits-container .new-benefits-module__column:nth-child(2n+1) {
        clear: none;
    }
    .benefits-container .benefits-module__column:nth-child(3n+1),.new-benefits-module-container .benefits-container .new-benefits-module__column:nth-child(4n+1) {
        clear: left;
    }
    .benefits-container .benefits-module__column {
        width: 33.3%;
    }
}
@media (min-width : 1024px) and (max-width:1335px) {
    .new-benefits-module-container .benefits-container .benefits-module__section {
        padding: 1.625rem 0 1.1875rem 0;
    }
    .new-benefits-module-container .benefits-container .benefits-module__section-block {
     padding: 0 1.25rem 1.125rem 1.25rem;
    }

}

@media (min-width: 1024px) {
    .contact-us-benefits-module__column .benefits-module__section-body {
        font-size: 1rem;
        padding-left: 0.3rem;
    }
    .contact-us-benefits-module__column .benefits-module__section-header {
        padding-left: 3.4rem;
        text-transform: uppercase;
        font-size: 1rem;
        margin-right: 1rem;
        margin-left: 1rem;
    }
    .contact-us-benefits-module__column .benefits-module__section-thumbnail {
        width: 3rem !important;
    }
    .contact-us-benefits-module-container .benefits-container .benefits-module__custom-icon {
        margin-top: -0.06rem;
        float: right;
    }
    .contact-us-benefits-module__column .benefits-module__section-block {
        display: flex;
    }
    .contact-us-benefits-module-container .benefits-module__row {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }
    .contact-us-benefits-module-container .benefits-container .benefits-module__section-block {
        padding-bottom: 8px;
    }
}
.benefits-container .benefits-module__section-header{
    
       color: #057382;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
        
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.two-column-promotion-cta p {
        margin-top: 0;
}

.two-column-promo-float-left {
    float: left;
    width: 50%
}

.two-column-promo-float-right {
    float: right;
    width: 50%
}

.two-column-promo-float-left.whiteborder .two-column-promotion-image-background .two-column-promotion-container {
        border-right: 2px solid white;
}

.two-column-promo-float-right.whiteborder .two-column-promotion-image-background .two-column-promotion-container {
    border-left: 2px solid white;
}

.two-column-promo-float-left.fogborder .two-column-promotion-image-background .two-column-promotion-container {
        border-right: 2px solid #DCDBDF;
}
.two-column-promo-float-right.fogborder .two-column-promotion-image-background .two-column-promotion-container {
    border-left: 2px solid #DCDBDF;
}

.banner-bottom-color-white .two-column-promotion-image-background{
	border-bottom: 4px solid #ffffff;
    display: flex;
}

.two-column-promotion-image-background .eeg-wrapper.two-column-promo-container-height--, .two-column-promotion-image-background .eeg-wrapper.two-column-promo-container-height--edit-mode {
    width:100%
}

.banner-bottom-color-fog .two-column-promotion-image-background{
	border-bottom: 4px solid #DCDBDF;
    display: flex;
}

.two-column-feature-container {
    padding-top: 48px;
    padding-bottom: 10px;
    margin: 0 auto;
    overflow: hidden;
    min-height: 1px;
    width: 100%;
    /*min-height added to make the child components editable in Touch UI*/
}

.two-column-feature-container .two-column-feature-content {
    margin: 0 auto;
    text-align: left;
    width: 360px;
    padding-top: 19px;
}

.two-column-promo-container {
    text-align: center;
    overflow: hidden;
    min-height: 1px;
    /*min-height added to make the child components editable in Touch UI*/
}

.two-column-promo-container.container {
    padding: 0;
}

.two-column-promo-float-left .two-column-feature-container .strokeline {
    border-right: 1px solid rgba(216, 216, 216, 0.4);
    width: 100%;
}

.two-column-promo-container  .two-column-promo-float-left .two-column-feature .full-width-container,
    .two-column-promo-container  .two-column-promo-float-right .two-column-feature .full-width-container,
    .two-column-promo-container .two-column-promo-float-right .full-width-container
    {
    width: 100%;
    background-color: #ffffff;
}

.two-column-promo-container .two-column-promo-float-left .full-width-container
    {
    background-color: #f4f4f4;
    width: 100%;
}

.inline-feature__media, .inline-promotion__media {
    position: relative;
}

.inline-promotion .button:focus {
    outline: 2px dotted #007b85;
}

.eeg-wrapper .two-column-feature-content p {
    color: #6D6E71;
    font-family: Rubrik;
    font-size: 1.0625em;
    line-height: 28px;
    margin: 9px 0 21px 0;
}

@media ( min-width : 45em) {
    .inline-thirds .inline-promotion {
        width: 33.33333%;
    }
    .inline-thirds .inline-promotion:nth-child(4n) {
        clear: left;
    }
    .inline-halves .inline-promotion {
        width: 50%;
    }
    .inline-halves .inline-promotion:nth-child(2n+1) {
        clear: left;
    }
}

/* Two column container */
.two-column-promo-container .two-column-promo-content {
    padding: 3em 8.125em 0 8.125em;
}

.two-column-promo-container.container .two-column-promotion-container.shadow-box .two-column-promo-content {
    padding: 1em 1.5em;
}

@media (min-width : 60em) {
    .two-column-promo-container.container .two-column-promotion-container.shadow-box .two-column-promo-content {
        padding: 1em 3em;
    }
    .two-column-feature-sixteen-nine-alignment {
        padding-left:6em;
        padding-right:6em;
    }
   .two-column-feature-sixteen-nine-alignment .two-column-feature-content {
        width: 100%;
    }
}


@media (max-width:768px){

.two-column-promo-float-left.whiteborder .two-column-promotion-image-background .two-column-promotion-container {
        border-right: 0px;
}

.two-column-promo-float-right.whiteborder .two-column-promotion-image-background .two-column-promotion-container {
    border-left: 0px;
}

.two-column-promo-float-left.fogborder .two-column-promotion-image-background .two-column-promotion-container {
        border-right: 0px;
}

.two-column-promo-float-right.fogborder .two-column-promotion-image-background .two-column-promotion-container {
    border-left: 0px;
}

}

.eeg-wrapper .two-column-promo-content  .h1 {
    margin: 0px;
    line-height: 0.923076;
    font-size: 3.250em;
}

.two-column-promo-container .two-column-promotion-cta {
    margin-bottom: 32px;
    position: relative;
    z-index: 2;
}

.two-column-promo-container .two-column-promotion-cta .cta-group__link:after
    {
    display: none;
}

.two-column-promotion .handheld-image {
    display: none;
}

.two-column-promo-container .full-width-container {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.two-column-promo-container .theme-white.theme-container .full-width-container.two-column-promotion-container {
    display: block;
}

.two-column-promo-container-height--edit-mode {
        min-height: 30px;
        /*min-height added to make the child components editable in Touch UI*/
    }

.two-column-promo-container-height--edit-mode {
        min-height: 30px;
        /*min-height added to make the child components editable in Touch UI*/
    }
@media ( min-width : 21em) and (max-width: 39.9375em) {
    .two-column-promotion .desktop-image {
        display: none;
    }
    .two-column-promotion .handheld-image {
        display: block;
    }
    .two-column-promo-container .two-column-promotion-cta {
        margin-bottom: 20px;
        margin-top: 8px;
    }
    .two-column-feature-container .two-column-promotion-cta {
        margin-bottom: 0px;
        margin-top: 8px;
    }
    .two-column-promo-container .two-column-promo-content {
        padding: 1.142857em 1.071428em 0 0.9375em;
    }
    .two-column-promo-container .two-column-promo-float-left .full-width-container
        {
        background-color: #f4f4f4;
        width: 100%;
    }
    .two-column-promo-container .two-column-promo-float-right .full-width-container
        {
        background-color: #ffffff;
        width: 100%;
    }
    .two-column-promo-container  .two-column-promo-float-left .two-column-feature .full-width-container
        {
        background-color: #ffffff;
        width: 100%;
    }
    .two-column-promo-container  .two-column-promo-float-right .two-column-feature .full-width-container
        {
        background-color: #ffffff;
        width: 100%;
        padding-bottom: 35px;
    }
    .two-column-promo-float-left .two-column-feature-container .strokeline {
        border-right: none;
    }
    .two-column-feature-container .two-column-feature-content {
        margin: 0 auto;
        padding-top: 14px;
        text-align: left;
        width: 320px;
    }
    .two-column-feature-container {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 auto;
        overflow: hidden;
        min-height: 1px;
    }
    .two-column-promo-float-left, .two-column-promo-float-right {
        width: 100%;
        float: none
    }
    .eeg-wrapper .two-column-feature-content p {
        color: #6D6E71;
        font-family: Rubrik;
        font-size: 1.0625em;
        line-height: 28px;
        margin: 9px 0 14px 0;
    }
}

@media ( min-width : 40em) and (max-width: 60em) {
    .two-column-promotion .desktop-image {
        display: block;
    }
    .two-column-promotion .handheld-image {
        display: none;
    }
    .inline-feature__media {
        padding-left: 40px;
        padding-right: 40px;
    }
    .two-column-promo-container .two-column-promo-content {
        width: 50%;
        float: left;
        text-align: left;
        padding: 0 54px 0 42px;
    }
    .two-column-promo-container .inline-promotion__media {
        float: right;
        width: 50%;
    }
    .two-column-promo-container .two-column-promo-content {
        padding-top: 16px;
    }
    .two-column-promo-container .two-column-promotion-cta {
        margin: 0;
    }
    .two-column-promo-float-left, .two-column-promo-float-right {
        width: 100%;
        float: none
    }
    .two-column-promo-container .two-column-promo-float-left .full-width-container
        {
        background-color: #f4f4f4;
        width: 100%;
    }
    .two-column-promo-container .two-column-promo-float-right .full-width-container
        {
        background-color: #ffffff;
        width: 100%;
    }
    .two-column-feature-container .two-column-feature-content {
        padding-left: 0px;
        padding-right: 0px;
        width: 260px;
    }
    .eeg-wrapper .two-column-feature-container .h3 {
        font-size: 1.625rem !important;
    }
    .two-column-feature-container {
        padding: 48px 0px 40px 0px;
        margin: 0 auto;
        overflow: hidden;
        min-height: 1px;
    }
}

@media ( min-width : 47.9375em) and (max-width: 60em) {
    .two-column-promo-container  .two-column-promo-float-left .two-column-feature .full-width-container
        {
        width: 50%;
        float: left
    }
    .two-column-promo-container  .two-column-promo-float-right .two-column-feature .full-width-container
        {
        width: 50%;
        float: right
    }
}

@media ( min-width : 22.55em) and (max-width: 47.9375em) {
    .two-column-feature-container .two-column-feature-content {
        margin: 0 auto;
        text-align: left;
        width: 320px !important;
        padding-top: 14px;
    }
    .eeg-wrapper .two-column-feature-container .h3 {
        font-size: 1.625rem !important;
    }
    .two-column-feature-container {
        padding: 32px 24px 0px 24px;
        margin: 0px 8px 0px 8px;
        overflow: hidden;
        min-height: 1px;
    }
    .eeg-wrapper .inline-promotion a.button-primary {
        border-radius: 10rem;
        color: #fff;
        width: auto;
        margin: 1.5rem 0 0;
    }
    .two-column-promo-float-left .two-column-feature-container .strokeline {
        border-right: none;
    }
    .eeg-wrapper .two-column-feature-content p {
        color: #6D6E71;
        font-family: Rubrik;
        font-size: 1.0625em;
        line-height: 28px;
        margin: 9px 0 14px 0;
    }
}
@media ( min-width : 41.688em) and (max-width: 47.9375em) {
    .two-column-feature-container .two-column-feature-sixteen-nine-alignment .two-column-feature-content {
        width: 480px !important;
    }
}

@media ( min-width : 60em) and (max-width: 64em) {
    .two-column-promo-container .two-column-promo-content {
        padding: 3.5em 5.125em 0 5.125em;
    }
}

@media ( min-width : 20em) and (max-width: 21em) {
    .two-column-promotion .desktop-image {
        display: none;
    }

    .two-column-promotion .handheld-image {
        display: block;
    }
    .two-column-promo-container .two-column-promotion-cta {
        margin-bottom: 20px;
        margin-top: 8px;
    }
    .two-column-feature-container .two-column-promotion-cta {
        margin-bottom: 0px;
        margin-top: 8px;
    }
    .two-column-promo-container .two-column-promo-content {
        padding: 1.142857em 1.071428em 0 0.9375em;
    }
    .two-column-promo-container .two-column-promo-float-left .full-width-container
        {
        background-color: #f4f4f4;
        width: 100%;
    }
    .two-column-promo-container .two-column-promo-float-right .full-width-container
        {
        background-color: #ffffff;
        width: 100%;
    }
    .two-column-promo-container  .two-column-promo-float-left .two-column-feature .full-width-container
        {
        background-color: #ffffff;
        width: 100%;
    }
    .two-column-promo-container  .two-column-promo-float-right .two-column-feature .full-width-container
        {
        background-color: #ffffff;
        width: 100%;
        padding-bottom: 35px;
    }
    .two-column-promo-float-left .two-column-feature-container .strokeline {
        border-right: none;
    }
    .two-column-promo-float-left, .two-column-promo-float-right {
        width: 100%;
        float: none
    }
    .two-column-feature-container .two-column-feature-content {
        margin: 0 auto;
        text-align: left;
        width: 256px !important;
        padding-top: 14px;
    }
    .eeg-wrapper .two-column-feature-container .h3 {
        font-size: 1.625rem !important;
    }
    .two-column-feature-container {
        padding: 32px 24px 0px 24px;
        margin: 0px 8px 0px 8px;
        overflow: hidden;
        min-height: 1px;
    }
    .eeg-wrapper .inline-promotion a.button-primary {
        border-radius: 10rem;
        color: #fff;
        width: auto;
        margin: 1.5rem 0 0;
    }
    .eeg-wrapper .two-column-feature-content p {
        color: #6D6E71;
        font-family: Rubrik;
        font-size: 1.0625em;
        line-height: 28px;
        margin: 9px 0 14px 0;
    }
}

@media ( min-width :320px) and (max-width:740px) and (orientation:
    landscape) {
    .two-column-promo-container  .two-column-promo-float-right .two-column-feature .full-width-container
        {
        padding-bottom: 35px;
    }
    .eeg-wrapper .two-column-feature-content p {
        color: #6D6E71;
        font-family: Rubrik;
        font-size: 1.0625em;
        line-height: 28px;
        margin: 9px 0 14px 0;
    }
}

@media ( min-width :21em) and (max-width:22.5em) {
    .two-column-promotion .desktop-image {
        display: none;
    }
    .two-column-promotion .handheld-image {
        display: block;
    }
    .two-column-promo-container .two-column-promotion-cta {
        margin-bottom: 20px;
        margin-top: 8px;
    }
    .two-column-feature-container .two-column-promotion-cta {
        margin-bottom: 0px;
        margin-top: 8px;
    }
    .two-column-promo-container .two-column-promo-content {
        padding: 1.142857em 1.071428em 0 0.9375em;
    }
    .two-column-promo-container .two-column-promo-float-left .full-width-container
        {
        background-color: #f4f4f4;
        width: 100%;
    }
    .two-column-promo-container .two-column-promo-float-right .full-width-container
        {
        background-color: #ffffff;
        width: 100%;
    }
    .two-column-promo-container  .two-column-promo-float-left .two-column-feature .full-width-container
        {
        background-color: #ffffff;
        width: 100%;
    }
    .two-column-promo-container  .two-column-promo-float-right .two-column-feature .full-width-container
        {
        background-color: #ffffff;
        width: 100%;
        padding-bottom: 35px;
    }
    .two-column-promo-float-left .two-column-feature-container .strokeline {
        border-right: none;
    }
    .two-column-promo-float-left, .two-column-promo-float-right {
        width: 100%;
        float: none
    }
    .two-column-feature-container .two-column-feature-content {
        margin: 0 auto;
        text-align: left;
        width: 300px;
        padding-top: 14px;
    }
    .eeg-wrapper .two-column-feature-container .h3 {
        font-size: 1.625rem !important;
    }
    .two-column-feature-container {
        padding: 32px 24px 0px 24px;
        margin: 0px 8px 0px 8px;
        overflow: hidden;
        min-height: 1px;
    }
    .eeg-wrapper .two-column-feature-content p {
        color: #6D6E71;
        font-family: Rubrik;
        font-size: 1.0625em;
        line-height: 28px;
        margin: 9px 0 14px 0;
    }
    .eeg-wrapper .inline-promotion a.button-primary {
        border-radius: 10rem;
        color: #fff;
        width: auto;
        margin: 1.5rem 0 0;
    }
}

.two-column-promotion-container img {
    width:100%;
}

.two-column-promo-container .full-width-container.two-column-promotion-container.shadow-box {
    -webkit-box-shadow: 0px 2px 5px 0px #d8d8d9;
    -moz-box-shadow: 0px 2px 5px 0px #d8d8d9;
    box-shadow: 0px 2px 5px 0px #d8d8d9;
    width: auto;
    margin: .2em 1em 1.5em;
    overflow: hidden;
}

/*Two Coloumn Promotion Image background changes*/

.two-column-promotion-image-background .handheld-image {
    display: none;
}

.two-column-promotion-image-background .eeg-wrapper-two-column-container .full-width-container{
    position: relative;
}

.two-column-promotion-image-background .desktop-gradient-top,
.two-column-promotion-image-background .desktop-gradient-bottom,
.two-column-promotion-image-background .mobile-gradient-top,
.two-column-promotion-image-background .mobile-gradient-bottom {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.two-column-promotion-image-background .desktop-gradient-top {
    top: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.02) 54.3%,rgba(0,0,0,0) 100%);
}

.two-column-promotion-image-background .desktop-gradient-bottom {
    bottom: 0;
    background: linear-gradient(to top,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.02) 54.3%,rgba(0,0,0,0) 100%);
}

.two-column-promotion-image-background .two-column-promo-image-background-content.center {
    text-align: center;
}

.two-column-promotion-image-background .two-column-promo-image-background-content.left {
    left: 0;
    text-align: left;
}

.two-column-promo-container .two-column-promotion-image-background  .two-column-promo-image-background-content {
    padding: 3em 1.875em 0 1.875em;
    position: relative;
    z-index: 2;
}

.eeg-wrapper .two-column-promo-container .two-column-promotion-image-background .full-width-container .two-column-promo-image-background-content  .h1 {
    margin: 0;
}

.two-column-promo-container .two-column-promotion-image-background  .two-column-promo-image-background-content .two-column-promotion-cta {
    margin: 1.25em 0;
}
.two-column-promo-container .two-column-promotion-image-background  .two-column-promo-image-background-content .two-column-promotion-cta .cta-group__link{
    margin-top:1rem;
    display: inline-block;
}

@media ( min-width : 20em) and (max-width: 34.9375em) {
    .two-column-promotion-image-background .desktop-image {
        display: none;
    }
    .two-column-promotion-image-background .handheld-image {
        display: block;
    }
   .two-column-promo-container .two-column-promotion-image-background  .two-column-promo-image-background-content {
        padding: 1.142857em 2rem 0 1.875rem;
    }
    .two-column-promo-container .two-column-promotion-image-background  .two-column-promo-image-background-content .two-column-promotion-cta {
        margin: 0.5rem 0 1.25rem 0;
    }
}

@media ( min-width : 35em) and (max-width: 60em) {
    .two-column-promotion-image-background .desktop-image {
        display: block;
    }
    .two-column-promotion-image-background .handheld-image {
        display: none;
    }
    .two-column-promo-container .two-column-promotion-image-background  .two-column-promo-image-background-content {
        padding: 2.25em 3.375em 2em 2.625em;
    }
    .two-column-promo-container .two-column-promotion-image-background  .two-column-promo-image-background-content .two-column-promotion-cta {
        margin: 1rem 0 0 0;
    }
    .two-column-promo-container .two-column-promotion-image-background .inline-promotion__media {
        float: none;
        width: 100%;
    }       
}

@media ( min-width : 60em) and (max-width: 64em) {
    .two-column-promo-container .two-column-promotion-image-background .two-column-promo-image-background-content {
        padding: 1.875em 1.875em 0 1.875em;
    }
    .two-column-promo-container .two-column-promotion-image-background  .two-column-promo-image-background-content .two-column-promotion-cta {
            margin: 0.75rem 0 2rem 0;
    }
}

@media (max-width: 639px) {
    .two-column-promotion-image-background .two-column-promo-image-background-content .two-column-promotion-cta a.button-primary {
        width:100%;
    }
	.two-column-promotion-image-background .two-column-promo-image-background-content .two-column-promotion-cta a.button-secondary {
        width:100%;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .two-column-promotion-image-background .two-column-promo-copy.hide-copy-on-mobile {
        display: none;        
    }
}

@media (min-width: 0px) and (max-width: 560px) {
    .two-column-promotion-image-background .two-column-promo-image-background-content.top-center-mobile,
    .two-column-promotion-image-background .two-column-promo-image-background-content.bottom-center-mobile{
        text-align: center;
    }
    .two-column-promotion-image-background .two-column-promo-image-background-content.top-left-mobile,
    .two-column-promotion-image-background .two-column-promo-image-background-content.bottom-left-mobile {
        left: 0;
        text-align: left;
    }
    .two-column-promotion-image-background .eeg-wrapper-two-column-container .full-width-container .content-on-handheld-image {
        position: absolute;
        top: 0;
        min-height: 1em;
        width: 100%;
        height: auto;
        z-index: 1;
    }
    .two-column-promotion-image-background .eeg-wrapper-two-column-container .full-width-container .content-on-handheld-image.bottom-center-mobile, 
    .two-column-promotion-image-background .eeg-wrapper-two-column-container .full-width-container .content-on-handheld-image.bottom-left-mobile{
        bottom: 0;
        top: auto;
    }
    .two-column-promotion-image-background .mobile-gradient-top {
        top: 0;
        background: linear-gradient(to bottom,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.02) 54.3%,rgba(0,0,0,0) 100%);
    }

    .two-column-promotion-image-background .mobile-gradient-bottom {
        bottom: 0;
        background: linear-gradient(to top,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.02) 54.3%,rgba(0,0,0,0) 100%);
    }
}

@media (min-width: 560px) {
    .two-column-promotion-image-background .eeg-wrapper-two-column-container .full-width-container .content-on-desktop-image.top,
    .two-column-promotion-image-background .eeg-wrapper-two-column-container .full-width-container .content-on-desktop-image.bottom {
        position: absolute;
        top: 0;
        min-height: 1em;
        width: 100%;
        height: auto;
        z-index: 1;
    }
    .two-column-promotion-image-background .eeg-wrapper-two-column-container .full-width-container .content-on-desktop-image.bottom {
        bottom: 0;
        top: auto;
    }
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * EE Limited 2018. All rights reserved.
 */

.two-column-promo-container {
    text-align: center;
    overflow: hidden;
    min-height: 1px;/*min-height added to make the child components editable in Touch UI*/
}

.two-column-feature-content > ul {
    margin: 0px;
}

.full-width-container .two-column-feature-container .strokeline .two-column-feature-content{
    height: auto;
}

.two-column-promo-container.text-shadow {
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.5), 0 0 32px rgba(0, 0, 0, 0.4);
}

.two-column-promo-container.text-shadow .cta-group__button,
.two-column-promo-container.text-shadow .cta-group__link {
    text-shadow: none;
}

@media (min-width: 40em) and (max-width : 112.4em) {
    .two-column-promo-container .eeg-wrapper .h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}

@media (min-width : 112.5em ) {
    .two-column-promo-container .eeg-wrapper .h1 {
        font-size: 3em;
        line-height: 2.5rem;
    }
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.main-heading
{
    text-align:center;
}

.banner-container__editMode{
min-height:20px;
}

/* plugin css for fixed scroll*/
.eco-sys-container .nav--vertical {
    position: fixed;
    z-index: 9999;
    right: 3%;
    top: 42%;
}

@media only screen and (min-width: 1200px) {
    .eco-sys-container .nav--vertical{
       right: 2%;
    }
}

.eco-sys-container .nav--vertical a {
    display: block;
    position: relative;
    height: 30px;
    width: 0.75em;
    height: 0.75em;
    border-radius: 50%;
    opacity: 0.6;
    background-color: #d8d8d9;
    border: solid 2px #ffffff;
    margin-bottom: 30px;
    outline-color: #fff;
}

.eed-slideout-none {
    transform: none !important;
    -webkit-transform: none !important;
}

.eco-sys-container .nav--vertical a:hover {
    background: rgba(255, 255, 244, 0.6);
}

.eco-sys-container .nav--vertical a.active {
    background: #009c9c;
    width: 0.75em;
    height: 0.75em;

}
@media ( min-width :320px) and (max-width:767px) {
    .eco-sys-container .nav--vertical a, .eco-sys-container .nav--vertical a:hover,
        .eco-sys-container .nav--vertical a.active {
        width: 0.75em;
        height: 0.75em
    }
}

@media ( min-width :768px) and (max-width:1024px) {
    .eco-sys-container .nav--vertical a, .eco-sys-container .nav--vertical a:hover,
        .eco-sys-container .nav--vertical a.active {
        width: 0.75em;
        height: 0.75em
    }
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.login-banner__top-padding {
    margin-top: 4em;
}

.login-banner__top-nopadding {
    margin-top: 0;
}

.login-banner-disable {
    display: none;
}

.login-banner__top-con {
    text-align: center;
    padding-top: 3rem;
}

.login-banner__button-con {
    text-align: center;
    padding-bottom: 3rem;
    padding-top: 1.438rem;
}

.login-banner__button-con .cta-group__link:first-child {
    padding-right: 2rem;
}

.login-banner__button-con .cta-group__link span {
    font-size: 1.063rem;
}

.login-banner__close {
    font-size: 2em;
    cursor: pointer;
    position: relative;
    right: 3rem;
    bottom: 4rem;
}

.login-banner__title-con {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.login-banner__close-con {
    float: right;
    display: inline-block;
}

.login-banner .theme-ivory-background.theme-standard {
    background-color: #f4f4f4;
}

@media only screen and (max-width : 47.9em) {
    .login-banner__button-con {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 2rem;
    }
    .login-banner__close {
        position: relative;
        bottom: 5.25rem;
        right: 0.5rem;
        font-size: 2rem;
    }
    .login-banner__title {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
    .login-banner .cta-group__link.login-banner__secondary-link {
        margin-top: 2rem;
        margin-right: 2rem;
    }
    .login-banner__button-con .cta-group__link {
        display: inherit;
    }
    .login-banner__button-con .cta-group__link:nth-child(2) {
        display: inline-block;
    }
    .login-banner__button-con .cta-group__link:first-child {
        padding-right: 0px;
    }
}

@media only screen and (max-width : 47.9em) and (orientation:landscape) {
    .login-banner__close {
        bottom: 3.75rem;
    }
}

@media only screen and (max-width : 20em) {
    .login-banner__close {
        bottom: 7.25rem;
    }
}
.form__check-label{
    color: #000000 !important;
}
.article-navigator {
    width: 100%;
    background-color: #ffffff;
    float:left;
}
.article-navigator .shop-article-container {
	float:none;
}

.article-navigator--unique {
    padding-bottom: 24px;
}

.article-navigator__padding {
    margin-top: 2.5em;
}

.article-navigator a {
    display: flex;
    align-items: center;
    width: auto;
}

.AN__previous {
    width: 156px;
    float: left;
}

.AN__previous--top {
    float: left;
    width: 100%;
}

.AN__previous--link,
.AN__next--link {
    font-weight: 600;
    font-size: 1.063em;
    color: #007b85;
}

.AN__previous--top a:hover .AN__previous--link,
.AN__next--top a:hover .AN__next--link {
    color: #005a61;
    cursor: pointer;
    text-decoration: underline;
}

.AN__icon-area--previous {
    width: 20%;
    float: left;
}

.AN__icon--previous {
    float: left;
    margin-left: -10px;
}

.AN__text-area__previous--top {
    width: 80%;
    float: left;
    text-align: left;
}

.AN__previous--bottom {
    float: left;
    width: 100%;
}

.AN__text-area__previous--bottom {
    width: 100%;
    text-align: left;
    float: left;
    color: #3c3d41;
    font-size: 1.063em;
}

.AN__next {
    width: 156px;
    float: right;
}

.AN__next--top {
    float: right;
    width: 100%;
}

.AN__icon-area--next {
    width: 20%;
    float: right;
}

.AN__icon--next {
    float: right;
    margin-right: -10px;
}

.AN__text-area__next--top {
    width: 80%;
    float: right;
    text-align: right;
}

.AN__next-bottom {
    float: right;
    width: 100%;
}

.AN__text-area__next--bottom {
    width: 100%;
    float: right;
    text-align: right;
    color: #3c3d41;
    font-size: 1.063em;
}

.AN__margin-bottom {
    margin-bottom: 0;
}

@media (max-width: 64em) { /* 1024px */
    .article-navigator--unique {
        padding-bottom: 32px;
    }
    .AN__previous,
    .AN__next {
        width: 78%;
    }
    .AN__icon-area--previous {
        width: 9%;
    }
    .AN__icon-area--next {
        width: 9%;
    }
    .AN__text-area__previous--top,
    .AN__text-area__next--top {
        width: 91%;
        padding-bottom: 4px;
    }
    .article-navigator a:focus {
        outline: none;
        border-bottom: none;
    }
    .AN__margin-bottom {
        margin-bottom: 43px;
    }
}

@media (min-width:48.000em) and (max-width: 64em) { 
    .article-navigator .shop-article-container .AN__previous,
    .article-navigator .shop-article-container .AN__next {
        width:50%;
     }
}
@media only screen and (max-device-width
    : 767px) and (orientation : landscape) {
    .AN__icon-area--previous {
        width: 5%;
    }
    .AN__icon-area--next {
        width: 5%;
    }
	.AN__text-area__next--top {
    	width: 95%;
    }
}

@media only screen (min-device-width
    : 768px) and (max-device-width
    : 1366px) and (orientation : landscape) {
    .AN__icon-area--previous {
        width: 20%;
    }
    .AN__icon-area--next {
        width: 20%;
    }
    .AN__text-area__next--top {
    	width: 80%;
    }
}
.EE .article-navigator a {
    border-bottom: none;
}
.EE .article-navigator a:hover {
    color: #005a61;
    border-bottom: none;
}
.EE .article-navigator a:focus {
    outline: 2px dotted;
    border-bottom: 0;
    outline-offset: 0;
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */
.quickLinks_sticky_variant .sticky-quick-link__row {
    display: flex;
    flex-flow: row wrap;
    flex: 0 1 auto;
    justify-content: center;
}

.quickLinks_sticky_variant .link-content-text.icon-link {
    display: flex;
    display: -ms-inline-flexbox;
    align-items: center;
    flex-grow: 1;
    max-width: 100%;
}

.quickLinks_sticky_variant .link-content-text.sticky-link-text {
    align-items: center;
}

.quickLinks_sticky_variant .sticky-quick-link__col_sticky {
    flex: 1 1 25%;
    max-width: 25%;
    padding-right: .5rem;
    padding-left: .5rem;
    margin-bottom: 2rem;
}

.quickLinks_sticky_variant .quickLinks__icon {
    display: block;
    color: #007B85;
    font-size: 1.875rem;
}

.sticky-quick-link .clr-float{
    clear:both;
}

.sticky-quick-link{
    display:block;
    width:100%;
    position: relative;
    z-index:999;
    background-color: #fff;
    padding:48px 43px;
  }
  
.sticky-quick-link__row{
    position:relative;
    width:100%;
  }
  
.sticky-quick-link__col2{
    display: inline-block;
    width: 50%;
    background-color: #fff;
    padding:0px 11px;
    float: left;
 }
 
.sticky-quick-link__col3{
    display: inline-block;
    width: 33.33%;
    background-color: #fff;
    padding:0px 11px;
    float: left;
 }
 
.sticky-quick-link__col4{
    display: inline-block;
    width: 25%;
    background-color: #fff;
    padding:0px 11px;
    float: left;
 }

.sticky-quick-link .link-content{
    background-color: #fff;
    height: 100%;
    display: inline-block;
    width:100%;
    text-align: center;
    font-family: Rubrik;
    font-size: 20px;
    line-height: 28px;
    height: 80px;
    box-shadow: 0 2px 8px 0 rgba(169,169,169,0.5);
    border-radius:4px;
    padding:25px 0;
 }

.quickLinks_sticky_variant .link-content {
    height: 100%;
    font-size: 1rem;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 25px 0;
}

.sticky-quick-link .link-content-text.icon-link {
  font-weight: normal ;
}

.quickLinks_sticky_variant .link-content-text {
    font-size: 1rem;
    word-break: break-word;
 }

.sticky-quick-link .link-content:hover{
    box-shadow: 0 2px 17px 0 rgba(169,169,169,0.81);
    cursor: pointer;
    text-decoration: underline !important;
}

.underline-quicklink{
    border-bottom:2px solid #007b85;
}

.quickLinks_sticky_variant .link-content:hover{
    text-decoration: none !important;
}

.sticky-quick-link .link-content a:hover{
    text-decoration: underline !important;
}

.quickLinks_sticky_variant .link-content a:hover{
    text-decoration: none !important;
}

.sticky-quick-link.quickLinks_sticky_variant .sticky-quick-link__col_sticky {
    display: grid;
}

.recommendation-container {
    position: relative;
}

.recommendation-text {
    position: static;
    bottom: 85%;
    left: 1rem;
    border-bottom: .0625rem solid #d8d8d9;
    padding: .25rem .75rem;
    background-color: #ffe600;
    color: #3c3d41;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sticky-quick-link.quickLinks_sticky_variant .quick-link-anchor  {
        display: flex;
    }
}

@media (min-width:200px) and (max-width:767px) {

.sticky-quick-link{
    padding:40px 9px;
  }

.quickLinks_sticky_variant .sticky-quick-link__col_sticky {
    flex-basis: 50%;
    max-width: 50%;
}

.quickLinks_sticky_variant  .link-content-text {
    display: block;
}
 
.sticky-quick-link__col2{
    width: 50%;
    float:left;
    display: inline-block;
    padding:8px 8px;
  }
  
.sticky-quick-link__col3{
    width: 100%;
    float:left;
    display: inline-block;
    padding:8px 8px;
  }
  
.sticky-quick-link__col4{
    width: 50%;
    float:left;
    display: inline-block;
    padding:8px 8px;
  }
  
.sticky-quick-link .link-content{
    font-size: 18px;
    height: 72px;
    line-height:28px;
    padding:0;
    display:table;
    width:100%;
 }

.quickLinks_sticky_variant .link-content{
    padding: 1.563rem 1rem;
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
}

 .quickLinks_sticky_variant .quickLinks__icon {
    line-height: 1;
    font-size: 2.5rem;
}

.sticky-quick-link a{
    height: 72px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    display: block;
    }

.quickLinks_sticky_variant a{
    height: 100%;
}

.link-content-text{
    vertical-align: middle;
    display: table-cell;
     }
  }

@media (min-width:768px) and (max-width:1024px) {

    .sticky-quick-link{
        padding:41px 30px;
      }

    .sticky-quick-link__col2{
        padding:0px 6px;
      }
    .sticky-quick-link__col3{
        padding:0px 6px;
      }
    .sticky-quick-link__col4{
        padding:0px 6px;
      }
    .sticky-quick-link .link-content{
        font-size: 19px;
        height: 72px;
        line-height:28px;
        padding:0;
        display:table;
        width:100%;
     }

    .sticky-quick-link a{
        height: 72px;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        display: block;
     }

    .link-content-text{
        vertical-align: middle;
        display: table-cell;
      }

     .quickLinks_sticky_variant .quickLinks__icon {
        line-height: 1;
        font-size: 2.5rem;
    }

    .quickLinks_sticky_variant .link-content{
        padding: 1.563rem 1rem;
        height: 100%;
        display: inline-grid;
        align-items: center;
        display: flex;
        color:#007b85;
        flex-direction: column;
    }

    .quickLinks_sticky_variant  .link-content-text {
        display: block;
    }

    .quickLinks_sticky_variant a{
        height: 100%;
    }
}
/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */

.video-embed__play,
.eeg-wrapper .video-embed__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  margin-top: -.5em;
  margin-left: -.5em;
  text-align: center;
  line-height: 1;
  font-size: 5em;
}
.video-embed__play:before {
  font-family: 'ee-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
  vertical-align: top;
  text-shadow: 0px 0px 10px #444444;
}
@media (min-width: 45em) {
  .video-embed__play {
   font-size: 4em;
   }
}
@media (max-width: 45em) {
   .video-embed__play {
    font-size: 3em;
  }
}
.lt-ie9 .video-embed__play {
  font-size: 5em;
}

.video-embed__player {
  position: relative;
  padding-top: 56.25%;
}
.video-embed__player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.js .video-embed .video-embed__player {
  display: none;
}

@media print {
  .video-embed {
    display: none;
  }
}

.video-embed a.play-icon-yellow,
.eeg-wrapper .video-embed a.play-icon-yellow {
    color: #ffe600;
}

.video-embed a.play-icon-yellow:hover {
    color: #F5D500;
}
.video-embed a.play-icon-yellow:focus,
.video-embed a.play-icon-white:focus {
    outline-color: white;
    outline-style: dotted;
    text-decoration: none;
}
.video-embed .video-embed__play.play-icon-aqua:focus {
    outline-color: #007B85;
}
.video-embed .video-embed__play.play-icon-yellow:focus {
    outline-color: #ffe600;
}
.video-embed .video-embed__play.play-icon-white:focus {
    outline-color: #ffffff;
}
.video-embed a.play-icon-aqua,
.eeg-wrapper .video-embed a.play-icon-aqua {
    color: #007B85;
}

.video-embed a.play-icon-aqua:hover {
    color: #005A61;
}

.video-embed a.play-icon-aqua:focus {
    outline-color: #007B85;
    outline-style: dotted;
}

.video-embed a.play-icon-white,
.eeg-wrapper .video-embed a.play-icon-white {
    color: #ffffff;
}

/*CSS for Video Component*/

@media only screen and (min-width : 320px) and (max-width : 768px){
    .video .container.responsive-video {
        position: relative;
        padding-bottom: 56.25%;
	    height: 315px;
	    overflow: hidden;
	}
	 .video .responsive-video .eec-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
	}
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */
.ee-form-error-message{
    color: #da0008;
    margin-top: .75rem;
    font-size: 1rem;
    line-height: 1.5
}
.ee-email-error-message{
    color: #da0008;
    margin-top: .75rem;
    font-size: 1rem;
    line-height: 1.5
}

.ee-form-constraint-message{
    color: #da0008;
    margin-top: .75rem;
    font-size: 1rem;
    line-height: 1.5    
}

.ee-form input.invalid[type=email]
{
    border-color: #d20007 !important
}

.EE.sg-override--aem .ee-form input.invalid[type=email] {
    background-color: #feeded !important;
}

.ee-form input.invalid[type=postcode]
{
    border-color: #d20007 !important
}

.EE.sg-override--aem .ee-form input.invalid[type=postcode] {
    background-color: #feeded !important;
}

.ee-form input.invalid[type=mobilephone]
{
    border-color: #d20007 !important
}

.EE.sg-override--aem .ee-form input.invalid[type=mobilephone] {
    background-color: #feeded !important;
}

.ee-form input.invalid[type=radio]
{
    border-color: #d20007 !important
}

.EE.sg-override--aem .ee-form input.invalid[type=radio] {
    background-color: #feeded !important;
}

.ee-form input.invalid[name=ContactNumber]
{
    border-color: #d20007 !important
}

.EE.sg-override--aem .ee-form input.invalid[name=ContactNumber] {
    background-color: #feeded !important;
}

.ee-postcode-error-message{
    color: #da0008;
    margin-top: .75rem;
    font-size: 1rem;
    line-height: 1.5;
}

.maxwords-length{
    color: #e00000;
    position: absolute;
    right: 0px;
}

/*
 * Copyright in this document is the property of EE Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of EE Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of EE Limited.
 *
 * © EE Limited 2018. All rights reserved.
 */
 .ee-form-error-message--captcha{
    color: #da0008;
    margin-top: .75rem;
    font-size: 1rem;
    line-height: 1.5
}

.ee-form-field--invalid--captcha,
.captcha-css-class.ee-form-error-message--captcha.ee-form-message-text {
    color: #e00000;
}